:root {
  --color-text:#18201d;
  --color-text-muted:#6d7772;
  --color-surface:#fff;
  --color-surface-soft:#f0f6f3;
  --color-canvas:#f8faf9;
  --color-border:#d5d9d7;
  --color-action:#167a5b;
  --color-action-hover:#106247;
  --color-action-soft:#e2f0eb;
  --color-accent:#e7834a;
  --color-accent-soft:#fdf0e8;
  --color-information:#3267c3;
  --color-information-soft:#eaf0fb;
  --color-danger:#bf4735;
  --color-danger-hover:#9f392a;
  --color-danger-soft:#fef3f2;
  --shadow-small:0 1px 2px rgba(24,32,29,.05),0 8px 24px rgba(24,32,29,.05);
  --shadow-large:0 24px 70px rgba(24,32,29,.14);
  --radius-control:.65rem;
  --radius-panel:1rem;
  --radius-large:1.25rem;
  --font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-heading:Manrope,Inter,ui-sans-serif,system-ui,sans-serif;
  --focus-ring:3px solid var(--color-accent);
  --touch-target:44px;
}

*{box-sizing:border-box}
html{min-width:320px;background:var(--color-canvas);color:var(--color-text);font-family:var(--font-body);scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--color-canvas);line-height:1.55}
button,input,select,textarea{font:inherit}
button,a{touch-action:manipulation}
a{color:var(--color-action-hover);text-underline-offset:.2em}
img,svg{display:block;max-width:100%}
h1,h2,h3,p{margin-top:0}
h1{font-family:var(--font-heading);font-size:clamp(2.15rem,4vw,3.6rem);line-height:1.04;letter-spacing:-.035em;margin-bottom:1rem}
h2{font-size:1.15rem;line-height:1.25;letter-spacing:-.01em}
:focus-visible{outline:var(--focus-ring);outline-offset:3px}
::selection{background:var(--color-action-soft);color:var(--color-text)}
.icon{width:1.25rem;height:1.25rem;flex:0 0 auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:1000;padding:.75rem 1rem;background:var(--color-surface);color:var(--color-text);border-radius:.6rem;box-shadow:var(--shadow-large);transform:translateY(-180%)}
.skip-link:focus{transform:none}
.boot-state{min-height:100vh;display:grid;place-content:center;text-align:center;gap:1rem}
.noscript-notice{margin:1rem;padding:1rem;background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:var(--radius-panel)}

.brand,.brand-mark{display:inline-flex;align-items:center;text-decoration:none;line-height:1}
.brand{width:9.35rem}
.brand img{display:block;width:100%;height:auto}
.brand-mark{width:14rem}
.eyebrow{margin:0 0 .55rem;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800;color:var(--color-action-hover)}
.beta-badge,.status-pill{display:inline-flex;align-items:center;width:max-content;padding:.28rem .55rem;border-radius:2rem;background:var(--color-action-soft);color:var(--color-text-muted);font-size:.72rem;font-weight:750}

