/* Shared paper, forest and gold. Working tools keep their controls in view. */
:root{--audit-paper:#f3f0e8;--audit-panel:#faf8f2;--audit-ink:#192c25;--audit-forest:#234f46;--audit-line:#d8d5c8;--audit-muted:#66716b}
html{scroll-padding-top:1.5rem}body{background:var(--audit-paper);color:var(--audit-ink)}
.brand,.brand span{font-family:Georgia,'Times New Roman',serif!important}.brand-note{font-family:system-ui,-apple-system,sans-serif!important;font-size:11px!important;line-height:1.3}.header-inner{gap:24px}.site-header #navigation{gap:17px}.site-header #navigation>a{font-size:13px;white-space:nowrap}.language-links{display:flex;align-items:center;gap:9px;white-space:nowrap}.content-language{font:10px/1 system-ui,sans-serif;letter-spacing:.04em;color:var(--audit-muted)}
:is(h1,h2,h3){text-wrap:balance}h1,#hero-title{font:400 clamp(2.5rem,5vw,4.75rem)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.035em}.opening-copy h1,#hero-title{font-size:clamp(2.75rem,5.5vw,5.5rem)}.learning-site :is(.lesson-hero,.index-hero,.resource-hero,.dictionary-hero,.study-hero) h1{font-size:clamp(2.3rem,4vw,4rem);line-height:1.08}.learning-site h2{font-size:clamp(1.5rem,2.8vw,2.25rem);line-height:1.18}.learning-site h3{font-size:1.22rem;line-height:1.3}.learning-site .eyebrow{font:500 11px/1.5 system-ui,sans-serif;letter-spacing:.08em}
:is(.index-hero,.lesson-hero,.resource-hero,.dictionary-hero){padding-block:24px!important;margin-block:0 24px!important;min-height:0!important}main .breadcrumb{margin-block:16px!important;padding-block:0!important;font-size:12px}.interface-language-note{font:13px/1.5 system-ui,sans-serif;margin-block:12px}.app-availability{font:13px/1.5 system-ui,sans-serif;max-width:44ch;color:var(--audit-muted);margin:8px 0 0}.audit-footer{display:flex;gap:32px;align-items:baseline}.audit-footer>nav{display:flex;flex-wrap:wrap;gap:12px 22px}.site-footer{padding-block:40px!important}.audit-footer .brand{font-size:28px}.footer-bottom{margin-top:24px!important}
[data-study-app]{--study-paper:var(--audit-panel);--study-green:var(--audit-forest)}[data-study-app] .study-tabs{display:flex;flex-wrap:wrap;gap:0 24px;overflow:visible!important;white-space:normal!important;padding:0!important;margin-bottom:24px}[data-study-app] .study-tabs button{min-height:44px;padding:12px 0;flex:none}[data-study-app] .study-hero{padding:20px 0 24px!important;margin:0!important}[data-study-app] .study-hero h1{font-size:clamp(2.3rem,4vw,4rem)}[data-study-app] :is(.study-daily,.study-start,.study-list-card,.study-progress-panel,.study-resume,.study-preferences fieldset,.study-workspace){background:var(--audit-panel)!important;border:1px solid var(--audit-line);border-radius:16px;box-shadow:none!important;min-height:0}[data-study-app] .study-daily{padding:24px}[data-study-app] .study-practice-heading{background:none!important;color:var(--audit-ink);min-height:0;margin:0 0 20px;padding:0}[data-study-app] .study-artwork{display:none}[data-study-app] .study-list-badge{transform:none!important;box-shadow:none!important;width:36px;height:36px;border-radius:9px;margin-bottom:16px;background:transparent!important;color:var(--audit-forest)}[data-study-app] .study-list-card{padding:20px}[data-study-app] .study-workspace{padding:24px;margin-bottom:32px}.study-workspace :is(a,button){margin-right:12px}[data-study-app] .study-daily h2{font-size:2rem}[data-study-app] .grammar-card .grammar-pattern{background:transparent;box-shadow:none}.grammar-card{background:var(--audit-panel)!important}.grammar-course-hero,.grammar-placement{background:var(--audit-panel)!important;box-shadow:none!important}
.path-card,.path-grid>a,.lesson-card,.reading-card{background:var(--audit-panel)!important;box-shadow:none!important;transform:none!important;border:1px solid var(--audit-line)}.path-card:before,.path-card:after{display:none}.lesson-layout:has(.reading-body),body:has(.reading-opening) .lesson-layout{display:block}.reading-opening{display:block!important}.reading-opening>div:nth-child(2){display:none}.chapter-journey{margin-block:16px!important}.lesson-body{padding-top:0!important}.section-number{font-size:10px!important;margin-bottom:6px!important}.lesson-body section{scroll-margin-top:24px}.lesson-body section:first-child{padding-top:0!important;margin-top:0!important}
.dictionary-hero{display:block!important}.dictionary-hero h1 br{display:none}.dictionary-hero-mark{display:none}.dictionary-language-guides{margin-block:12px!important;font-size:12px}.dictionary-toolbar{margin-top:20px!important}.dictionary-hero .eyebrow{display:none}.dictionary-hero p{margin-bottom:0!important}.pinyin-hero{display:block!important}.pinyin-preview{display:none}.pinyin-converter{margin-top:0!important}.pinyin-workspace textarea{min-height:120px}.home-dictionary{margin-top:18px!important;margin-bottom:0!important}.home-opening{padding-block:32px!important}
.hsk-tool-nav,.hsk-level-nav,.hsk-editions{display:flex;flex-wrap:wrap;gap:10px;margin-block:12px!important;overflow:visible!important}.hsk-workshop{margin-block:24px!important;padding:24px!important;border:1px solid var(--audit-line);background:var(--audit-panel);border-radius:16px}.hsk-export-controls{display:flex;flex-wrap:wrap;align-items:end;gap:14px}.hsk-export-controls>label{flex:1 1 150px}.hsk-export-controls :is(select,input){width:100%;box-sizing:border-box;min-height:44px}.hsk-selection-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.hsk-selection-review{margin-block:16px}.hsk-selected-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid var(--audit-line)}.hsk-selected-row small{display:block;color:var(--audit-muted)}[data-selected-words]{max-height:420px;overflow:auto}.hsk-word-search{display:block;max-width:520px;margin:12px 0}.hsk-word-search input{display:block;width:100%;min-height:44px;padding:10px}.selection-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0;border-block:1px solid var(--audit-line);font:13px/1.5 system-ui,sans-serif}.selection-bar>span{flex:1}.selection-bar>a{color:var(--audit-forest);font-weight:600}.hsk-table-scroll{max-width:100%;overflow:auto}.hsk-table input[type=checkbox]{width:22px;height:22px}.hsk-table td{padding-block:12px!important}.hsk-workshop button,.own-writing button{min-height:44px}.own-writing{margin-top:16px!important}.own-writing>textarea{width:100%;box-sizing:border-box;min-height:120px}.writing-draft-actions{display:flex;flex-wrap:wrap;gap:10px}.hsk-pdf-preview{margin-top:20px}.hsk-pdf-preview iframe{display:block;width:100%;height:560px;border:1px solid var(--audit-line);background:white}.hsk-pdf-preview nav{display:flex;gap:12px;flex-wrap:wrap}.hsk-pdf-preview p{font:14px/1.5 system-ui,sans-serif}.hsk-word-list{margin-top:24px!important}.hsk-downloads{padding-top:24px!important}
.teacher-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-block:24px}.teacher-materials>article{border:1px solid var(--audit-line);border-radius:14px;padding:20px;background:var(--audit-panel)}.teacher-materials h2{font-size:1.6rem!important}.teacher-materials a{display:inline-block;margin:6px 10px 6px 0}.teacher-instructions{margin-block:24px!important}.tool-hero{max-width:52rem}
@media(max-width:1100px){.site-header #navigation{gap:12px}.site-header #navigation>a{font-size:12px}.brand-note{display:none}}
@media(max-width:800px){.site-header #navigation{gap:0;padding:12px 0}.site-header #navigation>a{padding:12px 0;font-size:15px;border-bottom:1px solid var(--audit-line)}.site-header .language-links{padding:14px 0}.audit-footer{display:block}.audit-footer>nav{margin-top:18px}.teacher-materials{grid-template-columns:1fr}.hsk-export-controls{gap:12px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)!important;max-width:100%}.site-header .brand img{width:32px;height:32px}.site-header .header-inner{min-height:68px}.learning-site :is(.index-hero,.lesson-hero,.resource-hero,.dictionary-hero) h1{font-size:2.35rem!important}.learning-site h2{font-size:1.65rem!important}.learning-site .intro,.resource-hero>p{font-size:15px;line-height:1.55}.home-dictionary-inner{display:block!important;padding:18px!important}.home-dictionary-inner label{font-size:1.2rem!important}.home-dictionary-inner p{font-size:13px!important}.home-dictionary form{margin-top:12px}.home-dictionary input{min-width:0}.home-dictionary fieldset{display:flex}.home-dictionary button{flex:none}.opening-copy h1,#hero-title{font-size:3rem!important}.guide{padding-top:18px!important}main.guide>h1{font-size:2.35rem!important}.hsk-workshop{padding:18px!important}.hsk-export-controls>label{flex-basis:calc(50% - 12px)}.hsk-export-controls>button{width:100%}.selection-bar{position:sticky;top:0;z-index:12;background:var(--audit-paper)}.selection-bar>span{flex-basis:100%}.hsk-pdf-preview iframe{height:400px}.hsk-tool-nav a{font-size:13px}.study-dashboard{gap:18px!important}.study-progress-panel{padding:20px!important}[data-study-app] .study-tabs{gap:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}[data-study-app] .study-tabs button{white-space:normal;text-align:center;padding:10px 5px;font-size:12px}.dictionary-toolbar .dictionary-options{flex-wrap:wrap}.pinyin-workspace{display:block!important}.pinyin-panel+ .pinyin-panel{margin-top:16px}.teacher-materials{margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{transition:none!important}}
.hsk-tool-nav{padding-block:12px!important}.hsk-pack-picker{margin-block:12px!important}.hsk-word-search{background:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}.hsk-word-search input{margin-top:6px}.resource-hero>p{margin-block:12px!important}[data-workshop-table]>h2{margin-block:14px!important}.hsk-table{min-width:0!important;width:100%}.hsk-table th,.hsk-table td{padding:10px 8px!important}.hsk-table td{font-size:14px;overflow-wrap:anywhere}.hsk-table td:nth-child(2){font-size:23px}.hsk-table th:first-child{width:38px}.hsk-table td:nth-child(3){min-width:65px}.selection-bar{margin-block:12px}.grammar-directory-card,.grammar-directory-card:hover{background:var(--audit-panel)!important;transform:none!important;box-shadow:none!important}.grammar-directory-card:before,.grammar-directory-card:after{display:none!important}
.hsk-selected-words{list-style:none;padding:0;margin:0}.hsk-selected-words>li{display:flex;align-items:start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--audit-line);padding:12px 0}.hsk-selected-words :is(strong,span,small){display:block}.hsk-selected-words small{font-size:12px;color:var(--audit-muted)}.hsk-selected-words button{flex:none}
@media(max-width:600px){body:has([data-own-writing]) .resource-hero{padding-block:12px!important;margin-bottom:12px!important}body:has([data-own-writing]) .resource-hero h1{font-size:2rem!important}.writing-source{margin-block:12px!important}.own-writing{padding:16px!important}.own-writing>textarea{min-height:96px;height:96px}.own-writing>.hsk-field-note{font-size:12px;line-height:1.5;margin-block:8px!important}}
body:has(.teacher-materials) .index-hero{display:block}body:has(.teacher-materials) .index-hero>div:first-child{max-width:48rem}
.resource-hero h1{margin-bottom:0!important}.resource-hero>p{margin:12px 0 0!important}.hsk-word-search{margin-block:12px!important}[data-select-visible]{min-height:44px}.selection-bar>span{flex:1!important;font-size:12px}.selection-bar>a{flex:none}
@media(max-width:600px){body:has([data-workshop-table]) .resource-hero{padding-block:16px!important;margin-bottom:16px!important}body:has([data-workshop-table]) .resource-hero h1{font-size:2rem!important}.selection-bar{flex-wrap:nowrap;min-height:44px;padding-block:8px}}

/* Collapse the full navigation before it outgrows the header. */
@media(max-width:1100px){
 .site-header .header-inner{flex-wrap:wrap;gap:0;padding-block:18px}
 .site-header .menu-toggle{display:block}
 .site-header #navigation{width:100%;min-width:0;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;padding:12px 0}
 .js-menu .site-header #navigation{display:none}
 .js-menu .site-header #navigation.is-open{display:flex}
 .site-header #navigation>a{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:12px 0;font-size:15px;white-space:normal;border-bottom:1px solid var(--audit-line)}
 .site-header #navigation .language-links{align-self:flex-start;margin:0;gap:8px;padding:14px 0 0}
 .site-header #navigation .language-links a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
}

/* Dictionary is a workspace: reach search before optional language guides. */
.dictionary-hero{padding-block:16px!important;margin-block:0!important}
.dictionary-hero h1{margin:0 0 16px;letter-spacing:-.035em}
.dictionary-toolbar{margin-top:16px!important}
.dictionary-language-guides{padding-block:8px}

.language-links a{font-size:12px!important}
.dictionary-colophon{font-size:12px;line-height:1.7}

.dictionary-toolbar-foot p{font-size:12px!important}