/* =====================================================================
   Fonts — self-hosted (SIL Open Font License, see css/fonts/README.md)
   Variable files: one file covers every weight we use. Manrope 600–800, Noto Sans 400–700.
   Noto's 168 KB latin-ext file is not loaded; the ₹ sign comes from Manrope's small latin-ext file.
   ===================================================================== */
@font-face{font-family:"Manrope";font-style:normal;font-weight:600 800;font-display:swap;src:url("fonts/manrope-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600 800;font-display:swap;src:url("fonts/manrope-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Noto Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/notosans-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Noto Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/manrope-latin-ext.woff2") format("woff2");unicode-range:U+20B9}

/* =====================================================================
   PC Practo — "The Institute" design system
   Source of truth: https://pcpracto-design.netlify.app/brand/pro/
   Layout concept: a university prospectus — white pages, navy chapters,
   a fine gold rule opening each section, faculty first, one red action.
   ===================================================================== */

:root{
  /* colour */
  --navy:#0e2a47; --navy-900:#091a2c; --navy-700:#0b2239; --navy-400:#51667b; --navy-300:#8b99a7; --navy-200:#bcc3cb; --navy-100:#e0e3e7; --navy-50:#f3f4f6;
  --red:#c8102e; --red-deep:#a00d25; --red-50:#fcf3f5;
  --gold:#b88a00;          /* lines, frames, seals only — 3.2:1, never small text */
  --gold-ink:#8a6800;      /* gold text — 5.2:1 on white */
  --gold-light:#e8c35a;    /* gold text on navy — 8.6:1 */
  --white:#ffffff; --mist:#f2f5f9; --slate:#3d4a5c; --muted:#5a6677; --line:#dfe5ee;
  --green:#1e7a4c; --error:#b42318;
  --logo-yellow:#feef00; --logo-red:#b22c27;

  /* type */
  --font-display:"Manrope","Noto Sans","Noto Sans Devanagari",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"Noto Sans","Noto Sans Devanagari",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fs-display:clamp(2.75rem,5.2vw,4.75rem);
  --fs-h1:clamp(2.125rem,4vw,3.25rem);
  --fs-h2:clamp(1.75rem,3vw,2.5rem);
  --fs-h3:clamp(1.25rem,1.6vw,1.375rem);
  --fs-body:1.0625rem; --fs-small:.875rem; --fs-label:.75rem;

  /* space (4-pt) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  --gutter:max(16px,env(safe-area-inset-left,0px));
  --maxw:1200px;

  /* shape + depth */
  --r-sm:8px; --r-md:14px; --r-lg:18px;
  --shadow-float:0 24px 48px -32px rgba(14,42,71,.55);
  --shadow-card:0 20px 40px -28px rgba(14,42,71,.45);
  --ease:cubic-bezier(.2,.8,.2,1);
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.inst{margin:0;font:400 var(--fs-body)/1.65 var(--font-body);color:var(--navy);background:var(--white);-webkit-font-smoothing:antialiased}
:where(.inst) img{max-width:100%;height:auto;display:block}
:where(.inst) a{color:inherit}
:where(.inst) :is(h1,h2,h3,h4){font-family:var(--font-display);color:var(--navy);margin:0;text-wrap:balance}
:where(.inst) h1{font-size:var(--fs-h1);font-weight:800;line-height:1.05;letter-spacing:-.035em}
:where(.inst) h2{font-size:var(--fs-h2);font-weight:800;line-height:1.08;letter-spacing:-.03em}
:where(.inst) h3{font-size:var(--fs-h3);font-weight:700;line-height:1.25;letter-spacing:-.015em}
:where(.inst) p{margin:0}
.inst ::selection{background:var(--gold-light);color:var(--navy)}
.inst :focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:4px}
.inst .num{font-variant-numeric:tabular-nums}
.inst .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.inst .skip{position:absolute;left:-999px;top:8px;background:var(--navy);color:#fff;padding:10px 14px;border-radius:8px;z-index:100}
.inst .skip:focus{left:8px}

/* ---------- layout ---------- */
.i-wrap{max-width:calc(var(--maxw) + 2*var(--s5));margin:0 auto;padding-left:max(var(--s5),env(safe-area-inset-left,0px));padding-right:max(var(--s5),env(safe-area-inset-right,0px))}
.i-section{padding:var(--s9) 0}
.i-section.mist{background:var(--mist)}
.i-section.navy{background:var(--navy);color:#fff}
.i-section.navy h2,.i-section.navy h3{color:#fff}
.i-rule{display:block;width:64px;height:3px;background:var(--gold);margin-bottom:var(--s5)}
.i-section.navy .i-rule{background:var(--gold-light)}
.i-head{max-width:720px;margin-bottom:var(--s7)}
.i-head p{color:var(--slate);font-size:1.1875rem;margin-top:var(--s3)}
.i-section.navy .i-head p{color:var(--navy-200)}
.i-label{font:700 var(--fs-label)/1.4 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.i-section.navy .i-label{color:var(--gold-light)}
.i-grid{display:grid;gap:var(--s5)}
.i-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.i-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ---------- buttons ---------- */
.i-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:var(--r-sm);font:700 1rem/1 var(--font-display);text-decoration:none;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:background .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}
.i-btn svg{width:16px;height:16px;fill:currentColor;flex:0 0 auto}
.i-btn--primary{background:var(--red);color:#fff}
.i-btn--primary:hover{background:var(--red-deep)}
.i-btn--secondary{background:#fff;color:var(--navy);border-color:var(--navy)}
.i-btn--secondary:hover{background:var(--mist)}
.i-btn--text{min-height:44px;padding:0 4px;color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:6px}
.i-btn--light{background:#fff;color:var(--navy)}
.i-btn--light:hover{background:var(--mist)}
.i-btn[disabled],.i-btn.is-disabled{background:var(--navy-100);color:var(--navy-400);border-color:transparent;cursor:not-allowed}
.i-btn--block{width:100%}

/* ---------- header ---------- */
.i-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.i-header .i-wrap{display:flex;align-items:center;gap:var(--s6);min-height:72px}
.i-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:0 0 auto}
.i-brand img{height:42px;width:auto}
.i-brand b{font:800 1.25rem/1 var(--font-display);letter-spacing:-.03em;color:var(--navy)}
.i-brand small{display:block;font:700 .5625rem/1.5 var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink);margin-top:3px}
.i-nav{display:flex;gap:var(--s5)}
.i-nav a{display:inline-flex;align-items:center;min-height:44px;font:600 .9375rem/1 var(--font-display);text-decoration:none;color:var(--navy)}
.i-nav a:hover,.i-nav a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--gold)}
.i-actions{margin-left:auto;display:flex;align-items:center;gap:var(--s4)}
.i-actions .i-login{display:inline-flex;align-items:center;min-height:44px;font:600 .9375rem var(--font-display);text-decoration:none;padding:0 6px}
.i-iconbtn{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-sm);border:1px solid var(--line);background:#fff;color:var(--navy);text-decoration:none;cursor:pointer}
.i-iconbtn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.i-iconbtn .cnt{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:999px;background:var(--red);color:#fff;font:700 11px/20px var(--font-display);text-align:center;padding:0 5px}
.i-user{position:relative}
.i-user .avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--line);cursor:pointer;background:var(--mist)}
.i-usermenu{position:absolute;right:0;top:54px;min-width:230px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-float);padding:8px;display:none}
.i-user.open .i-usermenu{display:block}
.i-usermenu .hd{padding:10px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.i-usermenu .hd b{display:block;font:700 .9375rem var(--font-display)}
.i-usermenu .hd span{font-size:.8125rem;color:var(--muted);word-break:break-all}
.i-usermenu a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;font:600 .875rem var(--font-display)}
.i-usermenu a:hover{background:var(--mist)}
.i-burger{display:none}
.i-mobilenav{display:none}

/* ---------- hero ---------- */
.i-hero{padding:var(--s8) 0 var(--s9)}
.i-hero .i-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s8);align-items:center}
.i-hero__copy{border-top:3px solid var(--gold);padding-top:var(--s6)}
.i-hero h1{font-size:var(--fs-display);line-height:1.02;letter-spacing:-.04em}
.i-hero h1 em{font-style:normal;color:var(--red)}
.i-hero__lede{font-size:1.1875rem;color:var(--slate);max-width:38ch;margin-top:var(--s5)}
.i-hero__lede b{color:var(--navy);font-weight:700}
.i-hero__ctas{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6)}
.i-hero__facts{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:var(--s5);font:600 .875rem var(--font-display);color:var(--slate)}
.i-hero__facts span{display:inline-flex;align-items:center;gap:8px}
.i-hero__facts span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.i-lesson{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:12px;box-shadow:var(--shadow-float)}
.i-lesson__frame{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--r-sm);overflow:hidden;background:var(--navy-50)}
.i-lesson__frame img{width:100%;height:100%;object-fit:cover}
.i-play{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .2s var(--ease)}
.i-play svg{width:26px;height:26px;fill:var(--red);margin-left:4px}
.i-lesson__frame:hover .i-play{transform:scale(1.05)}
.i-lesson__meta{display:flex;align-items:center;gap:12px;padding:14px 6px 4px}
.i-lesson__meta img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:top}
.i-lesson__meta b{display:block;font:700 1rem/1.3 var(--font-display)}
.i-lesson__meta small{font-size:.875rem;color:var(--muted)}