.button{min-height:2.85rem;border:0;border-radius:.78rem;padding:.76rem 1.05rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-weight:750;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;color:var(--color-text)}
.button:hover:not(:disabled){transform:translateY(-1px)}
.button:disabled{opacity:.55;cursor:not-allowed}
.button.primary{background:var(--color-action);color:var(--color-surface);box-shadow:0 9px 20px rgba(7,150,107,.18)}
.button.primary:hover:not(:disabled){background:var(--color-action-hover);box-shadow:0 11px 24px rgba(7,150,107,.25)}
.button.secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}
.button.ghost{background:transparent;color:var(--color-text-muted)}
.button.danger{background:var(--color-danger);color:#fff}
.button.danger:hover:not(:disabled){background:var(--color-danger-hover);color:#fff}
.button.danger:focus-visible,.button.danger:disabled,.button.danger>*,.button.danger .icon{color:#fff}
.button.wide{width:100%}
.button-row,.form-actions,.page-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}
.icon-button,.info-button,.dialog-close,.mobile-menu,.avatar{display:grid;place-content:center;border:0;cursor:pointer;min-width:var(--touch-target);min-height:var(--touch-target)}
.info-button,.icon-button{width:2.75rem;height:2.75rem;border-radius:50%;background:var(--color-surface-soft);color:var(--color-text-muted)}
.info-button .icon{width:1rem;height:1rem}

.public-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--color-canvas);position:relative;overflow:hidden}
.public-header{height:4.75rem;padding:0 clamp(1.25rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}
.public-footer{min-height:3rem;padding:.7rem clamp(1.25rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--color-text-muted);font-size:.78rem;position:relative;z-index:5}
.public-footer nav{display:flex;gap:1.4rem;flex-wrap:wrap}.public-footer a{color:inherit;text-decoration:none}.public-footer a:hover{text-decoration:underline}
.language-picker{display:inline-flex;align-items:center;gap:.18rem;padding:.22rem;border:1px solid var(--color-border);background:rgba(255,255,255,.84);border-radius:2rem}
.language-picker button{border:0;background:transparent;color:var(--color-text-muted);border-radius:2rem;min-width:2.75rem;min-height:2.75rem;font-size:.72rem;font-weight:800;cursor:pointer}
.language-picker button[aria-pressed="true"]{background:var(--color-text);color:var(--color-surface)}

.login-layout{width:min(1360px,calc(100% - 3rem));height:clamp(560px,calc(100dvh - 7.75rem),760px);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);border-radius:1.8rem;background:var(--color-surface);box-shadow:var(--shadow-large);overflow:hidden;position:relative}
.login-layout:focus,.login-layout:focus-visible{outline:0}
.login-story{position:relative;padding:clamp(3rem,7vw,7rem);background:var(--color-text);color:var(--color-surface);overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.login-story:before{content:"";position:absolute;inset:-30% -35% auto auto;width:32rem;height:32rem;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 5rem rgba(255,255,255,.025),0 0 0 10rem rgba(255,255,255,.018)}
.login-story:after{content:"";position:absolute;width:16rem;height:16rem;border-radius:50%;background:var(--color-accent);filter:blur(80px);opacity:.16;right:-3rem;bottom:-5rem}
.login-story .eyebrow{color:#91dec2}.login-story h1{font-size:clamp(2.55rem,5vw,4.75rem);max-width:12ch;position:relative;overflow-wrap:break-word;hyphens:auto}.login-story>p:not(.eyebrow){max-width:42ch;color:#cad9d4;font-size:1.08rem;position:relative}
.story-orbit{position:absolute;right:8%;bottom:14%;width:12rem;height:12rem;border:1px solid rgba(255,255,255,.16);border-radius:50%}
.story-orbit:before,.story-orbit:after{content:"";position:absolute;inset:1.8rem;border:1px solid rgba(255,255,255,.12);border-radius:50%}.story-orbit:after{inset:4rem}
.story-orbit span{position:absolute;inset:0;margin:auto;width:3.2rem;height:3.2rem;border-radius:50%;display:grid;place-content:center;background:var(--color-action);box-shadow:0 0 40px rgba(50,220,160,.34)}
.story-orbit i{position:absolute;width:.68rem;height:.68rem;border-radius:50%;background:var(--color-accent)}.story-orbit i:nth-child(1){top:1.2rem;left:2rem}.story-orbit i:nth-child(2){right:.2rem;top:6rem;background:#91dec2}.story-orbit i:nth-child(3){left:3.8rem;bottom:-.2rem;background:var(--color-surface)}
.story-points{position:absolute;left:clamp(3rem,7vw,7rem);bottom:2.5rem;display:flex;gap:1.25rem;font-size:.72rem;color:#cad9d4}.story-points span{display:flex;align-items:center;gap:.32rem}.story-points .icon{width:.9rem;color:#91dec2}
.auth-card{padding:clamp(2rem,5vw,5.5rem);display:flex;flex-direction:column;justify-content:center;background:var(--color-surface)}
.auth-heading{display:flex;gap:1rem;align-items:flex-start;margin-bottom:2.4rem}.auth-heading h2{font-family:var(--font-heading);font-size:2rem;margin:.2rem 0 .35rem}.auth-heading p{color:var(--color-text-muted);margin:0}
.auth-mark{width:3rem;height:3rem;border-radius:1rem;background:var(--color-action-soft);color:var(--color-action-hover);display:grid;place-content:center}
.auth-card form{display:grid;gap:1.2rem}.auth-help{display:flex;align-items:flex-start;gap:.5rem;margin:1.15rem 0;color:var(--color-text-muted);font-size:.78rem}.auth-help .icon{width:1rem;margin-top:.1rem}
.auth-new{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--color-text-muted);font-size:.88rem}

.field{display:grid;gap:.42rem;position:relative}.field-label{display:flex;align-items:center;justify-content:space-between;gap:1rem}.field-label label{font-weight:750;font-size:.86rem}.field-label span{font-size:.7rem;color:var(--color-text-muted)}
.field input,.field select,.field textarea,.context-switcher select{width:100%;min-height:3.1rem;padding:.78rem .9rem;background:var(--color-surface);border:1px solid #cfdcd4;border-radius:.75rem;color:var(--color-text)}
.field input:hover{border-color:var(--color-text-muted)}.field input:focus{border-color:var(--color-action);box-shadow:0 0 0 3px rgba(7,150,107,.11);outline:0}.field small{font-size:.72rem;color:var(--color-text-muted)}.field-error{margin:0;color:var(--color-danger);font-size:.78rem;min-height:0}
.password-field{position:relative}.password-field .password-toggle{position:absolute;right:.25rem;bottom:.17rem;width:2.75rem;height:2.75rem;border:0;border-radius:.55rem;background:var(--color-surface-soft);color:var(--color-text-muted);display:grid;place-content:center;cursor:pointer}.password-field input{padding-right:3.4rem}
.notice{padding:.9rem 1rem;border-radius:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.86rem}.notice>div,.notice.error:not(:has(>div)){display:flex;gap:.6rem;align-items:center}.notice p{margin:0}.notice.error{background:var(--color-danger-soft);color:var(--color-danger);border:1px solid #efc4c1}.notice.error .icon{flex:0 0 auto}

.registration-page{width:min(1040px,calc(100% - 2.5rem));margin:auto;padding:2rem 0 4rem}
.public-document{width:min(820px,calc(100% - 2rem));margin:3rem auto;min-height:55vh}.public-document>section{margin-top:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);padding:clamp(1.5rem,5vw,4rem);box-shadow:var(--shadow-small)}.public-document>section p:last-child{color:var(--color-text-muted);font-size:1.05rem}
.registration-heading{text-align:center;max-width:650px;margin:1rem auto 3rem}.registration-heading p:last-child{color:var(--color-text-muted);font-size:1.05rem}
.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.path-card{text-align:left;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-large);padding:2rem;min-height:280px;display:flex;flex-direction:column;cursor:pointer;box-shadow:var(--shadow-small);transition:transform .18s ease,border .18s ease,box-shadow .18s ease}.path-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-large);border-color:var(--color-action)}.path-card>span{width:4.2rem;height:4.2rem;border-radius:1.3rem;background:var(--color-action-soft);color:var(--color-action-hover);display:grid;place-content:center;margin-bottom:2.6rem}.path-card.woman>span{background:var(--color-accent-soft);color:var(--color-accent)}.path-card>span .icon{width:2rem;height:2rem}.path-card h2{font-family:var(--font-heading);font-size:1.8rem;margin-bottom:.7rem}.path-card p{color:var(--color-text-muted);max-width:42ch}.path-card b{margin-top:auto;display:flex;align-items:center;gap:.4rem;color:var(--color-action-hover)}
.registration-form{width:min(620px,100%);margin:1rem auto;background:var(--color-surface);padding:clamp(1.5rem,5vw,3.5rem);border-radius:var(--radius-large);box-shadow:var(--shadow-small)}.registration-form header{margin:2rem 0}.registration-form form{display:grid;gap:1.25rem}.back-link{display:inline-flex;align-items:center;gap:.3rem;text-decoration:none;font-weight:700;color:var(--color-text-muted)}.back-link .icon{transform:rotate(180deg)}
.progress-label>span{font-size:.75rem;color:var(--color-text-muted);font-weight:700}.progress-label>div{height:.35rem;background:var(--color-action-soft);border-radius:1rem;margin-top:.45rem;overflow:hidden}.progress-label i{display:block;height:100%;background:var(--color-action);border-radius:inherit;transition:width .2s ease}.review-list{display:grid;gap:0;margin:0}.review-list div{display:flex;justify-content:space-between;gap:1.5rem;padding:.9rem 0;border-bottom:1px solid var(--color-border)}.review-list dt{color:var(--color-text-muted)}.review-list dd{font-weight:700;text-align:right}.check-field{display:flex;align-items:flex-start;gap:.7rem;padding:1rem;background:var(--color-surface-soft);border-radius:.75rem}.check-field input{width:1.25rem;height:1.25rem;accent-color:var(--color-action)}.form-actions{justify-content:flex-end;border-top:1px solid var(--color-border);padding-top:1.5rem}.success-panel{width:min(620px,100%);margin:6rem auto;text-align:center;background:var(--color-surface);padding:4rem 3rem;border-radius:var(--radius-large);box-shadow:var(--shadow-small)}.success-panel>.icon{width:4rem;height:4rem;padding:1rem;margin:0 auto 1.5rem;background:var(--color-action-soft);border-radius:50%;color:var(--color-action-hover)}

.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr);background:var(--color-canvas)}
.sidebar{position:sticky;top:0;height:100vh;padding:1.5rem 1.15rem;background:var(--color-surface);color:var(--color-text);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:20}.sidebar .brand{color:var(--color-text);margin:0 .65rem 1.8rem}.sidebar-top{display:flex;align-items:center;justify-content:space-between}.mobile-menu{display:none;width:var(--touch-target);height:var(--touch-target);border-radius:.7rem;background:var(--color-action-soft);color:var(--color-text)}.mobile-language{display:none}
.context-static,.context-switcher{margin:0 0 1.3rem;padding:.75rem .85rem;border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:.8rem;display:grid;gap:.25rem}.context-static small,.context-switcher label{font-size:.64rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.context-static strong{font-size:.86rem}.context-switcher select{min-height:2.75rem;padding:.15rem 1.5rem .15rem 0;border:0;background:transparent;color:var(--color-text);font-size:.83rem;font-weight:700}.context-switcher select option{color:var(--color-text)}
.main-nav{display:grid;gap:.32rem}.nav-group{display:grid;gap:.22rem;margin-bottom:.85rem}.nav-group-label{padding:.15rem .75rem;color:var(--color-text-muted);font-size:.61rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.main-nav a{display:flex;align-items:center;gap:.8rem;min-height:2.75rem;padding:.62rem .75rem;border-radius:.68rem;color:var(--color-text-muted);text-decoration:none;font-size:.85rem;font-weight:700}.main-nav a:hover{background:var(--color-surface-soft);color:var(--color-text)}.main-nav a[aria-current="page"]{background:var(--color-action-soft);color:var(--color-action-hover);box-shadow:inset 3px 0 var(--color-action)}.main-nav .icon{width:1.1rem}
.sidebar-bottom{margin-top:auto;display:grid;gap:.75rem;border-top:1px solid var(--color-border);padding-top:.85rem}.account-button{width:100%;border:0;background:transparent;color:var(--color-text);display:flex;align-items:center;gap:.7rem;text-align:left;padding:.65rem;border-radius:.65rem;cursor:pointer}.account-button:hover{background:var(--color-surface-soft)}.account-button span{display:grid;min-width:0}.account-button strong{font-size:.82rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-button small{color:var(--color-text-muted);font-size:.68rem}
.workspace{min-width:0}.topbar{height:4.25rem;padding:0 clamp(1.2rem,2.5vw,2.25rem);display:flex;align-items:center;justify-content:flex-end;gap:.75rem;background:rgba(247,249,246,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:15}.topbar-context{display:none}.avatar{width:2.75rem;height:2.75rem;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);font-weight:850;font-size:.76rem}
.page-content{width:100%;padding:clamp(1.5rem,2.6vw,2.25rem);min-height:calc(100vh - 4.25rem)}
.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.2rem}.page-header>div:first-child{max-width:760px}.page-header h1{font-size:clamp(2.1rem,4vw,3.3rem);margin-bottom:.65rem}.page-header>div>p:last-child{color:var(--color-text-muted);font-size:1rem;margin:0;max-width:66ch}

.hero-action{border-radius:var(--radius-large);background:linear-gradient(135deg,var(--color-text),#285a50);color:var(--color-surface);padding:clamp(1.5rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.hero-action:after{content:"";position:absolute;right:-4rem;bottom:-8rem;width:18rem;height:18rem;border-radius:50%;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 3rem rgba(255,255,255,.025),0 0 0 6rem rgba(255,255,255,.018)}.hero-action>div{position:relative;z-index:1;max-width:680px}.hero-action .eyebrow{color:#91dec2}.hero-action h2{font-family:var(--font-heading);font-size:2rem;margin:.4rem 0}.hero-action p{color:#c7d8d2}.hero-action .info-button{background:rgba(255,255,255,.1);color:var(--color-surface)}
.progress-ring{--progress:0;width:8.3rem;height:8.3rem;flex:0 0 auto;border-radius:50%;display:grid;place-content:center;background:conic-gradient(var(--color-accent) calc(var(--progress)*1%),rgba(255,255,255,.12) 0);position:relative;z-index:1}.progress-ring:before{content:"";position:absolute;inset:.65rem;background:var(--color-text);border-radius:50%}.progress-ring span{position:relative;font-size:1.8rem;font-weight:800}.progress-ring small{font-size:.7rem;margin-left:.1rem}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.two-column.wide-first{grid-template-columns:1.4fr .8fr}.three-column{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.admin-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.25rem}.panel,.chart-card,.metric,.event-card,.course-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-small)}.panel,.chart-card{padding:1.35rem}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-heading h2{margin:0}.count{min-width:1.8rem;height:1.8rem;padding:0 .45rem;border-radius:2rem;background:var(--color-action-soft);display:grid;place-content:center;font-size:.72rem;font-weight:800;color:var(--color-text-muted)}
.empty-state{min-height:180px;padding:1.5rem;display:flex;align-items:center;justify-content:center;text-align:center;gap:1rem;color:var(--color-text-muted)}.empty-state h2{color:var(--color-text);margin:0 0 .45rem}.empty-state p{margin:0;max-width:42ch}.empty-icon{width:3.4rem;height:3.4rem;display:grid;place-content:center;border-radius:1rem;background:var(--color-surface-soft);color:var(--color-action-hover);flex:0 0 auto}.empty-icon .icon{width:1.55rem;height:1.55rem}.empty-state .button{margin-top:1rem}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem}.metric{padding:1.15rem 1.25rem;display:grid;gap:.35rem;min-height:115px}.metric>span{color:var(--color-text-muted);font-size:.78rem}.metric strong{font-family:var(--font-heading);font-size:2rem;line-height:1;color:var(--color-text)}.metric small{font-size:.7rem;color:var(--color-text-muted)}
.task-list,.simple-list,.check-list,.assignment-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.55rem}.task-list li{display:flex;align-items:center;gap:.8rem;padding:.75rem;border-radius:.75rem;background:var(--color-surface-soft)}.task-list li>span{width:2.4rem;height:2.4rem;background:var(--color-surface);border-radius:.6rem;display:grid;place-content:center;color:var(--color-action-hover)}.task-list li>div{display:grid;margin-right:auto}.task-list small{color:var(--color-text-muted)}
.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.event-card{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.event-card h2{font-family:var(--font-heading);font-size:1.45rem;margin:0}.event-date{display:flex;align-items:center;gap:.45rem;color:var(--color-action-hover);font-size:.8rem;font-weight:700}.event-card dl{display:grid;gap:.6rem;margin:0}.event-card dl div{display:flex;justify-content:space-between;gap:1rem}.event-card dt{font-size:.72rem;color:var(--color-text-muted)}.event-card dd{margin:0;font-size:.78rem;text-align:right}.event-card .button{margin-top:auto}
.event-hero{background:var(--color-text);color:var(--color-surface);border-radius:var(--radius-large);padding:2rem;display:grid;grid-template-columns:1.4fr .7fr;gap:2rem;margin-bottom:1.25rem}.event-hero>div:first-child{display:flex;gap:1.2rem;align-items:flex-start}.event-hero>div:first-child>.icon{width:2rem;height:2rem;color:#91dec2}.event-hero dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:0}.event-hero dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#9eb7af}.event-hero dd{margin:.25rem 0 0;font-weight:700}.capacity-card{padding:1.2rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-panel)}.capacity-card h2{margin:0}.capacity-card strong{font-family:var(--font-heading);display:block;font-size:2rem;margin:1rem 0 .5rem}.capacity-card .info-button{color:var(--color-surface);background:rgba(255,255,255,.1)}.capacity-track,.course-progress{height:.45rem;background:rgba(255,255,255,.13);border-radius:1rem;overflow:hidden}.capacity-track i,.course-progress span{height:100%;display:block;background:var(--color-accent);border-radius:inherit}
.timeline{list-style:none;padding:0;margin:1rem 0;display:grid}.timeline li{display:grid;grid-template-columns:4.5rem 1fr;gap:.8rem;padding:.8rem 0;border-bottom:1px solid var(--color-border)}.timeline time{font-weight:800;color:var(--color-action-hover)}.simple-list li{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.simple-list span{color:var(--color-text-muted)}.check-list li{display:flex;gap:.6rem;align-items:center;padding:.7rem;border-radius:.6rem;background:var(--color-surface-soft)}.check-list li.done{color:var(--color-action-hover)}

.first-run-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);padding:clamp(1.5rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;box-shadow:var(--shadow-small)}.first-run-card>div{max-width:680px}.first-run-card h2{font-family:var(--font-heading);font-size:2rem}.first-run-card p:not(.eyebrow){color:var(--color-text-muted)}.first-run-card>span{width:9rem;height:9rem;border-radius:50%;display:grid;place-content:center;background:var(--color-action-soft);color:var(--color-action-hover)}.first-run-card>span .icon{width:3rem;height:3rem}
.admin-welcome{padding:1.35rem;background:var(--color-text);color:var(--color-surface);border-radius:var(--radius-large);display:flex;justify-content:space-between;gap:2rem;align-items:center;margin-bottom:1.25rem}.admin-welcome>div:first-child{display:flex;align-items:center;gap:1.1rem}.admin-welcome h2{font-family:var(--font-heading);font-size:1.7rem;margin:.1rem 0}.admin-welcome p:last-child{margin:0;color:#c7d8d2}.admin-welcome .eyebrow{color:#91dec2}.status-orb{width:3.6rem;height:3.6rem;border-radius:1rem;background:var(--color-action);display:grid;place-content:center;flex:0 0 auto}.setup-count{text-align:right;display:grid}.setup-count strong{font-family:var(--font-heading);font-size:2.3rem}.setup-count strong span{font-size:1rem;color:#9eb7af}.setup-count small{color:#9eb7af}
.setup-panel ol{list-style:none;padding:0;margin:1rem 0 0;display:grid}.setup-panel li{border-bottom:1px solid var(--color-border)}.setup-panel .setup-row-link{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.7rem;padding:.72rem 0;color:inherit;text-decoration:none}.setup-panel .setup-row-link>span{width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-content:center;background:var(--color-action-soft);font-size:.68rem;font-weight:800;color:var(--color-text-muted)}.setup-panel li.done .setup-row-link>span{background:var(--color-action-soft);color:var(--color-action-hover)}.setup-panel .setup-row-link>span .icon{width:.9rem}.setup-panel .setup-row-link>strong{font-size:.78rem}.setup-panel .setup-row-link>.icon{width:.9rem;color:var(--color-text-muted)}
.chart-card{min-height:285px}.chart-empty{height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-text-muted)}.chart-empty>.icon{width:2rem;height:2rem;color:var(--color-action-hover);margin-bottom:.8rem}.chart-empty strong{color:var(--color-text);font-size:.88rem}.chart-empty p{font-size:.75rem;max-width:30ch;margin:.35rem 0}.bar-chart{height:220px;display:flex;align-items:flex-end;gap:.75rem;padding-top:1rem}.bar-item{height:100%;flex:1;display:grid;grid-template-rows:1fr auto auto;align-items:end;text-align:center;gap:.25rem}.bar-track{width:min(2.5rem,70%);height:100%;margin:auto;background:var(--color-surface-soft);border-radius:.4rem;display:flex;align-items:flex-end;overflow:hidden}.bar-track span{height:var(--bar-size);width:100%;background:var(--color-action);border-radius:.4rem .4rem 0 0}.bar-item strong{font-size:.78rem}.bar-item small{font-size:.65rem;color:var(--color-text-muted)}

.academy-tabs{display:flex;gap:.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--color-border);overflow:auto}.academy-tabs a{padding:.7rem 1rem;color:var(--color-text-muted);text-decoration:none;white-space:nowrap;font-size:.82rem;font-weight:750;border-bottom:2px solid transparent}.academy-tabs a.active{color:var(--color-action-hover);border-color:var(--color-action)}
.academy-library{min-height:420px}.library-tools{display:flex;align-items:end;gap:.75rem;margin:1rem 0}.library-tools .field{flex:1}.academy-language-tabs{display:flex;gap:.3rem;border-bottom:1px solid var(--color-border)}.academy-language-tabs button{border:0;background:transparent;padding:.6rem .85rem;font-weight:800;color:var(--color-text-muted);border-bottom:2px solid transparent;cursor:pointer}.academy-language-tabs button[aria-selected="true"]{color:var(--color-action-hover);border-color:var(--color-action)}
.editor-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.7fr);gap:1.25rem;align-items:start}.editor-layout .panel{display:grid;gap:1.15rem}.editor-layout .panel>h2{font-family:var(--font-heading);font-size:1.55rem;margin-bottom:.2rem}.editor-layout textarea,.editor-layout select{width:100%;padding:.78rem .9rem;border:1px solid #cfdcd4;border-radius:.75rem;resize:vertical;background:var(--color-surface)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.editor-aside{position:sticky;top:6.5rem}.editor-submit{border-top:1px solid var(--color-border);padding-top:1rem}.editor-submit p{font-size:.75rem;color:var(--color-text-muted)}
.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.course-card{overflow:hidden}.course-cover{height:7rem;padding:1rem;background:linear-gradient(135deg,var(--color-text),var(--color-text-muted));color:#91dec2;display:flex;align-items:flex-start;justify-content:space-between}.course-cover>.icon{width:2rem;height:2rem}.course-card>div:last-child{padding:1.2rem}.course-card h2{font-family:var(--font-heading);font-size:1.4rem}.course-card p:not(.eyebrow){font-size:.8rem;color:var(--color-text-muted)}.course-progress{background:var(--color-action-soft);margin:1rem 0}.course-progress span{background:var(--color-action)}.course-meta{display:flex;gap:1rem;color:var(--color-text-muted);font-size:.7rem;margin-bottom:1rem}

.event-status-line{display:flex;align-items:center;gap:1rem;margin:-1.2rem 0 1.25rem;color:var(--color-text-muted);font-size:.78rem}.page-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.read-only-field{padding:.85rem 1rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface-soft);display:grid;gap:.25rem}.read-only-field span{color:var(--color-text-muted);font-size:.72rem}.read-only-field strong{font-size:.88rem}
.event-operations-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:1rem;margin-bottom:1.25rem}.event-staffing,.event-execution{min-width:0}.event-staffing .card-heading h2,.event-execution .card-heading h2{font-family:var(--font-heading);font-size:1.5rem;margin:.15rem 0}.staffing-list{display:grid;gap:.6rem;margin:.9rem 0}.staffing-row{display:grid;grid-template-columns:minmax(120px,.55fr) minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.8rem;border:1px solid var(--color-border);border-radius:.8rem;background:var(--color-surface-soft)}.staffing-row>div,.staffing-role{display:grid;min-width:0}.staffing-row strong{overflow-wrap:anywhere}.staffing-row small{color:var(--color-text-muted);font-size:.68rem}.staffing-role{font-size:.75rem;font-weight:800;color:var(--color-action-hover)}.staffing-candidates{margin-top:1rem;border-top:1px solid var(--color-border);padding-top:1rem}.staffing-candidates>summary{cursor:pointer;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.staffing-candidates>div{display:grid;gap:.6rem;margin-top:.8rem}.candidate-row{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;align-items:end;gap:.75rem;padding:.75rem;border:1px solid var(--color-border);border-radius:.75rem}.candidate-row>div:first-child{display:grid}.candidate-row small{color:var(--color-text-muted);font-size:.68rem}.candidate-row .field{margin:0;position:relative}.candidate-row .field-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.candidate-row input{min-width:0}.execution-next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;border-radius:.8rem;background:var(--color-surface-soft)}.execution-next h3{font-family:var(--font-heading);font-size:1.15rem;margin:.1rem 0}.execution-next p:last-child{color:var(--color-text-muted);font-size:.72rem;margin:.25rem 0 0}
.decision-grid,.company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.decision-card,.company-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-small);padding:1.35rem}.decision-card>header,.company-card>header{display:flex;align-items:flex-start;gap:.85rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.decision-card>header>div,.company-card>header>div{min-width:0;margin-right:auto}.decision-card h2,.company-card h2{font-family:var(--font-heading);font-size:1.45rem;margin:.15rem 0;overflow-wrap:anywhere}.company-mark{width:2.8rem;height:2.8rem;display:grid;place-content:center;flex:0 0 auto;border-radius:.75rem;background:var(--color-action-soft);color:var(--color-action-hover)}.company-mark .icon{width:1.3rem}.decision-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0}.decision-meta div{display:grid;gap:.2rem}.decision-meta dt{color:var(--color-text-muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.06em}.decision-meta dd{margin:0;font-size:.82rem;font-weight:750;overflow-wrap:anywhere}.decision-form,.company-decision-form{display:grid;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.review-checks,.option-list{border:1px solid var(--color-border);border-radius:.75rem;padding:1rem;display:grid;gap:.75rem}.review-checks legend,.option-list legend{font-weight:800;font-size:.78rem;padding:0 .35rem}.review-checks small{color:var(--color-text-muted);font-size:.7rem}.academy-check{align-self:end;min-height:3.25rem;padding:.75rem;border:1px solid var(--color-border);border-radius:.75rem}
.academy-editor{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.25rem;align-items:start}.academy-editor-main{display:grid;gap:1.25rem;min-width:0}.course-basics{display:grid;gap:1.15rem}.course-basics>h3,.academy-block-body>h3,.question-block-body>h4{margin:.5rem 0 0;font-size:.86rem}.translation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.translation-panel{min-width:0;padding:.8rem;border:1px solid var(--color-border);border-radius:.8rem;background:var(--color-surface-soft)}.translation-panel h3{margin:0 0 .65rem;font-size:.75rem;color:var(--color-action-hover)}.translation-panel .field{margin:0}.translation-panel .field-label span{font-size:.62rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:0 0 .75rem}.section-heading h2{font-family:var(--font-heading);font-size:1.75rem;margin:.15rem 0}.academy-block,.question-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-small);margin-bottom:.75rem;overflow:hidden}.academy-block>summary,.question-block>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:1rem 1.2rem}.academy-block>summary::-webkit-details-marker,.question-block>summary::-webkit-details-marker{display:none}.academy-block>summary:before,.question-block>summary:before{content:'+';width:1.5rem;height:1.5rem;border-radius:50%;display:grid;place-content:center;background:var(--color-action-soft);color:var(--color-action-hover);font-weight:900;grid-row:1;grid-column:1}.academy-block[open]>summary:before,.question-block[open]>summary:before{content:'−'}.academy-block>summary>span,.question-block>summary>span{grid-column:2;font-size:.69rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.academy-block>summary>strong,.question-block>summary>strong{grid-column:2;overflow-wrap:anywhere}.academy-block>summary>small,.question-block>summary>small{grid-column:3;grid-row:1/3;color:var(--color-text-muted)}.academy-block-body,.question-block-body{border-top:1px solid var(--color-border);padding:1.2rem;display:grid;gap:1rem}.academy-question-list{display:grid;gap:.75rem;margin-top:.5rem}.academy-question-list>h3{font-family:var(--font-heading);font-size:1.35rem}.question-block{box-shadow:none;background:var(--color-surface-soft)}.question-block-body{background:var(--color-surface)}.option-list{background:var(--color-surface-soft)}.option-editor{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface)}.option-editor>strong{font-size:.72rem;color:var(--color-text-muted)}.academy-publish-panel{position:sticky;top:6.5rem;display:grid;gap:1rem}.academy-publish-panel h2{font-family:var(--font-heading);font-size:1.5rem}.academy-publish-panel>p{color:var(--color-text-muted);font-size:.78rem}.notice.compact{padding:.75rem;border-radius:.65rem;background:var(--color-surface-soft);color:var(--color-text-muted)}.muted-copy{color:var(--color-text-muted);font-size:.78rem}

