/* Hallmark · genre: modern-minimal · macrostructure: Long Document · design-system: DESIGN.md · designed-as-app */
/* Workbench self-critique (subjective): P4 H4 E4 S4 R5 V4; no independent certification */
/* Let enlarged lesson controls size to their labels, not a fixed 52px box. */
@media(max-width:900px){.course-deck-chrome{height:auto;min-height:calc(62px + env(safe-area-inset-top,0px));display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:.5rem;padding:calc(env(safe-area-inset-top,0px) + .35rem) .7rem .45rem}.course-deck-chrome .deck-icon-button{width:auto;min-width:52px;height:auto;min-height:48px;padding:.35rem .4rem;flex-shrink:0}.course-deck-chrome .deck-position{min-width:0;text-align:center;padding-top:0}}

html[data-theme]{--bg:var(--color-paper);--bg-deep:var(--color-paper);--surface:var(--color-surface);--surface-strong:var(--color-surface);--surface-soft:var(--color-sidebar);--surface-raised:var(--color-surface);--input:var(--color-surface);--border:var(--color-rule);--border-strong:var(--color-rule);--text:var(--color-ink);--muted:var(--color-muted);--accent:var(--color-accent);--accent-strong:var(--color-accent);--accent-contrast:var(--color-accent-ink);--focus:var(--color-accent);--gold:var(--color-muted);--body-glow:transparent;--body-end:var(--color-paper);--hero-start:var(--color-surface);--hero-end:var(--color-surface);--card-start:var(--color-surface);--card-end:var(--color-surface);--locked-start:var(--color-sidebar);--locked-end:var(--color-sidebar);--provider-bg:var(--color-surface);--provider-text:var(--color-ink);--hover:var(--color-hover);--shadow:none;--radius:var(--radius-card);font-family:var(--font-body)}
html,body{overflow-x:clip}body{background:var(--color-paper);min-width:0}.site-header{max-width:none;background:var(--color-surface);padding:var(--space-md) var(--space-lg)}.brand img{width:min(170px,32vw)}.primary-nav a,.quiet-button,.provider-button{font-weight:500}.primary-button,.card-action{font-weight:600;border-radius:100px}.login-story h1,.page-hero h1,.course-hero h1{font-family:var(--font-display);font-weight:600;line-height:1.08;letter-spacing:-.045em}.login-story h1{font-size:clamp(2.5rem,5vw,4.25rem)}.login-card,.page-hero,.course-card,.upcoming-workshop-card{background:var(--color-surface);box-shadow:none}.login-card{border:0}.eyebrow,.section-kicker,.step-label{letter-spacing:0;text-transform:none;font-weight:500}.login-card input{font-size:1rem;letter-spacing:normal}.knight-watermark{display:none}.page-hero{border:0}.compact-hero{min-height:180px}.ex-club{--ex-ink:var(--color-ink);--ex-muted:var(--color-muted);--ex-line:var(--color-rule);--text:var(--color-ink);--text-primary:var(--color-ink);--muted:var(--color-muted);--text-muted:var(--color-muted);--surface:var(--color-surface);--surface-2:var(--color-sidebar);--border:var(--color-rule);--bg:var(--color-paper);--accent:var(--color-accent);--accent-strong:var(--color-accent);background:var(--color-paper);border:0;color:var(--color-ink);color-scheme:normal}.ex-club-hero{grid-template-columns:minmax(0,1fr);padding:var(--space-xl) 0}.ex-club-hero h1{font-size:clamp(2.3rem,4vw,3.5rem);font-weight:600;line-height:1.08;letter-spacing:-.045em}.ex-hero-art{display:none}.ex-club-hero h1 span,.ex-club-hero .ex-label{color:var(--color-ink)}.ex-club-hero p,.ex-club .ex-chip,.ex-club .ex-scenario p,.ex-club .ex-scenario li{color:var(--color-muted)}.ex-primary{background:var(--color-accent)!important;color:var(--color-accent-ink)!important}.ex-space-nav a{color:var(--color-muted);font-weight:500}.ex-space-nav a[aria-current=page]{background:var(--color-hover);color:var(--color-ink)}.ex-mission,.ex-session,.ex-drawer,.ex-scenario,.ex-club .ex-scenario,.ex-showcase-guide>div,.ex-club .ex-chip{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-rule);box-shadow:none}.ex-mission strong,.ex-club .ex-scenario h3,.ex-club .section-heading h2{color:var(--color-ink)}.ex-mission p,.ex-safety{color:var(--color-muted)}.ex-club .ex-world{display:none}.ex-club .ex-scenario{grid-template-columns:minmax(0,1fr)}
/* Retire remaining hardcoded space-palette descendants. */
:root[data-club-language][data-theme]{--club-paper:var(--color-paper);--club-surface:var(--color-surface);--club-ink:var(--color-ink);--club-muted:var(--color-muted);--club-line:var(--color-rule);--club-accent:var(--color-accent);--club-stage:var(--color-sidebar);--club-on-accent:var(--color-accent-ink)}
#club-design-bar{font-family:var(--font-body);font-weight:600}
.ex-club .ex-mission>span,.ex-club .ex-mission>b,.ex-club .ex-session>a,.ex-club .ex-progress>strong,.ex-club .ex-showcase-guide b,.ex-club .ex-drawer>summary{color:var(--color-ink)}
.ex-club .ex-session p,.ex-club .ex-session .ex-label,.ex-club .ex-club-foot,.ex-club .ex-drawer>summary small,.ex-club .ex-showcase-guide p,.ex-club .program-empty{color:var(--color-muted)}
.ex-club .ex-label{text-transform:none;letter-spacing:0;font-weight:600}.ex-club .ex-primary{border-color:var(--color-accent);font-weight:600;border-radius:100px}.ex-club .ex-safety{border-color:var(--color-rule)}
.ex-club a:focus-visible,.ex-club button:focus-visible,.ex-club summary:focus-visible{outline-color:var(--color-accent)}
.ex-club .ex-primary:hover{background:var(--color-accent)!important}.ex-club .ex-mission:hover,html[data-club-language] [data-club-theme]:hover{transform:none}
.status-badge{color:var(--color-muted);background:var(--color-sidebar);border:1px solid var(--color-rule);font-weight:600;letter-spacing:0;text-transform:none}
.private-pill{background:var(--color-sidebar);color:var(--color-muted);border-color:var(--color-rule);letter-spacing:0;text-transform:none;font-weight:600}.skill-pack-hero>div{min-width:0}.skill-pack-hero h1{font-size:clamp(2rem,4vw,3.5rem);overflow-wrap:anywhere}.skill-pack-hero .private-pill{flex-shrink:0;white-space:normal}
.ex-catalog input,[data-theme=dark] .ex-catalog input{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-rule)}.ex-catalog :focus-visible{outline-color:var(--color-accent)}
.club-overview-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--space-lg)}.club-overview-section{min-width:0;background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-lg)}.club-overview-section h2{margin:0 0 var(--space-md);font-size:1.25rem;font-weight:600;letter-spacing:-.025em}.club-overview-section p{font-size:1rem;line-height:1.6;color:var(--color-muted)}.club-overview-section .club-checkpoints{color:var(--color-ink);font-weight:600;margin-top:0}.club-task-list{list-style:none;padding:0;margin:0}.club-task-list li+li{border-top:1px solid var(--color-rule)}.club-task{display:flex;gap:var(--space-md);align-items:center;justify-content:space-between;min-height:76px;padding:var(--space-md) 0;text-decoration:none;color:var(--color-ink)}.club-task>span:first-child{min-width:0}.club-task strong{display:block;font-size:1rem;font-weight:600}.club-task-note{display:block;margin-top:4px;font-size:.875rem;line-height:1.5;color:var(--color-muted)}.club-task-arrow{color:var(--color-accent);flex-shrink:0}.club-learning-link{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:44px;color:var(--color-accent);font-size:1rem;font-weight:600}.club-practice{margin-top:var(--space-lg);border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.club-practice>summary{padding:var(--space-md) 0;min-height:48px;cursor:pointer;color:var(--color-ink);font-weight:600}.club-practice>div{max-width:65ch;padding-bottom:var(--space-lg)}.club-practice h3{font-size:1.125rem;font-weight:600;margin-top:0}.club-practice p{color:var(--color-muted);font-size:1rem;line-height:1.6}.club-practice a{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:44px;color:var(--color-accent)}
@media(max-width:760px){.club-overview-grid{grid-template-columns:minmax(0,1fr)}.club-overview-section{padding:var(--space-md)}}
@media(max-width:600px){.portal-main .compact-hero{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.portal-main .compact-hero>div{min-width:0;width:100%}.portal-main .compact-hero .private-pill{align-self:flex-start;margin-left:0;max-width:100%;overflow-wrap:anywhere}}
@media(max-width:600px){.site-header{padding:var(--space-sm) var(--space-md)}.login-layout{padding:var(--space-xl) var(--space-lg);gap:var(--space-lg)}.login-story{min-height:0}.login-story h1{font-size:2.5rem}.brand img{width:125px}.ex-club{padding:var(--space-md)}.ex-club-hero h1{font-size:2.3rem}}
@media(max-width:760px){.site-header{flex-wrap:wrap}.site-header .primary-nav{width:100%;flex-wrap:wrap;overflow:visible;justify-content:flex-start;margin-left:0}.site-header .primary-nav a{white-space:nowrap;flex-shrink:0}.site-header .account-block{min-width:0;flex-wrap:wrap}.site-header .account-block>span{overflow-wrap:anywhere;max-width:100%;white-space:normal}}
@media(forced-colors:active){.ex-club .ex-primary:hover{forced-color-adjust:none;background:ButtonFace!important;color:ButtonText!important}.primary-button,.card-action,.ex-primary{forced-color-adjust:none;background:ButtonFace!important;color:ButtonText!important;border:2px solid ButtonText}.ex-space-nav a[aria-current=page]{border:2px solid Highlight}}