/* ---------- exam tabs ---------- */
.i-tabs{display:flex;flex-wrap:wrap;gap:var(--s3)}
.i-tab{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font:700 1rem/1 var(--font-display);text-decoration:none;transition:border-color .2s,transform .2s var(--ease)}
.i-tab small{font:500 .8125rem/1.2 var(--font-body);color:var(--muted)}
.i-tab:hover{border-color:var(--navy);transform:translateY(-1px)}
.i-tab[aria-current="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.i-tab[aria-current="true"] small{color:var(--navy-200)}

/* ---------- course card ---------- */
.i-course{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;text-decoration:none;color:var(--navy);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.i-course:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}
.i-course__img{aspect-ratio:16/9;width:100%;object-fit:cover;background:var(--navy-50);border-bottom:1px solid var(--line)}
.i-course__body{display:flex;flex-direction:column;gap:10px;padding:16px;flex:1}
.i-course__subj{align-self:flex-start;font:700 .6875rem/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--navy-400);padding:5px 8px;border-radius:5px}
.i-course :is(h2,h3){font-size:1.125rem;line-height:1.3;font-weight:700;letter-spacing:-.015em}
.i-by{display:flex;align-items:center;gap:9px;font-size:.875rem;color:var(--slate)}
.i-by img{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:top;background:var(--mist)}
.i-course__foot{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.i-price{font:800 1.5rem/1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.i-price s{font:400 .875rem var(--font-body);color:var(--muted);margin-left:6px}
.i-course__meta{font-size:.8125rem;color:var(--muted);font-variant-numeric:tabular-nums}

/* ---------- steps ---------- */
.i-step{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s5)}
.i-step__n{font:800 .9375rem var(--font-display);color:var(--gold-ink);font-variant-numeric:tabular-nums}
.i-step h3{margin:var(--s2) 0}
.i-step p{color:var(--slate);font-size:.9375rem}

/* ---------- teacher card ---------- */
.i-teacher{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--s4);align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4)}
.i-teacher img{width:96px;height:120px;object-fit:cover;object-position:top;border-radius:10px;background:var(--mist)}
.i-teacher h3{font-size:1.125rem}
.i-teacher .i-label{display:block;margin-top:4px}
.i-teacher .rule{display:block;width:32px;height:2px;background:var(--gold);margin:10px 0}
.i-teacher p{font-size:.875rem;color:var(--slate)}
.i-founder{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s6);align-items:center}
.i-founder img{aspect-ratio:4/5;width:100%;object-fit:cover;object-position:top;border-radius:var(--r-md)}

/* ---------- offer ---------- */
.i-offer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--s7);align-items:center}
.i-offer__box{background:#fff;color:var(--navy);border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--shadow-float)}
.i-section.navy .i-offer__box .i-label{color:var(--gold-ink)} /* white box inside a navy section: gold ink, 5.2:1 */
.i-offer__box .i-price{font-size:2.75rem}
.i-checks{list-style:none;margin:var(--s4) 0 var(--s5);padding:0;display:grid;gap:10px}
.i-checks li{position:relative;padding-left:28px;font-size:.9375rem;color:var(--slate)}
.i-checks li::before{content:"";position:absolute;left:3px;top:.45em;width:12px;height:7px;border-left:2.5px solid var(--green);border-bottom:2.5px solid var(--green);transform:rotate(-45deg)}

/* ---------- faq ---------- */
.i-faq{max-width:820px}
.i-faq details{border-bottom:1px solid var(--line)}
.i-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:20px 0;font:700 1.0625rem/1.4 var(--font-display)}
.i-faq summary::-webkit-details-marker{display:none}
.i-faq summary::after{content:"";width:12px;height:12px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg);transition:transform .2s var(--ease);flex:0 0 auto;margin-right:4px}
.i-faq details[open] summary::after{transform:rotate(-135deg)}
.i-faq details p{padding:0 0 20px;color:var(--slate);max-width:70ch}

