/* Shared semantics and responsive fixes; component skins below apply only to the five new designs. */
:root{--focus:var(--blue);--button-text:#ffffff;--control-line:#8b8b92;--notice-line:var(--line);--danger-line:#b36359;--button-hover:#0058b0;--card-gap:24px;--card-padding:28px;--cover-height:260px;--space-section:64px;--shadow-card:none;--font-weight-heading:700;--heading-spacing:-.03em;--accent-decor:var(--blue);--accent-secondary:var(--blue);--cover-a:#edf5ff;--cover-b:#f0edff;--cover-c:#fbf2e7}
.header-inner{flex-wrap:wrap}.header-inner>nav{flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end}.theme-menu{margin-left:auto;flex:none}
.finder-lead,.finder-inline,.finder-shell,.finder-choice,.course-body,.section-top>*{min-width:0}
h1,h2,h3,.brand,.course-body p{overflow-wrap:anywhere}.finder-lead{width:100%}.filter-row label{min-width:0;max-width:100%}.filter-row select{min-width:0;max-width:100%}
.applied-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0 24px}.filter-chip{display:inline-flex;gap:10px;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--control-line);border-radius:999px;background:var(--surface);color:var(--ink);font: .875rem/1.5 var(--font-ui);overflow-wrap:anywhere;max-width:100%}.filter-chip:hover{border-color:var(--blue);color:var(--blue)}
.async-pending{opacity:.75}.async-feedback{display:block;font-size:.875rem;color:var(--muted);margin-top:8px}
@media(max-width:1100px){.header-inner>nav{justify-content:flex-start;flex-basis:100%;order:4}}
@media(max-width:760px){.header-inner>nav{order:4}.brand{flex:1 1 160px}.theme-menu{margin-left:0}.finder-lead h1{max-width:100%}}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(body){background:var(--paper);color:var(--ink)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(h1,h2,h3){font-family:var(--font-heading);font-weight:var(--font-weight-heading);letter-spacing:var(--heading-spacing);line-height:1.25}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(a:hover){color:var(--link-strong)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.site-header){background:var(--surface);border-bottom:1px solid var(--line)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.brand){color:var(--ink)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.brand-mark){color:var(--button-text);background:var(--blue);border-radius:var(--radius)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.brand small,.hero-label,.hero-note){color:var(--muted)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(nav){font-family:var(--font-ui)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.nav-login,.menu-toggle){border-radius:var(--radius);background:var(--surface-tint);color:var(--link-strong)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.button){background:var(--blue);color:var(--button-text);border-color:var(--blue);border-radius:var(--radius);min-height:44px;box-shadow:none;font-weight:700}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.button:hover){background:var(--button-hover);border-color:var(--button-hover);color:var(--button-text)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.button.secondary,.button.quiet,.button.light){background:var(--surface);border-color:var(--control-line);color:var(--link-strong)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.button.secondary:hover,.button.quiet:hover,.button.light:hover){background:var(--surface-tint);color:var(--link-strong);border-color:var(--blue)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(:focus-visible){outline:3px solid var(--focus);outline-offset:3px}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.eyebrow){color:var(--link-strong);font-family:var(--font-ui);letter-spacing:.09em}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.finder-hero){padding-block:var(--space-section)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.finder-lead h1){font-size:clamp(2rem,calc(4.7vw*var(--ts,1)),4.5rem);letter-spacing:var(--heading-spacing);line-height:1.16}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.finder-lead>p,.finder-lead-note,.finder-step>p,.finder-micro,.finder-footer,.finder-credit,.finder-choice>span,.demo-copy p,.demo-tablet-top,.demo-feedback){color:var(--text-2)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.finder-inline,.finder-dialog,.panel,.module,.pricing-card,.course-card,.simple-progress,.analytics-cards article,.analytics-chart,.analytics-report,.analytics-attention,.audio-recorder,.form-recovery,.auth-feedback,.admin-work,.demo-tablet){background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.finder-shell,.finder-inline .finder-shell){padding:var(--card-padding)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.finder-header){background:var(--surface)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.finder-choice,.demo-quiz button){background:var(--surface);color:var(--ink);border:1px solid var(--control-line);border-radius:var(--radius)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.finder-choice:hover,.finder-choice[aria-pressed=true]){background:var(--surface-tint);border-color:var(--blue);box-shadow:none}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.finder-audio,.finder-result .finder-format){background:var(--surface-tint);color:var(--link-strong);border-radius:var(--radius)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.course-section){background:var(--paper);padding-block:var(--space-section)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.course-grid){gap:var(--card-gap)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.course-cover){height:var(--cover-height);background:var(--cover-a);border-bottom:1px solid var(--line)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.cover-blue,.cover-green){background:var(--cover-a)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.cover-violet){background:var(--cover-b)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.cover-sand,.cover-warm){background:var(--cover-c)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.cover-symbol){color:var(--ink)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.course-body){padding:var(--card-padding)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.course-body h3){font-size:1.4rem;line-height:1.3}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.course-bottom){border-color:var(--line)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.pill,.badge){background:var(--surface-tint);color:var(--link-strong);border-radius:var(--radius)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.search,input:not([type=checkbox]):not([type=radio]),textarea,select){background:var(--surface);color:var(--ink);border-color:var(--control-line);border-radius:var(--radius)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.notice,.vocabulary,.file-link,blockquote){background:var(--surface-tint);border-color:var(--line);border-radius:var(--radius)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.notice.error){background:var(--danger-bg);border-color:var(--danger-line)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.benefit-strip article){background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.step-number){background:var(--surface-tint);color:var(--link-strong);border-radius:var(--radius)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.bottom-banner){background:var(--surface-tint);border:1px solid var(--line);border-radius:var(--radius)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.progress-track,.demo-progress,.finder-progress span){background:var(--surface-2)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.progress-track span,.demo-progress span,.finder-progress .is-done){background:var(--blue)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.learning-state.completed,.demo-status:before){background:var(--success)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.footer){background:var(--paper);border-color:var(--line)}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.development-banner){background:var(--surface-tint);color:var(--ink);border-bottom:1px solid var(--line);padding:10px 20px}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.development-banner strong){font-size:.875rem}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(.development-banner p,.development-banner p:last-child){color:var(--text-2);font-size:.75rem}
@media(max-width:760px){:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) .course-cover{height:220px}:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) .finder-hero{padding-block:28px}}

.course-source{display:block;font-size:.75rem;color:var(--muted);margin-top:8px}
/* A full-document calligraphy texture scrolls naturally with the page, behind the live UI. */
.theme-calligraphy{display:none}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) body{position:relative;isolation:isolate}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) :is(main.container,.development-banner,.footer){position:relative;z-index:1}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) .theme-calligraphy{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;z-index:0;background-image:var(--glyph-background);background-repeat:repeat;background-position:center top;background-size:clamp(1000px,100vw,1800px) auto;background-attachment:scroll}
:where(html:is([data-theme=palace],[data-theme=editorial],[data-theme=clean-blue],[data-theme=pulse],[data-theme=academy])) .course-section{background:transparent}
.theme-font-hint{font-size:.75rem;line-height:1.5;color:var(--muted);margin:0}