.concept-panel{margin-bottom:1.25rem}.concept-record-list{display:grid;gap:.65rem;margin-top:1rem}.concept-record{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--color-border);border-left:3px solid var(--color-action);border-radius:.85rem;background:var(--color-surface)}.concept-record.orange{border-left-color:var(--color-accent)}.concept-record.blue{border-left-color:var(--color-information)}.concept-record-icon{width:2.75rem;height:2.75rem;border-radius:.75rem;background:var(--color-action-soft);color:var(--color-action-hover);display:grid;place-content:center}.concept-record.orange .concept-record-icon{background:var(--color-accent-soft);color:var(--color-accent)}.concept-record.blue .concept-record-icon{background:var(--color-information-soft);color:var(--color-information)}.concept-record-copy{min-width:0}.concept-record-copy .eyebrow{margin-bottom:.15rem;font-size:.62rem}.concept-record-copy h3{margin:0;font-family:var(--font-heading);font-size:1.12rem;overflow-wrap:anywhere}.concept-record-copy dl{display:flex;gap:1rem;flex-wrap:wrap;margin:.4rem 0 0}.concept-record-copy dl div{display:flex;gap:.3rem;font-size:.7rem}.concept-record-copy dt{color:var(--color-text-muted)}.concept-record-copy dd{margin:0;font-weight:700}.next-step-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.2rem;padding:1.3rem 1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:linear-gradient(115deg,var(--color-surface),var(--color-surface-soft));box-shadow:var(--shadow-small)}.next-step-card>span{width:3.25rem;height:3.25rem;border-radius:1rem;background:var(--color-accent-soft);color:var(--color-accent);display:grid;place-content:center}.next-step-card h2{margin:.1rem 0 .25rem;font-family:var(--font-heading);font-size:1.35rem}.next-step-card p:last-child{margin:0;color:var(--color-text-muted);font-size:.82rem}.data-note{display:flex;align-items:center;gap:.45rem;margin:1rem .25rem;color:var(--color-text-muted);font-size:.72rem}.data-note .icon{width:.95rem}.status-hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.25rem;padding:1.5rem 1.75rem;border-radius:var(--radius-large);background:var(--color-action-soft);color:var(--color-text)}.status-hero.blue{background:var(--color-information-soft)}.status-hero .eyebrow{color:var(--color-action-hover)}.status-hero.blue .eyebrow{color:var(--color-information)}.status-hero h2{font-family:var(--font-heading);font-size:2rem;margin:.15rem 0}.status-hero p:last-child{margin:0;color:var(--color-text-muted)}.status-hero>span{width:5rem;height:5rem;border-radius:50%;display:grid;place-content:center;background:rgba(255,255,255,.68);color:var(--color-action-hover)}.status-hero.blue>span{color:var(--color-information)}.status-hero>span .icon{width:2rem;height:2rem}.detail-ledger{display:grid;margin:1rem 0 0}.detail-ledger>div{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--color-border)}.detail-ledger dt{color:var(--color-text-muted)}.detail-ledger dd{margin:0;font-weight:750;text-align:right}.profile-layout{display:grid;gap:1.25rem}.profile-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.2rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow-small)}.profile-avatar{width:4.5rem;height:4.5rem;border-radius:50%;display:grid;place-content:center;background:var(--color-accent-soft);color:var(--color-accent);font-family:var(--font-heading);font-size:1.45rem;font-weight:800}.profile-card h2{font-family:var(--font-heading);font-size:1.7rem;margin:.1rem 0}.profile-card p:last-child{margin:0;color:var(--color-text-muted)}.profile-completeness{display:grid;text-align:right}.profile-completeness strong{font-family:var(--font-heading);font-size:2rem;color:var(--color-action-hover)}.profile-completeness span{font-size:.7rem;color:var(--color-text-muted)}