/* ---------- footer ---------- */
.i-footer{background:var(--navy);color:var(--navy-200);padding:var(--s8) 0 var(--s5)}
.i-footer .grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:var(--s6)}
.i-footer h2{font:700 var(--fs-label)/1.4 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light);margin:0 0 var(--s4)}
.i-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.i-footer a{color:var(--navy-200);text-decoration:none;font-size:.9375rem}
.i-footer li a,.i-footer .bar a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.i-footer .bar a{justify-content:center}
.i-footer li{min-height:44px;display:flex;align-items:center;flex-wrap:wrap;gap:0 6px}
.i-footer a:hover{color:#fff;text-decoration:underline}
.i-footer p{font-size:.9375rem;max-width:36ch}
.i-footer .i-brand b{color:#fff}
.i-footer .i-brand small{color:var(--gold-light)}
.i-footer .i-brand img{background:#fff;border-radius:50%;padding:4px;height:46px}
.i-social{display:flex;gap:10px;margin-top:var(--s4)}
.i-social a{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.18)}
.i-social svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.i-footer .bar{border-top:1px solid rgba(255,255,255,.14);margin-top:var(--s7);padding-top:var(--s5);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s3);font-size:.8125rem}
.i-fb input,.i-fb textarea{width:100%;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.2);background:var(--navy-700);color:#fff;font:400 .9375rem var(--font-body);padding:12px 14px;margin-bottom:10px}
.i-fb input::placeholder,.i-fb textarea::placeholder{color:var(--navy-300)}
.i-fb label{display:block;font:600 .8125rem var(--font-display);color:var(--navy-200);margin-bottom:6px}
.i-fb__title{font:700 var(--fs-label)/1.4 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light);margin:0 0 var(--s3)}
.i-fb .msg{font-size:.8125rem;margin-top:8px;min-height:1em}
.i-wa{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:40;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#1e7a4c;box-shadow:0 10px 24px -8px rgba(0,0,0,.4)}
.i-wa svg{width:26px;height:26px;fill:#fff}

/* ---------- motion ---------- */
@media (prefers-reduced-motion:no-preference){
  .i-reveal{animation:i-rise .6s var(--ease) both}
  @keyframes i-rise{from{opacity:.001;transform:translateY(12px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.inst *{transition:none!important;animation:none!important}}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .i-grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .i-footer .grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .i-nav,.i-actions .i-login,.i-actions .i-btn--primary{display:none}
  .i-burger{display:grid}
  .i-mobilenav.open{display:block;border-top:1px solid var(--line);background:#fff}
  .i-mobilenav a{display:block;padding:14px max(var(--s5),env(safe-area-inset-left,0px));font:600 1rem var(--font-display);text-decoration:none;border-bottom:1px solid var(--line)}
  .i-mobilenav .i-btn{margin:var(--s4) max(var(--s5),env(safe-area-inset-left,0px));width:calc(100% - 2*var(--s5))}
  .i-hero .i-wrap,.i-offer,.i-founder{grid-template-columns:1fr}
  .i-hero{padding:var(--s6) 0 var(--s8)}
  .i-grid.c3{grid-template-columns:1fr 1fr}
  .i-section{padding:var(--s8) 0}
}
@media (max-width:640px){
  .i-grid.c3,.i-grid.c4{grid-template-columns:1fr}
  .i-hero__ctas .i-btn{flex:1 1 100%}
  .i-tabs{flex-wrap:nowrap;overflow-x:auto;margin-right:calc(-1*var(--s5));padding-bottom:6px;scrollbar-width:none}
  .i-tab{flex:0 0 auto}
  .i-footer .grid{grid-template-columns:1fr}
  .i-brand b{font-size:1.0625rem}
  .i-brand img{height:36px}
  .i-header .i-wrap{gap:var(--s3)}
  .i-actions{gap:10px}
}

/* =====================================================================
   Course detail (A4)
   ===================================================================== */
.i-crumbs{display:flex;flex-wrap:wrap;gap:6px;font:600 .8125rem var(--font-display);color:var(--muted);margin-bottom:var(--s4);align-items:center}
.i-crumbs a{color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.i-crumbs a:hover{color:var(--navy);text-decoration:underline}
.i-crumbs span[aria-hidden]{color:var(--navy-300)}
.i-chead{padding:var(--s7) 0;border-bottom:1px solid var(--line);background:var(--mist)}
.i-chead h1{font-size:clamp(1.75rem,3.2vw,2.75rem);line-height:1.1;max-width:26ch}
@media (max-width:640px){.i-chead{padding:var(--s5) 0 var(--s6)}.i-chead__desc{font-size:1rem}}
.i-chead__desc{font-size:1.125rem;color:var(--slate);max-width:62ch;margin-top:var(--s4)}
.i-chead__meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:var(--s5);font:600 .875rem var(--font-display);color:var(--slate)}
.i-chead__meta span{display:inline-flex;align-items:center;gap:8px}
.i-chead__meta svg{width:16px;height:16px;stroke:var(--navy-400);fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.i-chead__teacher{display:inline-flex;align-items:center;gap:10px;margin-top:var(--s5)}
.i-chead__teacher img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:top;background:#fff}
.i-chead__teacher b{font:700 .9375rem var(--font-display)}
.i-chead__teacher small{display:block;color:var(--muted);font-size:.8125rem}
.i-clayout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--s7);align-items:start;padding-block:var(--s7) var(--s9)}
.i-cmain>section{padding:0 0 var(--s7);margin-bottom:var(--s7);border-bottom:1px solid var(--line)}
.i-cmain>section:last-child{border-bottom:0;margin-bottom:0}
.i-cmain h2{font-size:clamp(1.5rem,2.2vw,1.875rem);margin-bottom:var(--s4)}
.i-prose{color:var(--slate);font-size:1rem;max-width:72ch}
.i-prose p{margin:0 0 .9em}
.i-prose h2,.i-prose h3,.i-prose h4{font-size:1.125rem;margin:1.2em 0 .5em;color:var(--navy)}
.i-prose ul,.i-prose ol{padding-left:1.3em;margin:0 0 1em}
.i-prose li{margin:.3em 0}
.i-prose li[data-list="bullet"]{list-style-type:disc}
.i-prose li[data-list="ordered"]{list-style-type:decimal}
.i-prose .ql-ui{display:none}
.i-prose strong{color:var(--navy)}
.i-prose [style*="color"]{color:inherit!important}
.i-learn{background:var(--mist);border-radius:var(--r-md);padding:var(--s5)}
.i-curr__sum{display:flex;flex-wrap:wrap;gap:6px 18px;font:600 .875rem var(--font-display);color:var(--slate);margin:-6px 0 var(--s4)}
.i-module{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:10px;overflow:hidden}
.i-module>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;min-height:56px}
.i-module>summary::-webkit-details-marker{display:none}
.i-module>summary::before{content:"";width:10px;height:10px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(-45deg);transition:transform .2s var(--ease)}
.i-module[open]>summary::before{transform:rotate(45deg)}
.i-module__t{font:700 1rem/1.35 var(--font-display)}
.i-module__m{font-size:.8125rem;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.i-lessons{list-style:none;margin:0;padding:0 18px 10px;border-top:1px solid var(--line)}
.i-lessons li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line)}
.i-lessons li:last-child{border-bottom:0}
.i-lessons b{font:800 .8125rem var(--font-display);color:var(--gold-ink);font-variant-numeric:tabular-nums}
.i-lessons span{font-size:.9375rem;color:var(--navy)}
.i-lessons time{font-size:.8125rem;color:var(--muted);font-variant-numeric:tabular-nums}
.i-lessons .grp{display:block;font:700 .75rem var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:14px 0 2px;border:0}
.i-instructor{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--s5);align-items:start}
.i-instructor img{width:120px;height:150px;object-fit:cover;object-position:top;border-radius:12px;background:var(--mist)}
.i-instructor h3{font-size:1.25rem}
.i-instructor .rule{display:block;width:36px;height:2px;background:var(--gold);margin:12px 0}
.i-review{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.i-review img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--mist)}
.i-review b{font:700 .9375rem var(--font-display)}
.i-review small{display:block;color:var(--muted);font-size:.8125rem}
.i-review p{color:var(--slate);font-size:.9375rem;margin-top:6px}
.i-stars{color:var(--gold-ink);font:700 .8125rem var(--font-display);letter-spacing:.04em}
.i-rate{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 14px;border:0;padding:0}
.i-rate input{position:absolute;opacity:0;width:1px;height:1px}
.i-rate label{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font:700 .9375rem var(--font-display);cursor:pointer;background:#fff}
.i-rate input:checked+label{background:var(--navy);color:#fff;border-color:var(--navy)}
.i-rate input:focus-visible+label{outline:3px solid var(--navy);outline-offset:2px}
.i-field{display:grid;gap:6px;margin-bottom:var(--s4);border:0;padding:0}
.i-field label,.i-field legend{font:700 .875rem var(--font-display);padding:0}
.i-field textarea,.i-field input{width:100%;border:1.5px solid var(--navy-200);border-radius:var(--r-sm);padding:12px 14px;font:400 1rem var(--font-body);color:var(--navy);background:#fff}
.i-field textarea:focus,.i-field input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-100)}
.i-field .hint{font-size:.8125rem;color:var(--muted)}
.i-field label small,.i-field legend small{font-weight:600;color:var(--muted)}
.i-msg{font-size:.875rem;margin-top:10px;min-height:1.2em}
.i-msg.err{color:var(--error);font-weight:600}
.i-msg.ok{color:var(--green);font-weight:600}
.i-buy{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-float);overflow:hidden}
.i-buy__media{position:relative;aspect-ratio:16/9;background:var(--navy-50)}
.i-buy__media img,.i-buy__media iframe,.i-buy__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.i-buy__media .i-playbtn{position:absolute;inset:0;border:0;background:rgba(14,42,71,.18);cursor:pointer;display:grid;place-items:center;width:100%;padding:0}
.i-buy__media .i-play{position:static;margin:0}
.i-buy__media .tag{position:absolute;left:12px;bottom:12px;background:rgba(14,42,71,.88);color:#fff;font:700 .75rem var(--font-display);padding:6px 10px;border-radius:6px;pointer-events:none}
.i-previews{display:flex;gap:8px;padding:10px 16px 0;flex-wrap:wrap}
.i-previews button{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font:600 .8125rem var(--font-display);cursor:pointer;color:var(--navy)}
.i-previews button[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.i-buy__body{padding:var(--s5)}
.i-buy__body .i-price{font-size:2.5rem}
.i-buy__body .i-btn{width:100%}
.i-buy__body .i-btn+.i-btn{margin-top:10px}
.i-buy__note{font-size:.8125rem;color:var(--muted);text-align:center;margin-top:8px}
.i-buy__notice{border:1px solid var(--line);background:var(--mist);border-radius:10px;padding:12px 14px;font-size:.875rem;color:var(--slate);margin-top:10px}
.i-or{display:flex;align-items:center;gap:10px;margin:14px 0;font:700 .6875rem var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.i-or::before,.i-or::after{content:"";flex:1;height:1px;background:var(--line)}
.i-facts{list-style:none;margin:var(--s5) 0 0;padding:var(--s4) 0 0;border-top:1px solid var(--line)}
.i-facts li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:.9375rem;color:var(--slate)}
.i-facts b{color:var(--navy);font-variant-numeric:tabular-nums;font-family:var(--font-display)}
.i-stickybuy{display:none}
.i-404{padding:var(--s9) 0}
.i-404 h1{margin-bottom:var(--s4)}
@media (max-width:1024px){
  .i-clayout{grid-template-columns:1fr}
  .i-buy{position:static;max-width:560px}
}
@media (max-width:640px){
  .i-instructor{grid-template-columns:84px minmax(0,1fr)}
  .i-instructor img{width:84px;height:105px}
  .i-stickybuy{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;align-items:center;gap:12px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -12px 24px -18px rgba(14,42,71,.4);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
  .i-stickybuy .i-price{font-size:1.375rem}
  .i-stickybuy small{display:block;font-size:.75rem;color:var(--muted)}
  .i-stickybuy .i-btn{margin-left:auto;min-height:48px}
  body.has-stickybuy .i-wa{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  body.has-stickybuy .i-footer{padding-bottom:110px}
}

/* =====================================================================
   Courses list (A3)
   ===================================================================== */
.i-lhead{padding:var(--s7) 0 var(--s6);background:var(--mist);border-bottom:1px solid var(--line)}
.i-lhead h1{font-size:var(--fs-h1)}
.i-lhead__sub{color:var(--slate);margin-top:var(--s3);font-size:1.0625rem}
.i-search{position:relative;max-width:560px;margin-top:var(--s5)}
.i-search label{display:block;font:700 .875rem var(--font-display);margin-bottom:6px}
.i-search input{width:100%;min-height:52px;border:1.5px solid var(--navy-200);border-radius:10px;padding:0 48px 0 46px;font:400 1rem var(--font-body);color:var(--navy);background:#fff}
.i-search input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-100)}
.i-search svg{position:absolute;left:16px;bottom:16px;width:20px;height:20px;stroke:var(--navy-400);fill:none;stroke-width:1.75;stroke-linecap:round}
.i-search .clear{position:absolute;right:4px;bottom:4px;width:44px;height:44px;border:0;background:none;cursor:pointer;color:var(--muted);font:700 1.25rem/1 var(--font-display);border-radius:8px}
.i-search .clear:hover{background:var(--mist);color:var(--navy)}
.i-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s4);padding:var(--s5) 0 var(--s4)}
.i-chips{display:flex;flex-wrap:wrap;gap:8px}
.i-chips__label{display:block;font:700 .875rem var(--font-display);margin-bottom:8px}
.i-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font:600 .875rem var(--font-display);cursor:pointer}
.i-chip img{width:26px;height:26px;border-radius:50%;object-fit:cover;object-position:top;background:var(--mist)}
.i-chip small{color:var(--muted);font-weight:600}
.i-chip:hover{border-color:var(--navy)}
.i-chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.i-chip[aria-pressed="true"] small{color:var(--navy-200)}
.i-sort label{display:block;font:700 .875rem var(--font-display);margin-bottom:6px}
.i-sort select{min-height:44px;border:1.5px solid var(--navy-200);border-radius:10px;padding:0 40px 0 14px;font:600 .9375rem var(--font-display);color:var(--navy);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%230e2a47' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center/18px;appearance:none;-webkit-appearance:none}
.i-sort select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-100)}
.i-count{font:600 .9375rem var(--font-display);color:var(--slate);padding:var(--s2) 0 var(--s5)}
.i-legacy{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-top:var(--s5);font-size:.9375rem;color:var(--slate);max-width:max-content}
.i-legacy b{color:var(--navy)}
.i-empty{text-align:center;padding:var(--s8) var(--s4);border:1px dashed var(--navy-200);border-radius:var(--r-md);background:#fff}
.i-empty h2{font-size:1.375rem;margin-bottom:8px}
.i-empty p{color:var(--slate);margin-bottom:var(--s5)}
.i-course[hidden]{display:none}
@media (max-width:640px){
  .i-lhead{padding:var(--s5) 0}
  .i-chips{flex-wrap:nowrap;overflow-x:auto;margin-right:calc(-1*var(--s5));padding-bottom:6px;scrollbar-width:none}
  .i-chip{flex:0 0 auto}
  .i-toolbar{align-items:stretch}
  .i-sort,.i-sort select{width:100%}
}

/* =====================================================================
   Content pages (About, FAQ, Contact)
   ===================================================================== */
.i-phead{padding:var(--s7) 0 var(--s7);background:var(--mist);border-bottom:1px solid var(--line)}
.i-phead h1{font-size:var(--fs-h1);max-width:22ch}
.i-phead p{color:var(--slate);font-size:1.1875rem;max-width:60ch;margin-top:var(--s4)}
.i-founders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}
.i-founder-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--s5);align-items:start;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s5)}
.i-founder-card img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:12px;background:var(--mist)}
.i-founder-card h3{font-size:1.375rem}
.i-founder-card .i-label{display:block;margin-top:6px}
.i-founder-card .rule{display:block;width:36px;height:2px;background:var(--gold);margin:14px 0}
.i-founder-card p{color:var(--slate);font-size:.9375rem}
.i-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--s5)}
.i-member{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s5);display:grid;grid-template-columns:76px minmax(0,1fr);gap:var(--s4);align-items:start}
.i-member img,.i-member .ph{width:76px;height:95px;border-radius:10px;object-fit:cover;object-position:top;background:var(--mist)}
.i-member .ph{display:grid;place-items:center;font:800 1.375rem var(--font-display);color:var(--navy-400)}
.i-member h3{font-size:1.0625rem;line-height:1.3}
.i-member .i-label{display:block;margin:4px 0 8px;letter-spacing:.06em;text-transform:none;font-size:.8125rem}
.i-member p{font-size:.875rem;color:var(--slate)}
.i-member a{font:700 .8125rem var(--font-display);color:var(--navy);display:inline-flex;min-height:44px;min-width:44px;align-items:center}
.i-quote{font:700 clamp(1.25rem,2vw,1.625rem)/1.4 var(--font-display);letter-spacing:-.02em;color:var(--navy);max-width:40ch;margin:0}
.i-mission{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4);counter-reset:m}
.i-mission li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--s3);color:var(--slate);counter-increment:m}
.i-mission li::before{content:counter(m,decimal-leading-zero);font:800 .9375rem var(--font-display);color:var(--gold-ink);padding-top:2px}
.i-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s7);align-items:start}
.i-faqgroup+.i-faqgroup{margin-top:var(--s7)}
.i-faqgroup h2{font-size:1.375rem;margin-bottom:var(--s2)}
.i-contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.i-ccard{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s5)}
.i-ccard svg{width:26px;height:26px;stroke:var(--navy);fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.i-ccard h2{font-size:1.125rem;margin:var(--s3) 0 var(--s2)}
.i-ccard p,.i-ccard address{font-style:normal;color:var(--slate);font-size:.9375rem;word-break:break-word}
.i-ccard a{color:var(--navy);font-weight:600;display:inline-flex;min-height:44px;min-width:44px;align-items:center}
.i-ccard .i-btn{margin-top:var(--s3);color:#fff}
.i-map{margin-top:var(--s6);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--mist);position:relative;min-height:120px;display:grid;place-items:center}
.i-map.loaded{aspect-ratio:21/9}
.i-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.i-map .i-btn{position:relative}
@media (max-width:900px){
  .i-founders,.i-two{grid-template-columns:1fr}
  .i-contact{grid-template-columns:1fr}
  .i-map.loaded{aspect-ratio:4/3}
}
@media (max-width:520px){
  .i-founder-card{grid-template-columns:1fr}
  .i-founder-card img{max-width:220px}
  .i-phead{padding:var(--s5) 0 var(--s6)}
}

/* credential line: keep degree abbreviations in their own case (B.Sc., Ph.D.) */
.i-cred{display:block;font:600 .8125rem/1.4 var(--font-display);color:var(--gold-ink);letter-spacing:.01em;text-transform:none;margin-top:4px}

/* =====================================================================
   How it works, Resources, Legal
   ===================================================================== */
.i-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4);counter-reset:f}
.i-flow li{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s5);counter-increment:f}
.i-flow li::before{content:counter(f,decimal-leading-zero);display:block;font:800 .9375rem var(--font-display);color:var(--gold-ink);margin-bottom:var(--s2)}
.i-flow h3{font-size:1.125rem;margin-bottom:6px}
.i-flow p{font-size:.9375rem;color:var(--slate)}
.i-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6) var(--s7)}
.i-principle{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--s4)}
.i-principle svg{width:40px;height:40px;stroke:var(--navy);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.i-principle h3{font-size:1.1875rem;margin-bottom:6px}
.i-principle p{color:var(--slate);font-size:.9375rem}
.i-res{display:grid;gap:var(--s5)}
.i-resitem{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s6);background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s6)}
.i-resitem h2{font-size:1.375rem;margin-bottom:var(--s3)}
.i-resitem p{color:var(--slate)}
.i-docs{list-style:none;margin:0;padding:0;display:grid;gap:10px;align-content:start}
.i-doc{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--navy);background:var(--white);min-height:64px}
.i-doc:hover{border-color:var(--navy);background:var(--mist)}
.i-doc .ft{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--red-50);color:var(--red-deep);font:800 .6875rem var(--font-display);letter-spacing:.04em}
.i-doc .ft.img{background:var(--navy-50);color:var(--navy)}
.i-doc b{font:700 .9375rem/1.35 var(--font-display)}
.i-doc small{display:block;color:var(--muted);font-size:.8125rem}
.i-doc svg{width:18px;height:18px;stroke:var(--navy-400);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.i-legal-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--s7);padding-block:var(--s7) var(--s9);align-items:start}
.i-legal-nav{position:sticky;top:96px;display:grid;gap:4px}
.i-legal-nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;text-decoration:none;font:600 .9375rem var(--font-display);color:var(--slate)}
.i-legal-nav a:hover{background:var(--mist);color:var(--navy)}
.i-legal-nav a[aria-current="page"]{background:var(--navy);color:#fff}
.i-legal-nav .small{font-size:.8125rem;color:var(--muted);margin-top:var(--s4);padding:0 12px}
.i-legal{max-width:75ch;font-size:1rem}
.i-legal h1,.i-legal h2,.i-legal h3,.i-legal h4{font-size:1.1875rem;margin:1.6em 0 .5em}
.i-legal b,.i-legal strong{color:var(--navy)}
.i-legal table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.9375rem;display:block;overflow-x:auto}
.i-legal td,.i-legal th{border:1px solid var(--line);padding:8px 10px;vertical-align:top}
.i-legal a{color:var(--navy);font-weight:600}
@media (max-width:1024px){.i-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .i-principles,.i-resitem{grid-template-columns:1fr}
  .i-legal-wrap{grid-template-columns:1fr;gap:var(--s5)}
  .i-legal-nav{position:static;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;margin-right:calc(-1*var(--s5));scrollbar-width:none}
  .i-legal-nav .small{display:none}
}
@media (max-width:640px){.i-flow{grid-template-columns:1fr}.i-resitem{padding:var(--s5)}}

