/* Teacher Sections Phase 1 — non-destructive content and UX layer */
.tsp1-shell{width:min(100% - 32px,1120px);margin:18px auto;direction:rtl;font-family:'Tajawal',system-ui,sans-serif}
.tsp1-back{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;background:rgba(15,123,95,.10);border:1px solid rgba(15,123,95,.22);color:#0F7B5F;text-decoration:none;font-weight:900;margin:0 0 14px;box-shadow:0 8px 22px rgba(15,53,42,.06)}
html.dark .tsp1-back,.dark .tsp1-back{background:rgba(34,197,94,.10);border-color:rgba(134,239,172,.24);color:#86efac}
.tsp1-panel{background:var(--card,#fff);color:var(--text,#10231f);border:1px solid var(--border,rgba(15,53,42,.12));border-radius:24px;padding:18px;margin:14px auto 20px;box-shadow:0 14px 40px rgba(15,53,42,.07)}
html.dark .tsp1-panel,.dark .tsp1-panel{background:#10231F;color:#F3F4F6;border-color:rgba(255,255,255,.10)}
.tsp1-kicker{display:inline-flex;background:rgba(15,123,95,.10);color:#0F7B5F;border:1px solid rgba(15,123,95,.18);padding:6px 12px;border-radius:999px;font-weight:900;font-size:.85rem;margin-bottom:8px}
html.dark .tsp1-kicker,.dark .tsp1-kicker{background:rgba(34,197,94,.10);color:#86efac;border-color:rgba(134,239,172,.22)}
.tsp1-panel h2{margin:0 0 8px;font-size:clamp(1.3rem,2.5vw,2rem);font-weight:950;line-height:1.3}
.tsp1-panel p{margin:0;color:var(--muted,#64736c);line-height:1.9}
html.dark .tsp1-panel p,.dark .tsp1-panel p{color:#A7B3AF}
.tsp1-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}
.tsp1-box{background:rgba(15,123,95,.055);border:1px dashed rgba(15,123,95,.22);border-radius:18px;padding:14px;min-height:92px}
html.dark .tsp1-box,.dark .tsp1-box{background:rgba(255,255,255,.035);border-color:rgba(134,239,172,.22)}
.tsp1-box strong{display:block;margin-bottom:6px;font-weight:950}
.tsp1-box small{display:block;color:var(--muted,#64736c);line-height:1.7;font-size:.92rem}
html.dark .tsp1-box small,.dark .tsp1-box small{color:#A7B3AF}
.tsp1-list{display:grid;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.tsp1-list li{display:flex;align-items:flex-start;gap:8px;color:var(--muted,#64736c);line-height:1.7}
.tsp1-list li::before{content:"✓";color:#0F7B5F;font-weight:950;margin-top:1px}
html.dark .tsp1-list li,.dark .tsp1-list li{color:#A7B3AF}
html.dark .tsp1-list li::before,.dark .tsp1-list li::before{color:#86efac}
.tsp1-state{border-radius:16px;padding:12px 14px;margin-top:12px;border:1px solid rgba(15,123,95,.16);background:rgba(15,123,95,.055);line-height:1.8;color:var(--text,#10231f)}
.tsp1-state b{font-weight:950}
html.dark .tsp1-state,.dark .tsp1-state{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.10);color:#F3F4F6}
.tsp1-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tsp1-chip{display:inline-flex;align-items:center;min-height:36px;border-radius:999px;padding:0 12px;background:#fff;border:1px solid rgba(15,53,42,.12);color:#0F7B5F;font-weight:900;text-decoration:none}
html.dark .tsp1-chip,.dark .tsp1-chip{background:#0B1D19;color:#86efac;border-color:rgba(255,255,255,.10)}
@media(max-width:640px){.tsp1-shell{width:min(100% - 20px,1120px);margin:12px auto}.tsp1-panel{padding:14px;border-radius:20px}.tsp1-grid{grid-template-columns:1fr}.tsp1-back{width:100%;justify-content:center}}