.loading-panel{min-height:55vh;display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--color-text-muted)}.spinner{width:1.2rem;height:1.2rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.dialog-backdrop{position:fixed;inset:0;z-index:100;background:rgba(10,30,26,.48);display:grid;place-content:center;padding:1rem;backdrop-filter:blur(3px)}.dialog{width:min(480px,calc(100vw - 2rem));max-height:min(720px,calc(100vh - 2rem));overflow:auto;background:var(--color-surface);border-radius:var(--radius-large);padding:2rem;box-shadow:var(--shadow-large);position:relative}.dialog h2{font-family:var(--font-heading);font-size:1.8rem;padding-right:2rem}.dialog-body{color:var(--color-text-muted)}.dialog-close{position:absolute;right:1rem;top:1rem;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--color-surface-soft);color:var(--color-text-muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid var(--color-border);padding-top:1rem;margin-top:1.5rem}
.mobile-nav{display:none}

.event-settlement{margin:0 0 1.25rem}.event-settlement>.card-heading h2{font-family:var(--font-heading);font-size:1.6rem}.settlement-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1rem 0}.settlement-role{padding:1rem;border:1px solid var(--color-border);border-radius:.85rem;background:var(--color-surface-soft);min-width:0}.settlement-role>header{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.8rem}.settlement-role>header>div{display:grid;min-width:0;margin-right:auto}.settlement-role>header strong{overflow-wrap:anywhere}.settlement-role small{color:var(--color-text-muted);font-size:.69rem}.settlement-term-ready{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem;border-radius:.7rem;background:var(--color-surface);color:var(--color-action-hover)}.settlement-term-ready>div{display:grid;gap:.2rem}.settlement-term-form,.settlement-close-form{display:grid;gap:1rem}.settlement-term-form .field-pair{grid-template-columns:1fr}.settlement-money-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.settlement-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.metric-grid.compact{margin-top:1rem}.settlement-details{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.settlement-details>summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;font-weight:800}.settlement-lines{display:grid;margin-top:.65rem}.settlement-lines>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--color-border)}.settlement-lines>div>span{display:grid;min-width:0}.settlement-lines small{color:var(--color-text-muted);font-size:.68rem;overflow-wrap:anywhere}.settlement-lines b{white-space:nowrap}
.role-landing-next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding:1.35rem 1.5rem;border:1px solid var(--color-action);border-radius:var(--radius-large);background:var(--color-surface)}.role-landing-next h2{margin:.1rem 0 .35rem;font-family:var(--font-heading);font-size:1.45rem}.role-landing-next p:last-child{margin:0;color:var(--color-text-muted)}
.payment-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem;margin-bottom:1.25rem}.payment-filters,.payment-overview{margin-bottom:1.25rem}.payment-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0}.payment-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.payment-form{display:grid;align-content:start;gap:1rem}.payment-form>p{margin:0;color:var(--color-text-muted);font-size:.82rem}.payment-table-wrap{margin-top:1rem;overflow-x:auto}.payment-table{width:100%;border-collapse:collapse;min-width:760px}.payment-table caption{text-align:left;font-weight:800;padding:0 0 .7rem}.payment-table th,.payment-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--color-border);font-size:.78rem}.payment-table thead th{color:var(--color-text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}
.security-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:1rem}.security-panel>p{color:var(--color-text-muted);font-size:.84rem}.session-list,.password-change-form{display:grid;gap:.8rem;margin-top:1rem}.session-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid var(--color-border);border-radius:.75rem}.session-row.current{border-color:var(--color-action);background:var(--color-action-soft)}.session-row>div{display:flex;align-items:flex-start;gap:.7rem;min-width:0}.session-row>div>.icon{flex:0 0 auto}.session-row span{display:grid;gap:.18rem;min-width:0}.session-row strong,.session-row small{overflow-wrap:anywhere}.session-row small{color:var(--color-text-muted)}
.reconciliation-list{display:grid;gap:.7rem;margin-top:1rem}.reconciliation-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem;border:1px solid var(--color-border);border-radius:.7rem}.reconciliation-row>div{display:flex;align-items:flex-start;gap:.65rem}.reconciliation-row span{display:grid;gap:.16rem}.reconciliation-row small{color:var(--color-text-muted)}