/* =====================================================================
   Sign in / register / reset (B)
   ===================================================================== */
.i-auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:calc(100vh - 73px)}
.i-auth__panel{background:var(--navy);color:#fff;padding:var(--s8) var(--s7);display:flex;flex-direction:column;justify-content:center}
.i-auth__panel .i-rule{background:var(--gold-light)}
.i-auth__panel h2{color:#fff;font-size:clamp(1.75rem,3vw,2.5rem);max-width:16ch}
.i-auth__panel h2 em{font-style:normal;color:#ff5a6e}
.i-auth__panel ul{list-style:none;margin:var(--s6) 0 0;padding:0;display:grid;gap:14px}
.i-auth__panel li{position:relative;padding-left:30px;color:var(--navy-200)}
.i-auth__panel li::before{content:"";position:absolute;left:4px;top:.45em;width:12px;height:7px;border-left:2.5px solid var(--gold-light);border-bottom:2.5px solid var(--gold-light);transform:rotate(-45deg)}
.i-auth__faces{display:flex;align-items:center;gap:12px;margin-top:var(--s7)}
.i-auth__faces img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--navy);margin-left:-12px;background:var(--navy-700)}
.i-auth__faces img:first-child{margin-left:0}
.i-auth__faces span{font-size:.875rem;color:var(--navy-200)}
.i-auth__main{display:flex;align-items:center;justify-content:center;padding:var(--s7) max(var(--s5),env(safe-area-inset-right,0px)) var(--s8) max(var(--s5),env(safe-area-inset-left,0px))}
.i-auth__card{width:100%;max-width:420px}
.i-auth__card h1{font-size:clamp(1.75rem,3vw,2.25rem);margin-bottom:8px}
.i-auth__card .lede{color:var(--slate);margin-bottom:var(--s6)}
.i-auth__card .i-field{margin-bottom:var(--s4)}
.i-auth__card .i-field input{min-height:52px}
.i-auth__card .hint{font-size:.8125rem;color:var(--muted)}
.i-pass{position:relative}
.i-pass input{padding-right:88px}
.i-pass button{position:absolute;right:4px;top:4px;bottom:4px;min-width:76px;border:0;background:none;border-radius:6px;font:700 .8125rem var(--font-display);color:var(--navy);cursor:pointer}
.i-pass button:hover{background:var(--mist)}
.i-auth__row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-4px 0 var(--s5);font-size:.875rem}
.i-auth__row a{color:var(--navy);font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.i-auth__alt{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--line);font-size:.9375rem;color:var(--slate);text-align:center}
.i-auth__alt a{color:var(--navy);font-weight:700}
.i-otp{font:700 1.5rem/1 var(--font-display);letter-spacing:.4em;text-align:center}
.i-steps{display:flex;gap:8px;margin-bottom:var(--s5)}
.i-steps span{flex:1;height:4px;border-radius:4px;background:var(--line)}
.i-steps span.on{background:var(--navy)}
.i-auth .i-msg{min-height:1.4em}
.i-linkbtn{border:0;background:none;padding:0;min-height:44px;font:700 .875rem var(--font-display);color:var(--navy);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.i-linkbtn[disabled]{color:var(--muted);text-decoration:none;cursor:default}
@media (max-width:900px){
  .i-auth{grid-template-columns:1fr;min-height:0}
  .i-auth__panel{order:2;padding:var(--s7) max(var(--s5),env(safe-area-inset-left,0px))}
}

/* sign-in pages: the floating WhatsApp button would cover form controls on phones */
@media (max-width:900px){.is-auth .i-wa{display:none}}

/* =====================================================================
   Teacher sign-in / application, cart, checkout, payment (B)
   ===================================================================== */
.i-auth__kicker{font:800 var(--fs-label)/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:var(--s3)}
.i-auth__card--wide{max-width:560px}
.i-fs{border:0;padding:0;margin:0 0 var(--s5);padding-top:var(--s5);border-top:1px solid var(--line)}
.i-fs:first-of-type{border-top:0;padding-top:0}
.i-fs legend{font:800 1rem var(--font-display);color:var(--navy);padding:0;margin-bottom:var(--s4);float:left;width:100%}
.i-fs legend + *{clear:both}
.i-field__label{font:700 .875rem var(--font-display)}
.i-field__label small{font-weight:600;color:var(--muted)}
.i-upper{text-transform:uppercase;letter-spacing:.06em}
.i-pick{display:flex;flex-wrap:wrap;gap:8px}
.i-pick label{position:relative;cursor:pointer}
.i-pick input{position:absolute;opacity:0;width:1px;height:1px}
.i-pick span{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1.5px solid var(--navy-200);border-radius:999px;font:600 .875rem/1.3 var(--font-display);color:var(--slate);background:#fff;transition:background .15s var(--ease),border-color .15s var(--ease)}
.i-pick label:hover span{border-color:var(--navy-400)}
.i-pick input:checked + span{background:var(--navy);border-color:var(--navy);color:#fff}
.i-pick input:checked + span::before{content:"";width:10px;height:6px;margin-right:8px;border-left:2px solid var(--gold-light);border-bottom:2px solid var(--gold-light);transform:rotate(-45deg) translateY(-2px)}
.i-pick input:focus-visible + span{box-shadow:0 0 0 3px var(--navy-100);border-color:var(--navy)}
.i-file{display:flex;align-items:center;gap:14px;border:1.5px dashed var(--navy-200);border-radius:var(--r-sm);padding:12px;background:var(--mist)}
.i-file img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:top;flex:none;background:#fff}
.i-field .i-file input[type=file]{border:0;padding:0;background:none;box-shadow:none;min-height:44px;font-size:.9375rem;width:100%}
.i-file input::file-selector-button{font:700 .875rem var(--font-display);color:var(--navy);background:#fff;border:1.5px solid var(--navy);border-radius:6px;padding:10px 14px;margin-right:12px;cursor:pointer}

.i-phead--slim{padding:var(--s6) 0}
.i-phead--slim h1{font-size:clamp(1.75rem,3.2vw,2.5rem)}
.i-phead--slim + .i-section{padding-top:var(--s7)}
.i-cart{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--s6);align-items:start}
.i-cart__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.i-cart__item{display:grid;grid-template-columns:160px minmax(0,1fr) auto auto;gap:var(--s4) var(--s5);align-items:center;padding:var(--s5) 0;border-bottom:1px solid var(--line)}
.i-cart__thumb img{display:block;width:160px;height:90px;object-fit:cover;border-radius:10px;background:var(--navy-50)}
.i-cart__name{font:700 1.0625rem/1.35 var(--font-display);color:var(--navy);text-decoration:none}
.i-cart__name:hover{text-decoration:underline}
.i-cart__by{display:block;margin-top:4px;font-size:.875rem;color:var(--muted)}
.i-cart__price{text-align:right;font-family:var(--font-display)}
.i-cart__price b{display:block;font-size:1.125rem;color:var(--navy)}
.i-cart__price s{font-size:.875rem;color:var(--muted)}
.i-cart__remove{min-height:44px;padding:0 12px;border:0;background:none;border-radius:6px;font:700 .875rem var(--font-display);color:var(--slate);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.i-cart__remove:hover{color:var(--error);background:var(--red-50)}
.i-summary{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-float);padding:var(--s5)}
.i-summary h2{font-size:1.25rem;margin-bottom:var(--s4)}
.i-summary__items{list-style:none;margin:0 0 var(--s4);padding:0;display:grid;gap:12px}
.i-summary__items li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;font-size:.875rem;color:var(--slate)}
.i-summary__items img{width:64px;height:36px;object-fit:cover;border-radius:6px;background:var(--navy-50)}
.i-summary__items b{font-family:var(--font-display);color:var(--navy)}
.i-summary__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:var(--s4) 0;border-top:1px solid var(--line);margin-bottom:var(--s4);font:700 1rem var(--font-display);color:var(--navy)}
.i-summary__row b{font-size:1.5rem}
.i-summary__row--sub{padding:8px 0;margin:0;border:0;font-weight:600;font-size:.9375rem;color:var(--slate)}
.i-summary__row--sub + .i-summary__row:not(.i-summary__row--sub){margin-top:8px}
.i-summary__note{display:flex;gap:8px;align-items:flex-start;font-size:.8125rem;color:var(--muted);margin-top:12px}
.i-summary__note svg{flex:none;width:16px;height:16px;margin-top:1px;fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.i-summary__more{display:flex;margin:8px auto 0;width:max-content}
.i-checkout h2{font-size:1.375rem}
.i-checkout__lede{color:var(--slate);margin:6px 0 var(--s5)}
.i-checkout .i-field input{min-height:52px}
.i-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s4);align-items:start}
.i-grid3{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:0 var(--s4)}
.i-agree{display:flex;gap:12px;align-items:flex-start;margin-top:var(--s2);font-size:.9375rem;color:var(--slate);cursor:pointer}
.i-agree input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--navy)}
.i-agree a{color:var(--navy);font-weight:600}

