:root{--student-navy:#173968;--student-blue:#1769aa;--student-teal:#13838d;--student-ink:#17324d;--student-muted:#667b8c;--student-bg:#f3f6f8}.student-body{margin:0;background:var(--student-bg);color:var(--student-ink);font-family:Arial,Helvetica,sans-serif}.student-topbar{position:sticky;top:0;z-index:20;height:56px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 max(18px,calc((100% - 1120px)/2));background:rgba(255,255,255,.97);box-shadow:0 1px 10px rgba(30,55,75,.07)}.student-brand{display:flex;align-items:center;gap:8px;color:var(--student-navy);font-weight:800;text-decoration:none;font-size:16px}.student-topbar nav{display:flex;justify-content:center;gap:8px}.student-topbar nav a,.parent-area{padding:8px 10px;border-radius:8px;color:#526b7e;text-decoration:none;font-size:12px;font-weight:700}.student-topbar nav a[aria-current=page],.student-topbar nav a:hover{background:#edf3f7;color:var(--student-navy)}.parent-area{color:var(--student-navy)}.student-shell{width:min(1120px,calc(100% - 32px));margin:auto;padding:22px 0 48px}.student-loading{padding:24px;border-radius:14px;background:#fff;box-shadow:0 4px 18px rgba(30,55,75,.06)}.learner-strip{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.learner-strip h1{margin:3px 0 0;font-size:27px;letter-spacing:-.02em}.student-kicker{display:block;color:var(--student-teal);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.learning-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.8fr);overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(30,55,75,.08)}.learning-main{padding:28px 30px;background:linear-gradient(135deg,#173968,#205387);color:#fff}.learning-main .student-kicker{color:#bde6e8}.learning-main h2{margin:8px 0 6px;font-size:28px;letter-spacing:-.02em}.learning-main p{margin:0 0 22px;color:#dce8f3;font-size:13px}.student-primary{display:inline-flex;min-height:38px;align-items:center;justify-content:center;padding:0 15px;border:0;border-radius:9px;background:#fff;color:var(--student-navy)!important;text-decoration:none;font-size:12px;font-weight:800}.hero-metrics{display:grid;grid-template-columns:1fr 1fr;align-content:center;padding:18px}.hero-metrics div{padding:16px 18px}.hero-metrics strong,.hero-metrics span{display:block}.hero-metrics strong{font-size:25px;color:var(--student-navy)}.hero-metrics span{margin-top:3px;font-size:10px;color:var(--student-muted);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.student-section{margin-top:22px}.student-section-head{margin-bottom:10px}.student-section-head h2{margin:0;font-size:18px;color:var(--student-navy)}.student-subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.student-subject-card{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:17px;border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(30,55,75,.06);text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}.student-subject-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(30,55,75,.1)}.subject-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#e9f3f6;color:var(--teal,#087f8c);font-size:12px;font-weight:800}.subject-copy strong{display:block;font-size:15px;color:var(--student-navy)}.subject-copy small{display:block;margin-top:4px;color:var(--student-muted);font-size:10px}.student-subject-card>b{font-size:13px;color:var(--student-teal)}.student-meter{height:5px;margin-top:10px;overflow:hidden;border-radius:99px;background:#e8edf1}.student-meter span{display:block;height:100%;border-radius:inherit;background:var(--student-teal)}.student-hero{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-radius:16px;background:#fff;box-shadow:0 5px 20px rgba(30,55,75,.06)}.student-hero h1{margin:3px 0;font-size:26px}.avatar-orb{display:grid;width:50px;height:50px;place-items:center;border-radius:13px;background:#e7f2f4;color:var(--student-teal);font-weight:800}.quiet-pill{font-size:10px;color:var(--student-muted)}.student-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.student-panel,.strand-card{padding:16px;border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(30,55,75,.06)}.student-panel h2{margin:4px 0;font-size:17px}.student-panel p{color:var(--student-muted);font-size:12px}.student-metrics{display:flex;gap:24px;margin-top:12px}.student-metrics strong,.student-metrics span{display:block}.student-metrics strong{font-size:20px}.student-metrics span{font-size:9px;color:var(--student-muted)}.back-link{display:inline-flex;margin-bottom:10px;color:var(--student-navy);text-decoration:none;font-size:11px;font-weight:700}.strand-card{margin-top:10px}.strand-head{padding-bottom:10px;font-size:13px;font-weight:800}.skill-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 4px;border-top:1px solid #edf1f4;text-decoration:none;color:inherit}.skill-row strong{display:block;font-size:13px}.skill-row small{display:block;font-size:10px;color:var(--student-muted)}.catalogue-root{margin-top:16px}.strand-jump{position:sticky;top:64px;z-index:12;display:flex;gap:7px;overflow-x:auto;padding:8px;margin:0 0 14px;border-radius:13px;background:rgba(243,246,248,.94);backdrop-filter:blur(8px);scrollbar-width:none}.strand-jump::-webkit-scrollbar{display:none}.strand-jump a{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:8px 11px;border-radius:9px;background:#fff;color:#526b7e;box-shadow:0 2px 8px rgba(30,55,75,.05);text-decoration:none;font-size:11px;font-weight:800}.strand-jump a span{color:var(--student-teal)}.strand-jump a:hover,.strand-jump a.is-current{background:var(--student-navy);color:#fff}.strand-jump a.is-current span{color:#bde6e8}.strand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.catalogue-strand{scroll-margin-top:122px;padding:16px;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(30,55,75,.06)}.catalogue-strand:first-child{grid-column:1/-1}.catalogue-strand-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.catalogue-strand-head h2{margin:0;font-size:18px;color:var(--student-navy)}.catalogue-strand-head small{display:block;margin-top:2px;color:var(--student-muted);font-size:9px}.strand-symbol{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#e7f2f4;color:var(--student-teal);font-size:13px;font-weight:900}.code-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.catalogue-strand:not(:first-child) .code-stack{grid-template-columns:1fr}.code-card{overflow:hidden;border:1px solid #e8edf1;border-radius:11px;background:#fbfcfd}.code-card.has-live{border-color:#9dd5d8;background:#f4fbfb;box-shadow:0 3px 12px rgba(19,131,141,.08)}.code-card summary{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;padding:12px;cursor:pointer;list-style:none}.code-card summary::-webkit-details-marker{display:none}.code-card summary>span:first-child{display:flex;align-items:flex-start;gap:8px;min-width:0}.code-card summary b{flex:0 0 auto;padding:4px 6px;border-radius:6px;background:#edf3f6;color:var(--student-teal);font-size:9px}.code-card summary strong{font-size:12px;line-height:1.25;color:var(--student-navy)}.code-status,.micro-state{flex:0 0 auto;padding:4px 7px;border-radius:99px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.status-live{background:#d8f2e5;color:#12613d}.status-planned{background:#edf0f2;color:#71808b}.code-meta{padding:0 12px 9px;color:var(--student-muted);font-size:8px;font-weight:700}.code-card[open] summary{padding-bottom:7px}.micro-grid{display:grid;grid-template-columns:1fr;gap:6px;padding:0 9px 9px}.micro-skill{display:grid;grid-template-columns:27px 1fr auto;gap:8px;align-items:center;min-height:42px;padding:7px 8px;border-radius:8px;background:#f4f7f9;color:inherit;text-decoration:none}.micro-skill.is-live{background:#eaf7f2}.micro-skill.is-live:hover{background:#def2ea}.micro-index{display:grid;width:25px;height:25px;place-items:center;border-radius:7px;background:#e3eaf0;color:var(--student-navy);font-size:9px;font-weight:800}.is-live .micro-index{background:#cfe9df;color:#12613d}.micro-copy{min-width:0}.micro-copy strong,.micro-copy small{display:block}.micro-copy strong{font-size:10px}.micro-copy small{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--student-muted);font-size:8px}@media(max-width:760px){.student-topbar{grid-template-columns:1fr auto;height:auto;padding:8px 12px}.student-topbar nav{grid-column:1/-1;order:3;justify-content:flex-start}.learning-hero{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(4,1fr)}.student-subject-grid{grid-template-columns:1fr 1fr}.strand-grid{grid-template-columns:1fr}.catalogue-strand:first-child{grid-column:auto}.code-stack{grid-template-columns:1fr}.strand-jump{top:92px}}@media(max-width:520px){.student-shell{width:calc(100% - 20px);padding-top:14px}.student-subject-grid{grid-template-columns:1fr}.learning-main{padding:22px}.hero-metrics{grid-template-columns:1fr 1fr;padding:10px}.parent-area{display:none}.code-card summary>span:first-child{flex-direction:column;gap:4px}.micro-skill{grid-template-columns:25px 1fr auto}}