@media (max-width:1180px){
  .admin-grid{grid-template-columns:1fr 1fr}.admin-grid .setup-panel{grid-row:span 2}
  .event-grid,.course-grid{grid-template-columns:repeat(2,1fr)}
  .three-column{grid-template-columns:1fr 1fr}.three-column>*:last-child{grid-column:1/-1}
  .translation-grid{grid-template-columns:1fr}.academy-editor{grid-template-columns:minmax(0,1fr) 280px}
  .payment-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  .login-layout{grid-template-columns:1fr;width:min(620px,calc(100% - 2rem));height:auto;min-height:0;margin:1rem auto}.login-story{min-height:300px;padding:2.5rem}.login-story h1{font-size:clamp(2.4rem,8vw,3.2rem);max-width:14ch}.story-orbit{width:9rem;height:9rem;right:7%;bottom:11%}.story-points{display:none}.auth-card{padding:2.5rem}
  .app-shell{display:block}.sidebar{position:fixed;left:0;right:0;top:0;height:auto;padding:.7rem 1rem;background:var(--color-surface);box-shadow:var(--shadow-small);display:block}.sidebar-top .brand{margin:0}.mobile-menu{display:grid}.sidebar>.mobile-language,.sidebar>.context-static,.sidebar>.context-switcher,.sidebar>.main-nav,.sidebar>.sidebar-bottom{display:none}.sidebar[data-open="true"]{bottom:0;height:100vh;overflow:auto}.sidebar[data-open="true"]>.mobile-language,.sidebar[data-open="true"]>.context-static,.sidebar[data-open="true"]>.context-switcher,.sidebar[data-open="true"]>.main-nav,.sidebar[data-open="true"]>.sidebar-bottom{display:grid}.sidebar[data-open="true"]>.mobile-language{margin-top:1rem;justify-content:start}.sidebar[data-open="true"]>.context-static,.sidebar[data-open="true"]>.context-switcher{margin-top:1rem}.sidebar[data-open="true"]>.sidebar-bottom{margin-top:2rem}.topbar{top:4.2rem;height:4.4rem}.topbar-context{display:block;margin-right:auto;max-width:230px}.topbar-context .context-static,.topbar-context .context-switcher{margin:0;padding:.25rem .5rem;border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.topbar-context .context-switcher select{color:var(--color-text)}.topbar-context .context-static small,.topbar-context .context-switcher label{color:var(--color-text-muted)}.page-content{padding-top:calc(4.2rem + 1.5rem)}
  .metric-grid{grid-template-columns:repeat(2,1fr)}.event-hero{grid-template-columns:1fr}.event-hero dl{grid-template-columns:1fr 1fr}.two-column,.two-column.wide-first{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.admin-grid .setup-panel{grid-row:auto}
  .editor-layout{grid-template-columns:1fr}.editor-aside{position:static}
  .decision-grid,.company-grid,.academy-editor,.event-operations-grid,.security-grid{grid-template-columns:1fr}.academy-publish-panel{position:static;order:-1}.settlement-role-grid{grid-template-columns:1fr 1fr}.settlement-money-grid{grid-template-columns:1fr 1fr}.payment-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-form-grid{grid-template-columns:1fr}
}

@media (max-width:640px){
  h1{font-size:2.2rem}.public-header{height:4.5rem;padding:0 1rem}.public-footer{padding:1rem;align-items:flex-start;flex-direction:column}.public-footer nav{gap:.8rem}.login-layout{width:100%;margin:0;border-radius:0;box-shadow:none}.login-story{min-height:240px;padding:2rem 1.25rem}.login-story h1{font-size:clamp(2.15rem,10vw,2.65rem);max-width:15ch}.login-story>p:not(.eyebrow){font-size:.9rem;max-width:32ch}.story-orbit{width:7rem;height:7rem;opacity:.7}.auth-card{padding:2rem 1.25rem}.auth-heading{margin-bottom:1.5rem}.auth-new{align-items:stretch;flex-direction:column}.auth-new .button{width:100%}
  .registration-page{width:calc(100% - 2rem);padding-top:1rem}.path-grid{grid-template-columns:1fr}.path-card{min-height:230px;padding:1.5rem}.path-card>span{margin-bottom:1.5rem}.registration-form{padding:1.4rem}.form-actions .button{flex:1}
  .topbar{padding:0 .8rem;gap:.4rem}.topbar .language-picker{display:none}.topbar-context{max-width:200px}.topbar-context .context-switcher label{display:none}.page-content{padding-left:1rem;padding-right:1rem;padding-bottom:6rem}.page-header{align-items:flex-start;flex-direction:column;margin-bottom:1.5rem;gap:1rem}.page-actions,.page-actions .button{width:100%}.role-landing-next{grid-template-columns:1fr}.role-landing-next .button{width:100%}.payment-metric-grid,.payment-filter-grid{grid-template-columns:1fr 1fr}.payment-filters .card-heading{align-items:flex-start;flex-direction:column}
  .hero-action{align-items:flex-start;flex-direction:column}.progress-ring{width:6rem;height:6rem;position:absolute;right:1rem;top:1rem;opacity:.35}.hero-action>div{padding-right:2rem}.hero-action h2{font-size:1.6rem}
  .metric-grid{grid-template-columns:1fr 1fr;gap:.6rem}.metric{min-height:95px;padding:.9rem}.metric strong{font-size:1.55rem}
  .event-grid,.course-grid,.three-column{grid-template-columns:1fr}.three-column>*:last-child{grid-column:auto}.event-hero{padding:1.3rem}.event-hero dl{grid-template-columns:1fr}.event-hero>div:first-child>.icon{display:none}.first-run-card>span{display:none}.first-run-card .button-row{align-items:stretch;flex-direction:column}.first-run-card .button{width:100%}.admin-welcome{align-items:flex-start}.admin-welcome .status-orb{display:none}.admin-welcome>div:first-child{display:block}.setup-count{flex:0 0 auto}.admin-welcome p:last-child{display:none}
  .empty-state{align-items:center;flex-direction:column}.review-list div{align-items:flex-start;flex-direction:column;gap:.2rem}.review-list dd{text-align:left}
  .concept-record{grid-template-columns:auto minmax(0,1fr)}.concept-record>.status-pill,.concept-record>.button{grid-column:2;justify-self:start}.concept-record-copy dl{display:grid;gap:.2rem}.next-step-card{grid-template-columns:auto 1fr}.next-step-card>.button{grid-column:1/-1;width:100%}.status-hero>span{display:none}.profile-card{grid-template-columns:auto 1fr}.profile-completeness{grid-column:1/-1;text-align:left;border-top:1px solid var(--color-border);padding-top:.75rem}
  .decision-card,.company-card{padding:1rem}.decision-card>header,.company-card>header{flex-wrap:wrap}.decision-meta,.field-pair{grid-template-columns:1fr}.academy-block>summary,.question-block>summary{padding:.85rem;grid-template-columns:auto 1fr}.academy-block>summary>small,.question-block>summary>small{grid-column:2;grid-row:auto}.academy-block-body,.question-block-body{padding:.9rem}.event-status-line{margin-top:-.5rem;align-items:flex-start;flex-direction:column}
  .staffing-row,.candidate-row,.execution-next{grid-template-columns:1fr}.staffing-row .button,.candidate-row .button,.execution-next .button{width:100%}.settlement-role-grid,.settlement-money-grid,.settlement-outcomes{grid-template-columns:1fr}
  .mobile-nav{display:block;position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);border-top:1px solid var(--color-border);z-index:18;padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(12px)}.mobile-nav>.main-nav{display:flex;justify-content:space-around;gap:0}.mobile-nav .main-nav a{flex:1;min-width:0;min-height:4.3rem;padding:.5rem .25rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.3rem;border-radius:0;color:var(--color-text-muted);font-size:.61rem}.mobile-nav .main-nav a:nth-child(n+5){display:none}.mobile-nav .main-nav a[aria-current="page"]{background:transparent;color:var(--color-action-hover);box-shadow:inset 0 2px var(--color-action)}.mobile-nav .icon{width:1.25rem;height:1.25rem}
}

@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media (forced-colors:active){.button,.status-pill,.beta-badge,.language-picker,.panel,.metric,.event-card,.course-card{border:1px solid CanvasText}.main-nav a[aria-current="page"]{outline:2px solid Highlight}}
@media print{.sidebar,.topbar,.mobile-nav,.page-actions,.button,.info-button{display:none!important}.app-shell{display:block}.page-content{padding:0}.panel,.metric,.event-card,.course-card{box-shadow:none;break-inside:avoid}}

/* Shared V0.40 design surfaces derived from the binding Wayback master. */
.design-surface{
  min-width:0;
  color:var(--color-text);
}
.design-surface h1,
.design-surface h2,
.design-surface h3{font-family:var(--font-body);letter-spacing:-.025em}
.design-surface :focus-visible,
.auth-public-shell :focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}
.design-surface .button,
.auth-public-shell .button{border-radius:.65rem;min-height:2.9rem}
.design-surface .button.orange{border:1px solid var(--color-accent);background:var(--color-surface);color:var(--color-accent);box-shadow:none}
.design-surface .button.orange:hover:not(:disabled){background:#fff5f0;box-shadow:none}

/* Designer sign-in */
.auth-public-shell{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:100dvh;background:var(--color-surface);overflow:visible}
.auth-public-shell .public-footer{min-height:2.75rem;background:var(--color-surface);border-top:1px solid var(--color-border);padding:.55rem clamp(1rem,3vw,2.5rem);font-size:.7rem}
.auth-public-shell .design-login{
  width:100%;
  height:auto;
  min-height:calc(100dvh - 2.75rem);
  margin:0;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}
.design-login.login-layout:focus,
.design-login.login-layout:focus-visible{outline:0}
.design-login .login-story{
  min-height:inherit;
  padding:2rem clamp(2.5rem,4vw,5rem);
  justify-content:flex-start;
  background:var(--color-surface-soft);
  color:var(--color-text);
  isolation:isolate;
}
.design-login .login-story:before,
.design-login .login-story:after{content:none}
.design-login .login-brand{position:relative;z-index:2}
.design-login .login-brand .brand{width:9.35rem}
.design-login .login-story-copy{position:relative;z-index:2;margin:auto 0;max-width:39rem;padding:5.5rem 0 3rem}
.design-login .login-story .eyebrow{margin-bottom:1.4rem;color:var(--color-accent);font-size:.77rem;letter-spacing:.22em}
.design-login .login-story h1{
  max-width:16ch;
  margin-bottom:2.25rem;
  color:var(--color-text);
  font-family:var(--font-body);
  font-size:clamp(2.75rem,4.55vw,4.5rem);
  font-weight:700;
  line-height:.96;
  letter-spacing:-.055em;
  hyphens:none;
  overflow-wrap:normal;
  word-break:keep-all;
}
.design-login .login-story-copy>p:not(.eyebrow){max-width:36rem;margin-bottom:2rem;color:var(--color-text-muted);font-size:clamp(.96rem,1.15vw,1.2rem)}
.design-login .story-badge{display:grid;place-content:center;width:10.25rem;height:10.25rem;margin-top:3.75rem;border:1px solid var(--color-action);border-radius:50%;padding:1.4rem;color:var(--color-action);font-size:1.05rem;font-weight:750;text-align:center;line-height:1.35}
.design-login .login-version{position:relative;z-index:2;color:#879baf;font-size:.68rem}
.design-login .story-circle{position:absolute;z-index:1;border:1px solid #d3e5dd;border-radius:50%;pointer-events:none}
.design-login .story-circle-one{width:22rem;height:22rem;right:-8rem;top:-5rem}
.design-login .story-circle-two{width:15rem;height:15rem;left:-10rem;top:6.5rem}
.design-login .story-circle-three{width:15rem;height:15rem;right:-8rem;bottom:-7rem}
.design-login .auth-card{min-width:0;padding:clamp(2rem,4vw,5rem);justify-content:flex-start;background:var(--color-surface)}
.design-login .auth-topline{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:0 0 1.75rem}
.design-login .auth-topline h2{margin:0 0 .15rem;font-size:clamp(2rem,3vw,2.5rem);line-height:1.1}
.design-login .auth-topline p{margin:0;color:var(--color-text-muted);font-size:1rem}
.design-login .auth-language{display:flex;align-items:center;gap:.65rem;color:var(--color-text-muted);font-size:.75rem;white-space:nowrap}
.design-login .auth-language .language-picker{border:1px solid var(--color-border);border-radius:.65rem;background:var(--color-surface);padding:.15rem}
.design-login .auth-language .language-picker button{min-width:var(--touch-target);min-height:var(--touch-target);border-radius:.5rem}
.design-login .auth-form-card{flex:1;min-height:0;padding:clamp(1.5rem,3vw,2.25rem);border:1px solid var(--color-border);border-radius:1.25rem;background:var(--color-surface)}
.design-login .auth-form-card form{gap:1.35rem}
.design-login .auth-form-card .notice{margin-bottom:1.2rem}
.design-login .field-label label{font-size:.86rem}
.design-login .field input{min-height:3.1rem;border-color:#cdd8e1;border-radius:.65rem}
.design-login .field input:focus{border-color:var(--color-action);box-shadow:0 0 0 3px rgba(22,122,91,.16)}
.design-login .password-field .password-toggle{right:.3rem;bottom:.2rem;background:transparent}
.design-login .button.primary{margin-top:.45rem;background:var(--color-action);box-shadow:none}
.design-login .button.primary:hover:not(:disabled){background:var(--color-action-hover);box-shadow:none}
.design-login .auth-help{margin:1rem 0;color:var(--color-text-muted)}
.design-login .auth-new{margin-top:1.25rem;padding-top:1.25rem}

/* Designer application shell and admin overview */
.app-shell:has(.design-surface){grid-template-columns:240px minmax(0,1fr);background:var(--color-surface)}
.app-shell:has(.design-surface) .sidebar{padding:1.2rem;border-color:var(--color-border);background:var(--color-surface)}
.app-shell:has(.design-surface) .sidebar .brand{width:8.25rem;margin:0 .05rem 2.15rem}
.app-shell:has(.design-surface) .context-static,
.app-shell:has(.design-surface) .context-switcher{background:var(--color-surface);border-radius:.65rem}
.app-shell:has(.design-surface) .main-nav a{border-radius:.4rem;font-weight:500}
.app-shell:has(.design-surface) .main-nav a[aria-current="page"]{background:#edf4f0;box-shadow:none;color:var(--color-action);font-weight:650}
.app-shell:has(.design-surface) .topbar{height:4.25rem;background:rgba(255,255,255,.96);border-color:var(--color-border)}
.app-shell:has(.design-surface) .page-content{max-width:1440px;padding:2rem clamp(1.85rem,3vw,3rem);background:var(--color-surface)}
.design-admin .overview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:1.8rem}
.design-admin .overview-heading .breadcrumb{margin:0 0 2.3rem;color:var(--color-text-muted);font-size:.75rem;font-weight:650}
.design-admin .overview-heading h1{margin:0 0 .25rem;font-size:clamp(2rem,3vw,2.65rem);font-weight:650;line-height:1.08}
.design-admin .overview-heading>div>p:not(.breadcrumb){margin:0;color:var(--color-text-muted);font-size:1rem}
.design-admin .overview-heading>.button{margin-top:2.25rem}
.overview-context{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.25rem}
.overview-context>span{display:inline-flex;align-items:center;gap:.55rem;min-height:2.3rem;padding:.4rem .75rem;border:1px solid var(--color-border);border-radius:2rem;color:var(--color-text-muted);font-size:.75rem}
.overview-context strong{color:var(--color-text)}
.overview-next-step{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;margin-bottom:2.1rem;padding:1.35rem 1.25rem;border:1px solid var(--color-action);border-radius:1.25rem;background:#fbfdfc}
.overview-next-step .eyebrow{margin-bottom:.35rem;color:var(--color-action);font-size:.68rem}
.overview-next-step h2{margin:0 0 .3rem;font-size:1.4rem;font-weight:550}
.overview-next-step p:not(.eyebrow){margin:0;color:var(--color-text-muted);font-size:.8rem}
.overview-next-step>.button{min-width:9.5rem}
.overview-status-pills{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:.8rem}
.overview-status-pills .status-pill{border:1px solid var(--color-action);background:transparent;color:var(--color-action)}
.overview-status-pills .status-pill.progress{border-color:#397bd1;color:#2f67b8}
.overview-status-pills .status-pill.warning{border-color:var(--color-accent);color:var(--color-accent)}
.overview-status-pills .status-pill.success{border-color:var(--color-action);color:var(--color-action)}
.design-admin .designer-metrics{gap:1.15rem;margin-bottom:2rem}
.design-admin .designer-metrics .metric{min-height:8rem;padding:1.25rem;border-color:var(--color-border);border-radius:1rem;box-shadow:none}
.design-admin .designer-metrics .metric>span{color:#27312e;font-size:.8rem}
.design-admin .designer-metrics .metric strong{font-family:var(--font-body);font-size:1.9rem;font-weight:600}
.design-admin .designer-metrics .metric small{color:var(--color-text-muted);font-size:.72rem}
.overview-quick-actions{margin-bottom:2rem}
.overview-quick-actions>div{margin-bottom:1rem}
.overview-quick-actions h2{margin:0 0 .15rem;font-size:1.35rem;font-weight:550}
.overview-quick-actions p{margin:0;color:var(--color-text-muted);font-size:.78rem}
.overview-quick-actions nav{display:flex;gap:.75rem;flex-wrap:wrap}
.overview-quick-actions .button.secondary{background:var(--color-surface);border-color:var(--color-border);box-shadow:none}
.design-admin .admin-grid{grid-template-columns:minmax(280px,1.2fr) repeat(2,minmax(240px,1fr));align-items:start}
.design-admin .panel,
.design-admin .chart-card{border-color:var(--color-border);border-radius:1rem;box-shadow:none}

/* Designer setup journey */
.setup-workspace>.page-header h1{font-family:var(--font-body);font-size:clamp(2rem,3vw,2.65rem);font-weight:650}
.setup-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;margin-bottom:1.5rem;padding:1.5rem 1.75rem;border:1px solid var(--color-action);border-radius:1.2rem;background:#fbfdfc}
.setup-summary h2{margin:.15rem 0 .4rem;font-size:1.45rem;font-weight:600}
.setup-summary p:last-child{margin:0;color:var(--color-text-muted)}
.setup-progress-ring{--progress:0;position:relative;width:6.5rem;height:6.5rem;display:grid;place-content:center;border-radius:50%;background:conic-gradient(var(--color-action) calc(var(--progress)*1%),#e8efeb 0)}
.setup-progress-ring:before{content:"";position:absolute;inset:.5rem;border-radius:inherit;background:var(--color-surface)}
.setup-progress-ring strong{position:relative;font-size:1.65rem}
.setup-progress-ring small{font-size:.78rem;color:var(--color-text-muted)}
.setup-journey{list-style:none;margin:0;padding:0;border:1px solid var(--color-border);border-radius:1rem;background:var(--color-surface);overflow:hidden}
.setup-journey>li{border-bottom:1px solid var(--color-border)}
.setup-row-link{cursor:pointer;transition:background .15s ease,box-shadow .15s ease}
.setup-row-link:hover,.setup-row-link:focus-visible{background:#f4f9f6;box-shadow:inset 3px 0 var(--color-action);outline:3px solid var(--color-accent);outline-offset:-3px}
.setup-journey .setup-row-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.15rem;padding:1.2rem 1.35rem;color:inherit;text-decoration:none}
.setup-journey>li:last-child{border-bottom:0}
.setup-journey>li.current{background:#f4f9f6;box-shadow:inset 3px 0 var(--color-action)}
.setup-step-number{width:2.35rem;height:2.35rem;display:grid;place-content:center;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-muted);font-weight:750}
.setup-journey .done .setup-step-number{border-color:var(--color-action);background:var(--color-action);color:var(--color-surface)}
.setup-step-number .icon{width:1rem}
.setup-journey .setup-row-link>div>p:first-child{margin:0;color:var(--color-text-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}
.setup-journey h2{margin:.15rem 0;font-size:1rem;font-weight:650}
.setup-journey .setup-row-link>div>p:last-child{margin:0;color:var(--color-text-muted);font-size:.76rem}
.setup-journey .status-pill.success{background:#e5f4ed;color:var(--color-action)}
.status-hero.orange{background:var(--color-accent-soft)}
.status-hero.orange .eyebrow,.status-hero.orange>span{color:var(--color-accent)}
.blocker-list{display:grid;gap:.55rem;list-style:none;margin:1rem 0;padding:0}.blocker-list li{display:flex;align-items:center;gap:.55rem;padding:.7rem;border-radius:.65rem;background:var(--color-surface-soft)}.blocker-list .icon{width:1rem;color:var(--color-accent)}
.legal-editor-grid{display:grid;gap:1rem}.legal-editor form{display:grid;gap:1rem;padding:1rem}.legal-copy{white-space:normal;line-height:1.65}.company-responsibilities{margin:1rem 0}.company-responsibilities ul{display:grid;gap:.45rem;list-style:none;margin:.6rem 0 0;padding:0}.company-responsibilities li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .7rem;border:1px solid var(--color-border);border-radius:.65rem}.company-responsibilities li span{color:var(--color-text-muted);font-size:.75rem}.danger-zone{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}

/* 1024 / narrow desktop */
@media (max-width:1180px){
  .design-login .login-story{padding-inline:2.5rem}
  .design-login .auth-card{padding:2.5rem}
  .design-login .story-badge{width:8rem;height:8rem;margin-top:2rem;font-size:.88rem}
  .design-admin .designer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .design-admin .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .design-admin .admin-grid .setup-panel{grid-row:auto}
}

/* 768 and 200% zoom: a single reading column avoids horizontal scrolling. */
@media (max-width:840px){
  .auth-public-shell{display:block;min-height:100dvh}
  .auth-public-shell .design-login{display:block;width:100%;min-height:0;margin:0}
  .design-login .login-story{min-height:18rem;padding:1.5rem 2rem}
  .design-login .login-brand .brand{width:8.25rem}
  .design-login .login-story-copy{margin-top:2.5rem;padding:0;max-width:34rem}
  .design-login .login-story h1{max-width:15ch;margin-bottom:.85rem;font-size:clamp(2.35rem,7vw,3.4rem);line-height:1}
  .design-login .login-story-copy>p:not(.eyebrow){margin:0;font-size:.92rem}
  .design-login .story-badge{position:absolute;right:2rem;bottom:1.5rem;width:6.5rem;height:6.5rem;margin:0;padding:.8rem;font-size:.75rem}
  .design-login .login-version{position:absolute;left:2rem;bottom:1.25rem}
  .design-login .auth-card{padding:2rem}
  .design-login .auth-form-card{min-height:0}
  .app-shell:has(.design-surface){display:block}
  .app-shell:has(.design-surface) .sidebar{padding:.7rem 1rem}
  .app-shell:has(.design-surface) .sidebar .brand{margin:0}
  .app-shell:has(.design-surface) .page-content{padding:calc(4.2rem + 1.5rem) 1.5rem 6rem}
  .design-admin .overview-heading .breadcrumb{margin-bottom:1.25rem}
  .design-admin .admin-grid{grid-template-columns:1fr}
  .setup-workspace>.page-header{align-items:flex-start;flex-direction:column}
}

/* 390 / 320 mobile */
@media (max-width:520px){
  .auth-public-shell .public-footer{align-items:flex-start;padding:1rem;gap:.6rem}
  .design-login .login-story{min-height:15.5rem;padding:1.25rem 1rem}
  .design-login .login-story-copy{margin-top:1.5rem;padding-right:0}
  .design-login .login-story .eyebrow{margin-bottom:.65rem;font-size:.65rem}
  .design-login .login-story h1{max-width:13ch;margin-bottom:.7rem;font-size:clamp(2.05rem,11vw,2.75rem)}
  .design-login .login-story-copy>p:not(.eyebrow){max-width:30ch;font-size:.8rem;line-height:1.4}
  .design-login .story-badge{display:none}
  .design-login .login-version{left:1rem;bottom:.75rem}
  .design-login .auth-card{padding:1.35rem 1rem 2rem}
  .design-login .auth-topline{align-items:flex-start;flex-direction:column;margin-bottom:1rem;gap:.75rem}
  .design-login .auth-topline h2{font-size:1.75rem}
  .design-login .auth-language{width:100%;justify-content:space-between}
  .design-login .auth-form-card{padding:1.15rem;border-radius:.9rem}
  .design-login .auth-new{align-items:stretch;flex-direction:column}
  .design-login .auth-new .button{width:100%}
  .app-shell:has(.design-surface) .page-content{padding-left:1rem;padding-right:1rem}
  .design-admin .overview-heading{display:block;margin-bottom:1.25rem}
  .design-admin .overview-heading>.button{width:100%;margin-top:1rem}
  .overview-context{display:grid;gap:.5rem}
  .overview-context>span{width:100%}
  .overview-next-step{grid-template-columns:1fr;gap:1rem;padding:1.1rem}
  .overview-next-step>.button{width:100%}
  .design-admin .designer-metrics{grid-template-columns:1fr 1fr;gap:.65rem}
  .design-admin .designer-metrics .metric{min-height:7rem;padding:.9rem}
  .overview-quick-actions nav{display:grid;grid-template-columns:1fr;width:100%}
  .overview-quick-actions .button{width:100%;justify-content:flex-start}
  .setup-summary{grid-template-columns:1fr;padding:1.15rem}
  .setup-progress-ring{width:5.25rem;height:5.25rem}
  .setup-journey .setup-row-link{grid-template-columns:auto minmax(0,1fr);padding:1rem;gap:.8rem}
  .setup-journey .setup-row-link>.button,
  .setup-journey .setup-row-link>.status-pill{grid-column:2;justify-self:start}
}

@media (max-width:350px){
  .design-login .login-story h1{font-size:2rem}
  .design-admin .designer-metrics{grid-template-columns:1fr}
  .overview-status-pills{display:grid}
}

@media (forced-colors:active){
  .design-login .auth-form-card,
  .overview-next-step,
  .setup-summary,
  .setup-journey{border:1px solid CanvasText}
}

@media print{
  .auth-public-shell .design-login{display:block;min-height:0}
  .design-login .auth-card{padding:1rem}
  .design-login .login-story{display:none}
}