.i-pay{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 73px);padding:var(--s7) var(--s5);background:var(--mist)}
.i-pay__card{width:100%;max-width:460px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-float);padding:var(--s6)}
.i-pay__card h1{font-size:clamp(1.5rem,3vw,1.875rem);margin-bottom:8px}
.i-pay__card .lede{color:var(--slate);margin-bottom:var(--s5)}
.i-pay__card .lede a{color:var(--navy);font-weight:700}
.i-pay__amt{display:flex;justify-content:space-between;align-items:baseline;padding:var(--s4) 0;margin-bottom:var(--s5);border-block:1px solid var(--line);font:700 1rem var(--font-display);color:var(--slate)}
.i-pay__amt b{font-size:1.75rem;color:var(--navy)}
.i-pay__back{display:flex;margin:8px auto 0;width:max-content}
.i-pay__id{font:700 1.0625rem var(--font-display);color:var(--navy);background:var(--mist);border-radius:var(--r-sm);padding:12px 14px;margin-bottom:var(--s5);word-break:break-all;user-select:all}
.i-pay__spin{display:block;width:36px;height:36px;margin-bottom:var(--s4);border:3px solid var(--navy-100);border-top-color:var(--navy);border-radius:50%;animation:i-spin .9s linear infinite}
@keyframes i-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.i-pay__spin{animation-duration:3s}}

@media (max-width:960px){
  .i-cart{grid-template-columns:1fr}
  .i-summary{position:static}
}
@media (max-width:640px){
  .i-cart__item{grid-template-columns:96px minmax(0,1fr);gap:8px 14px}
  .i-cart__thumb img{width:96px;height:54px}
  .i-cart__price{grid-column:2;text-align:left;display:flex;gap:10px;align-items:baseline}
  .i-cart__remove{grid-column:2;justify-self:start;padding:0;margin-top:-6px}
  .i-grid2,.i-grid3{grid-template-columns:1fr}
  .i-pay__card{padding:var(--s5)}
}

/* =====================================================================
   Lesson player (C1)
   ===================================================================== */
.i-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.i-muted{color:var(--muted)}
.i-pbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--s4);min-height:60px;padding:8px max(var(--s5),env(safe-area-inset-left,0px));background:var(--navy);color:#fff}
.i-pbar__back{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-sm);color:#fff;flex:none}
.i-pbar__back:hover{background:rgba(255,255,255,.1)}
.i-pbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.i-pbar__title{min-width:0;flex:1}
.i-pbar__title small{display:block;font:700 var(--fs-label)/1.2 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light)}
.i-pbar__title a{display:block;font:700 1rem/1.3 var(--font-display);color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.i-pbar__title a:hover{text-decoration:underline}
.i-pbar__progress{display:flex;flex-direction:column;gap:6px;min-width:180px;font-size:.8125rem;color:var(--navy-200)}
.i-pbar__progress[hidden]{display:none}
.i-pbar__progress b{color:#fff}
.i-meter{display:block;height:6px;border-radius:6px;background:rgba(255,255,255,.18);overflow:hidden}
.i-meter i{display:block;height:100%;width:0;background:var(--gold-light);border-radius:6px;transition:width .4s var(--ease)}
.i-pbar__btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.35);border-radius:var(--r-sm);background:none;color:#fff;font:700 .875rem var(--font-display);cursor:pointer;flex:none}
.i-pbar__btn:hover{background:rgba(255,255,255,.1)}

.i-player{display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:start;background:var(--mist);min-height:calc(100vh - 60px)}
.i-player__main{padding:var(--s5) var(--s6) var(--s8);min-width:0}
.i-stage{position:relative;aspect-ratio:16/9;background:#000;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-card)}
.i-stage iframe,.i-stage video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.i-done{position:absolute;inset:0;display:grid;place-items:center;padding:var(--s5);background:rgba(9,26,44,.92);color:#fff;text-align:center}
.i-done[hidden]{display:none}
.i-done__box{max-width:460px}
.i-done__tick{display:inline-flex;align-items:center;gap:10px;font:800 1.5rem var(--font-display);color:#fff;margin:0}
.i-done__tick svg{width:30px;height:30px;padding:5px;border-radius:50%;background:var(--green);fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.i-done__mod{font:700 var(--fs-label) var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);margin:var(--s3) 0 0}
.i-done__lede{color:var(--navy-200);margin:var(--s3) 0 var(--s5)}
.i-done__lede b{color:#fff}
.i-done__acts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.i-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.i-btn--ghost:hover{background:rgba(255,255,255,.1)}

.i-resume{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:var(--s3);padding:6px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);font-size:.9375rem;color:var(--slate)}
.i-resume[hidden]{display:none}
.i-lhead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px var(--s5);align-items:end;margin:var(--s5) 0}
.i-lhead__crumb{grid-column:1;font:700 .8125rem var(--font-display);color:var(--gold-ink);margin:0}
.i-lhead h1{grid-column:1;font-size:clamp(1.375rem,2.4vw,1.875rem);line-height:1.2;margin:0}
.i-lhead__meta{grid-column:1;display:flex;flex-wrap:wrap;gap:4px 18px;font:600 .875rem var(--font-display);color:var(--slate);margin:4px 0 0}
.i-lnav{grid-column:2;grid-row:1/4;display:flex;gap:10px}
.i-lnav .i-btn{min-height:46px;padding:0 16px}
.i-lnav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.i-gate{margin:0 0 var(--s4);padding:12px 16px;border-radius:var(--r-sm);background:var(--red-50);border:1px solid #f1c6cd;color:var(--error);font-weight:600}
.i-gate[hidden]{display:none}

.i-ptabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:var(--s5);overflow-x:auto;scrollbar-width:none}
.i-ptabs button{position:relative;min-height:48px;padding:0 16px;border:0;background:none;font:700 .9375rem var(--font-display);color:var(--slate);cursor:pointer;white-space:nowrap}
.i-ptabs button[aria-selected=true]{color:var(--navy)}
.i-ptabs button[aria-selected=true]::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--red)}
.i-ptabs button:focus-visible{outline:2px solid var(--navy);outline-offset:-2px;border-radius:6px}
.i-ptabs__n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:4px;border-radius:999px;background:var(--red);color:#fff;font-size:.75rem}
.i-ptabs__mobile{display:none}
.i-ppanel{max-width:760px}
.i-ppanel h2{font-size:1.25rem;margin-bottom:var(--s4)}

.i-score{padding:14px 18px;margin-bottom:var(--s5);border-radius:var(--r-sm);background:#fff;border:1px solid var(--line);color:var(--slate)}
.i-score b{font:800 1.125rem var(--font-display);color:var(--navy)}
.i-quiz__para{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s4) var(--s5);margin-bottom:var(--s4);color:var(--slate)}
.i-quiz__para small{display:block;font:700 var(--fs-label) var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:8px}
.i-q{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:var(--s5);margin:0 0 var(--s4)}
.i-q.is-missing{border-color:var(--error);box-shadow:0 0 0 3px var(--red-50)}
.i-q legend{display:flex;gap:12px;float:left;width:100%;padding:0;margin-bottom:var(--s4);font:600 1.0625rem/1.5 var(--font-body);color:var(--navy)}
.i-q legend + *{clear:both}
.i-q__n{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font:800 .8125rem var(--font-display)}
.i-q__text img,.i-rq__q img,.i-quiz__para img{max-width:100%;height:auto}
.i-opt{display:block;position:relative;cursor:pointer;margin-top:8px}
.i-opt input{position:absolute;opacity:0;width:1px;height:1px}
.i-opt span{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;border:1.5px solid var(--navy-200);border-radius:var(--r-sm);color:var(--slate);transition:border-color .15s var(--ease),background .15s var(--ease)}
.i-opt span::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--navy-300);background:#fff}
.i-opt:hover span{border-color:var(--navy-400)}
.i-opt input:checked + span{border-color:var(--navy);background:var(--navy-50);color:var(--navy);font-weight:600}
.i-opt input:checked + span::before{border-color:var(--navy);box-shadow:inset 0 0 0 4px #fff;background:var(--navy)}
.i-opt input:focus-visible + span{box-shadow:0 0 0 3px var(--navy-100)}
.i-quiz > .i-btn{margin-top:var(--s2)}
.i-answers{margin-top:var(--s6)}
.i-rq{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4) var(--s5);margin-bottom:var(--s3)}
.i-rq__q{margin:0 0 10px;color:var(--navy);font-weight:600}
.i-rq__mark{display:inline-block;margin-right:10px;padding:2px 10px;border-radius:999px;font:800 .75rem/1.6 var(--font-display);vertical-align:2px}
.is-right .i-rq__mark{background:#e3f2ea;color:var(--green)}
.is-wrong .i-rq__mark{background:var(--red-50);color:var(--error)}
.i-rq ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.i-rq li{padding:8px 12px;border-radius:6px;font-size:.9375rem;color:var(--slate)}
.i-rq li small{font:700 .75rem var(--font-display);margin-left:6px}
.i-rq li.key{background:#e3f2ea;color:var(--green);font-weight:600}
.i-rq li.mine:not(.key){background:var(--red-50);color:var(--error)}

.i-note{padding:12px 16px;border-radius:var(--r-sm);background:#fff;border:1px solid var(--line);color:var(--slate)}
.i-note--ok{background:#e3f2ea;border-color:#bfe0cd;color:var(--green);font-weight:600}
.i-note--warn{background:#fff6dd;border-color:#f0dc9a;color:#6b5200}
.i-assign textarea{min-height:96px}
.i-pteacher{display:flex;align-items:center;gap:14px;margin:var(--s5) 0}
.i-pteacher img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:top;background:#fff}
.i-pteacher small{display:block;font-size:.8125rem;color:var(--muted)}
.i-pteacher b{display:block;font:700 1rem var(--font-display);color:var(--navy)}

.i-curric{position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto;background:#fff;border-left:1px solid var(--line);overscroll-behavior:contain}
.i-curric__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:var(--s5) var(--s5) var(--s3)}
.i-curric__head h2{font-size:1.125rem;margin:0}
.i-curric__head span{font-size:.8125rem;color:var(--muted)}
.i-mod{border-top:1px solid var(--line)}
.i-mod summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px var(--s5);cursor:pointer;list-style:none;font:700 .9375rem/1.35 var(--font-display);color:var(--navy)}
.i-mod summary::-webkit-details-marker{display:none}
.i-mod summary::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid var(--navy-400);border-bottom:2px solid var(--navy-400);transform:rotate(45deg);margin-top:-4px;transition:transform .2s var(--ease)}
.i-mod[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.i-mod__name{flex:1}
.i-mod__count{font:700 .8125rem var(--font-display);color:var(--muted);white-space:nowrap}
.i-mod.is-complete .i-mod__count{color:var(--green)}
.i-mod__lesson{margin:0;padding:8px var(--s5) 4px;font:700 var(--fs-label) var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.i-mod ol{list-style:none;margin:0;padding:0 0 8px}
.i-vid{display:grid;grid-template-columns:22px minmax(0,1fr);gap:2px 12px;padding:10px var(--s5);text-decoration:none;color:var(--slate);box-shadow:inset 3px 0 0 transparent}
.i-vid:hover{background:var(--mist)}
.i-vid__state{grid-row:1/3;width:20px;height:20px;margin-top:2px;border-radius:50%;border:2px solid var(--navy-200);background:#fff}
.i-vid.is-done .i-vid__state{border-color:var(--green);background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.i-vid.is-current{background:var(--navy-50);box-shadow:inset 3px 0 0 var(--red);color:var(--navy)}
.i-vid.is-current .i-vid__state{border-color:var(--red);background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8 5.5v13l10.5-6.5z'/%3E%3C/svg%3E") center/11px no-repeat}
.i-vid__name{font:600 .9375rem/1.4 var(--font-display)}
.i-vid.is-current .i-vid__name{font-weight:800}
.i-vid__meta{font-size:.8125rem;color:var(--muted)}

.is-focus .i-player{grid-template-columns:minmax(0,1fr)}
.is-focus .i-curric{display:none}
.is-focus .i-player__main{max-width:1240px;margin:0 auto;width:100%}

@media (max-width:960px){
  .i-pbar{gap:10px;padding-right:12px}
  .i-pbar__progress,.i-pbar__btn{display:none}
  .i-pbar__progress:not([hidden]){display:none}
  .i-player{grid-template-columns:1fr;background:#fff}
  .i-player__main{padding:0 0 var(--s7)}
  .i-stage{position:sticky;top:60px;z-index:30;border-radius:0;box-shadow:none}
  .i-resume,.i-lhead,.i-gate,.i-ppanel{margin-left:var(--s4);margin-right:var(--s4)}
  .i-lhead{grid-template-columns:1fr}
  .i-lnav{grid-column:1;grid-row:auto;margin-top:var(--s3)}
  .i-lnav .i-btn{flex:1}
  .i-ptabs{padding:0 var(--s3)}
  .i-ptabs__mobile{display:block}
  .i-curric{display:none;position:static;height:auto;border-left:0}
  .show-lessons .i-curric{display:block}
  .show-lessons .i-ppanel{display:none}
  .is-focus.show-lessons .i-curric{display:block}
}
@media (max-width:640px){
  .i-q{padding:var(--s4)}
  .i-done__tick{font-size:1.25rem}
  .i-done__lede{margin-bottom:var(--s4)}
  .i-done .i-btn{min-height:44px;padding:0 16px}
}

/* =====================================================================
   My courses (C2) and dialogs
   ===================================================================== */
.i-mc h2{font-size:clamp(1.375rem,2.4vw,1.75rem)}
.i-phead--slim + .i-mc{padding-top:var(--s6)}
.i-mc + .i-mc{padding-top:var(--s7)}
.i-mc__lede{color:var(--slate);margin:6px 0 var(--s5)}
.i-mc__note{margin-top:var(--s4);font-size:.8125rem;color:var(--muted)}
.i-meter--light{background:var(--navy-100)}
.i-meter--light i{background:var(--green)}

.i-cont{display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:var(--s5);align-items:center;padding:var(--s4);margin-bottom:var(--s7);background:var(--navy);color:#fff;border-radius:var(--r-lg);text-decoration:none;box-shadow:var(--shadow-float);transition:transform .2s var(--ease)}
.i-cont:hover{transform:translateY(-2px)}
.i-cont__img{width:240px;height:135px;object-fit:cover;border-radius:var(--r-md);background:var(--navy-700)}
.i-cont__body{display:grid;gap:8px;min-width:0}
.i-cont .i-label{color:var(--gold-light)}
.i-cont__name{font:800 clamp(1.125rem,2vw,1.5rem)/1.25 var(--font-display);color:#fff}
.i-cont__prog{display:grid;grid-template-columns:minmax(0,260px) auto;gap:12px;align-items:center;font-size:.875rem;color:var(--navy-200)}
.i-cont .i-meter{background:rgba(255,255,255,.18)}
.i-cont .i-meter i{background:var(--gold-light)}
.i-cont__go{margin-right:var(--s3);pointer-events:none}

.i-mc__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s5)}
.i-mc__n{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;margin-left:6px;border-radius:999px;background:var(--mist);font-size:.9375rem;vertical-align:4px}
.i-mcgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.i-mcgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.i-mccard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.i-mccard[hidden]{display:none}
.i-mccard__thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--navy-50);border:0;padding:0;width:100%;cursor:pointer}
.i-mccard__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.i-mccard__body{display:flex;flex-direction:column;gap:8px;padding:var(--s4) var(--s4) var(--s5);flex:1}
.i-mccard h3{font-size:1.0625rem;line-height:1.35;margin:0}
.i-mccard h3 a{text-decoration:none}
.i-mccard h3 a:hover{text-decoration:underline}
.i-mccard__by{margin:0;font-size:.875rem;color:var(--muted)}
.i-mccard__prog{display:grid;gap:6px;margin-top:auto;padding-top:var(--s2);font-size:.8125rem;color:var(--slate)}
.i-mccard__go{align-self:flex-start;min-height:44px;margin-top:var(--s2)}
.i-mccard__acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;padding-top:var(--s2)}
.i-mccard--demo .i-btn--text{align-self:flex-start;margin-top:auto}
.i-tag{align-self:flex-start;padding:3px 10px;border-radius:999px;background:#e3f2ea;color:var(--green);font:800 .75rem/1.5 var(--font-display);letter-spacing:.04em}
.i-playthumb__btn{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(14,42,71,.82);box-shadow:0 0 0 6px rgba(255,255,255,.25);transition:transform .2s var(--ease),background .2s var(--ease)}
.i-playthumb__btn::after{content:"";position:absolute;left:23px;top:18px;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.i-playthumb:hover .i-playthumb__btn,.i-playthumb:focus-visible .i-playthumb__btn{transform:scale(1.08);background:var(--red)}
.i-playthumb__blank{display:grid;place-items:center;height:100%;padding:var(--s4);font:700 1rem var(--font-display);color:var(--navy);text-align:center}
.i-empty--slim{padding:var(--s6) var(--s4)}

.i-dlg{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:var(--r-lg);box-shadow:0 30px 80px -20px rgba(9,26,44,.6);color:var(--navy);overflow:auto}
.i-dlg::backdrop{background:rgba(9,26,44,.72)}
.i-dlg--video{width:min(960px,calc(100vw - 32px));background:var(--navy-900);color:#fff}
.i-dlg__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s5)}
.i-dlg__head small{display:block;font:700 var(--fs-label) var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.i-dlg--video .i-dlg__head small{color:var(--gold-light)}
.i-dlg__head h2{font-size:1.25rem;margin:4px 0 0}
.i-dlg--video .i-dlg__head h2{color:#fff}
.i-dlg__x{flex:none;width:44px;height:44px;border:0;border-radius:var(--r-sm);background:transparent;color:inherit;font-size:1.75rem;line-height:1;cursor:pointer}
.i-dlg__x:hover{background:rgba(128,128,128,.15)}
.i-dlg__stage{position:relative;aspect-ratio:16/9;background:#000}
.i-dlg__stage iframe,.i-dlg__stage video{position:absolute;inset:0;width:100%;height:100%;border:0}
.i-dlg__body{padding:0 var(--s5) var(--s3)}
.i-dlg__foot{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;padding:var(--s4) var(--s5);border-top:1px solid var(--line)}
.i-dlg--video .i-dlg__foot{border-color:rgba(255,255,255,.12)}
.i-dlg--video .i-btn--secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.i-dlg--video .i-btn--text{color:#fff}
.i-dlg .hint{font-size:.8125rem;color:var(--muted)}
.i-fbcourse{margin:0 0 var(--s4);font:700 1rem var(--font-display)}
.i-dlg .i-field input,.i-dlg .i-field textarea{min-height:48px}
.i-dlg fieldset.i-field legend{margin-bottom:8px}
.i-pick--row label{flex:0 0 auto}
.i-pick--row span{min-width:52px;justify-content:center}

@media (max-width:960px){
  .i-mcgrid,.i-mcgrid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .i-cont{grid-template-columns:160px minmax(0,1fr)}
  .i-cont__img{width:160px;height:90px}
  .i-cont__go{grid-column:1/-1;margin:0}
}
@media (max-width:640px){
  .i-mcgrid,.i-mcgrid--4{grid-template-columns:1fr}
  .i-cont{grid-template-columns:1fr;padding:var(--s3)}
  .i-cont__img{width:100%;height:auto;aspect-ratio:16/9}
  .i-cont__prog{grid-template-columns:1fr}
  .i-dlg__head,.i-dlg__foot{padding-left:var(--s4);padding-right:var(--s4)}
  .i-dlg__body{padding:0 var(--s4) var(--s3)}
}

/* =====================================================================
   Student area: menu and dashboard (C3)
   ===================================================================== */
.i-phead__sub{color:var(--slate);margin-top:6px}
.i-snav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:73px;z-index:20}
.i-snav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.i-snav ul::-webkit-scrollbar{display:none}
.i-snav a{position:relative;display:flex;align-items:center;min-height:52px;padding:0 14px;white-space:nowrap;text-decoration:none;font:700 .9375rem var(--font-display);color:var(--slate)}
.i-snav a:hover{color:var(--navy)}
.i-snav a[aria-current=page]{color:var(--navy)}
.i-snav a[aria-current=page]::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--red)}
.i-snav + .i-section{padding-top:var(--s6)}

.i-stats{list-style:none;margin:0 0 var(--s7);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
.i-stats a{display:flex;flex-direction:column;gap:2px;height:100%;padding:var(--s4) var(--s5);background:#fff;border:1px solid var(--line);border-radius:var(--r-md);text-decoration:none;color:var(--slate);transition:border-color .2s var(--ease)}
.i-stats a:hover{border-color:var(--navy-300)}
.i-stats b{font:800 2rem/1.1 var(--font-display);color:var(--navy)}
.i-stats span{font:600 .9375rem var(--font-display)}
.i-stats small{font-size:.8125rem;color:var(--muted)}

.i-dash__cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--s5);align-items:start}
.i-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s5)}
.i-card h2{font-size:1.25rem;margin-bottom:var(--s4)}
.i-todo{list-style:none;margin:0 0 var(--s3);padding:0}
.i-todo li + li{border-top:1px solid var(--line)}
.i-todo a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:12px 0;text-decoration:none;color:var(--slate)}
.i-todo a:hover .i-todo__t{text-decoration:underline}
.i-todo__t{grid-column:1;font:700 1rem/1.35 var(--font-display);color:var(--navy)}
.i-todo__m{grid-column:1;font-size:.875rem;color:var(--muted)}
.i-todo__m b{color:var(--error)}
.i-due{grid-column:2;grid-row:1/3;align-self:center;padding:4px 10px;border-radius:999px;background:var(--mist);font:700 .75rem var(--font-display);color:var(--slate);white-space:nowrap}
.i-due--soon{background:#fff6dd;color:#6b5200}
.i-due--late{background:var(--red-50);color:var(--error)}
.i-dl{margin:0 0 var(--s5)}
.i-dl div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:8px 0}
.i-dl div + div{border-top:1px solid var(--line)}
.i-dl dt{font-size:.875rem;color:var(--muted)}
.i-dl dd{margin:0;color:var(--navy);font-weight:600;overflow-wrap:anywhere}

@media (max-width:960px){
  .i-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .i-dash__cols{grid-template-columns:1fr}
}
@media (max-width:640px){
  .i-snav{top:73px}
  .i-stats b{font-size:1.625rem}
  .i-stats a{padding:var(--s3) var(--s4)}
  .i-card{padding:var(--s4)}
}

/* =====================================================================
   Quiz results and answers (C4)
   ===================================================================== */
.i-qr{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4)}
.i-qr__item{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:var(--s5);align-items:center;padding:var(--s4);background:#fff;border:1px solid var(--line);border-radius:var(--r-md)}
.i-qr__item img{width:160px;height:90px;object-fit:cover;border-radius:10px;background:var(--navy-50)}
.i-qr__body{display:grid;gap:8px;min-width:0}
.i-qr__body h2{font-size:1.125rem;line-height:1.3;margin:0}
.i-qr__body p{margin:0;font-size:.9375rem;color:var(--slate)}
.i-qr__body b{color:var(--navy)}
.i-qr__body .i-meter{max-width:320px}
.i-qr__acts{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.i-qa{max-width:860px}
.i-qa__filter{margin-bottom:var(--s5)}
.i-qa__mod{margin:var(--s6) 0 var(--s3);font:700 var(--fs-label) var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.i-qa__mod:first-of-type{margin-top:0}
.i-qa__lesson{margin-bottom:var(--s5)}
.i-qa__lesson[hidden]{display:none}
.i-qa__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px var(--s4);margin-bottom:var(--s3)}
.i-qa__head h2{font-size:1.125rem;margin:0}
.i-qa__none{margin:0;padding:var(--s3) 0}
.only-wrong .i-rq.is-right,.only-wrong .i-qa__none{display:none}
@media (max-width:760px){
  .i-qr__item{grid-template-columns:96px minmax(0,1fr)}
  .i-qr__item img{width:96px;height:54px}
  .i-qr__acts{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start}
}

/* =====================================================================
   Assignments (C5)
   ===================================================================== */
.i-phead__sub a{color:inherit}
.i-asg{max-width:900px}
.i-asg__group + .i-asg__group{margin-top:var(--s7)}
.i-asg__group h2{font-size:1.375rem;margin-bottom:var(--s4)}
.i-asg__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.i-asg__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s4);align-items:start;padding:var(--s4) var(--s5);background:#fff;border:1px solid var(--line);border-radius:var(--r-md)}
.i-asg__item.is-redo{border-color:#f1c6cd}
.i-asg__main{display:grid;gap:6px;justify-items:start}
.i-asg__main h3{font-size:1.0625rem;line-height:1.35;margin:0}
.i-asg__where{margin:0;font-size:.875rem;color:var(--muted)}
.i-asg__where a{color:var(--slate)}
.i-asg__main .i-due{grid-column:auto;grid-row:auto}
.i-asg__state{margin:0;font-size:.9375rem;color:var(--slate)}
.is-redo .i-asg__state{color:var(--error);font-weight:600}
.i-asg__state--ok{color:var(--green);font-weight:600}
.i-asg__state b{color:var(--navy)}
.i-asg__fb{margin:6px 0 0;padding:10px 14px;border-left:3px solid var(--gold);background:var(--mist);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:.9375rem;color:var(--slate)}
.i-asg__fb small{display:block;font:700 var(--fs-label) var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
.i-asg__acts{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.i-asend{max-width:760px}
.i-asend__facts{display:flex;flex-wrap:wrap;gap:var(--s5);margin:0 0 var(--s4)}
.i-asend__facts dt{font-size:.8125rem;color:var(--muted)}
.i-asend__facts dd{margin:0;font:800 1.125rem var(--font-display);color:var(--navy)}
.i-asend__brief{margin-bottom:var(--s5);color:var(--slate)}
.i-asend .i-note{margin:var(--s4) 0 0}
.i-asend .i-assign{margin-top:var(--s5)}
@media (max-width:640px){
  .i-asg__item{grid-template-columns:1fr;padding:var(--s4)}
  .i-asg__acts{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start}
}

/* =====================================================================
   Purchases (C6)
   ===================================================================== */
.i-orders{max-width:900px}
.i-order{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.i-order + .i-order{margin-top:var(--s4)}
.i-order__head{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s6);padding:var(--s4) var(--s5);background:var(--mist);border-bottom:1px solid var(--line)}
.i-order__head small{display:block;font-size:.75rem;color:var(--muted)}
.i-order__head b{font:700 .9375rem var(--font-display);color:var(--navy)}
.i-order__id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-weight:600!important;user-select:all}
.i-order__total{margin-left:auto;text-align:right}
.i-order__total b{font-size:1.125rem}
.i-order__items{list-style:none;margin:0;padding:0 var(--s5)}
.i-order__items li{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:var(--s4);align-items:center;padding:var(--s3) 0}
.i-order__items li + li{border-top:1px solid var(--line)}
.i-order__items img{width:96px;height:54px;object-fit:cover;border-radius:8px;background:var(--navy-50)}
.i-order__items a{font:700 1rem/1.35 var(--font-display);color:var(--navy);text-decoration:none}
.i-order__items a:hover{text-decoration:underline}
.i-order__items span{font:700 1rem var(--font-display);color:var(--navy)}
.i-mc__note a{color:var(--slate)}
@media (max-width:640px){
  .i-order__head{padding:var(--s3) var(--s4)}
  .i-order__total{margin-left:0;text-align:left}
  .i-order__items{padding:0 var(--s4)}
  .i-order__items li{grid-template-columns:72px minmax(0,1fr);gap:4px 12px}
  .i-order__items img{width:72px;height:41px;grid-row:1/3}
}

/* =====================================================================
   Profile (C7)
   ===================================================================== */
.i-prof{max-width:760px;display:grid;gap:var(--s5)}
.i-prof .i-card[hidden]{display:none}
.i-prof h2{font-size:1.25rem;margin-bottom:var(--s3)}
.i-prof .i-field input{min-height:50px}
.i-prof__photo{display:flex;align-items:center;gap:var(--s5);margin-bottom:var(--s5)}
.i-prof__photo img{flex:none;width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:top;background:var(--mist);border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}
.i-prof__photo .i-field{flex:1;margin:0}
.i-prof__acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.i-prof__more ul{list-style:none;margin:0;padding:0}
.i-prof__more li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;min-height:48px}
.i-prof__more li + li{border-top:1px solid var(--line)}
.i-prof__more a{font:700 1rem var(--font-display);color:var(--navy)}
.i-prof__more span{font-size:.875rem;color:var(--muted)}
@media (max-width:640px){
  .i-prof__photo{flex-direction:column;align-items:flex-start;gap:var(--s3)}
}

/* Admin log in: single centred card on mist, no brand panel */
.i-auth--admin{grid-template-columns:1fr;background:var(--mist);min-height:100vh}
.i-auth--admin .i-auth__card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--shadow-float)}
.i-auth__logo{display:inline-flex;align-items:center;gap:10px;margin-bottom:var(--s5);text-decoration:none}
.i-auth__logo img{height:42px;width:auto}
.i-auth__logo b{display:block;font:800 1.125rem/1 var(--font-display);color:var(--navy)}
.i-auth__logo small{display:block;margin-top:3px;font:700 .625rem/1.4 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink)}
.i-auth--admin .lede a{color:var(--navy);font-weight:600}

/* =====================================================================
   Thank-you page (/thank-you)
   ===================================================================== */
.i-thanks{background:var(--mist)}
.i-thanks__card{max-width:640px;margin:0 auto;padding:var(--s7) var(--s6);background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-float);text-align:left}
.i-thanks__tick{display:grid;place-items:center;width:56px;height:56px;margin-bottom:var(--s4);border-radius:50%;background:#e3f2ea}
.i-thanks__tick svg{width:28px;height:28px;fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.i-thanks h1{font-size:clamp(1.75rem,3.4vw,2.5rem);line-height:1.15;margin:8px 0 var(--s3)}
.i-thanks__lede{color:var(--slate);font-size:1.0625rem}
.i-thanks__acts{display:flex;flex-wrap:wrap;gap:12px}
.i-thanks__note{margin-top:var(--s5);font-size:.9375rem;color:var(--muted)}
.i-thanks__note a{color:var(--navy);font-weight:700}
@media (max-width:640px){.i-thanks__card{padding:var(--s6) var(--s4)}.i-thanks__acts .i-btn{flex:1 1 100%}}

/* Lesson player: notes */
.i-ptabs__n--soft{background:var(--navy-100);color:var(--navy)}
.i-noteform textarea{min-height:84px}
.i-noteform__acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.i-noteform__acts .hint{font-size:.8125rem;color:var(--muted)}
.i-notes__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:var(--s5) 0 var(--s3);padding-top:var(--s4);border-top:1px solid var(--line)}
.i-notes{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.i-notes li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm)}
.i-note__t{display:inline-grid;place-items:center;min-width:56px;min-height:36px;padding:0 10px;border:0;border-radius:999px;background:var(--navy);color:#fff;font:700 .8125rem var(--font-display);text-decoration:none;cursor:pointer}
.i-note__t:hover{background:var(--red)}
.i-notes li small{display:block;font:700 .75rem var(--font-display);color:var(--gold-ink);margin-bottom:2px}
.i-notes li p{margin:0;color:var(--slate);white-space:pre-wrap;overflow-wrap:anywhere}
.i-note__del{min-height:36px;padding:0 8px;border:0;background:none;font:600 .8125rem var(--font-display);color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.i-note__del:hover{color:var(--error)}

/* Quiz results: your mistakes */
.i-mistakes{margin-top:var(--s7);max-width:860px}
.i-mistakes h2{font-size:1.375rem;margin-bottom:4px}
.i-mistakes__where{margin:0 0 6px;font:700 .75rem var(--font-display);color:var(--gold-ink)}
.i-mistakes__acts{margin:10px 0 0;font-size:.875rem;color:var(--muted)}
.i-mistakes__acts a{color:var(--navy);font-weight:700}
.i-ptabs__n[hidden]{display:none}