/* Book graphics: paper, ink, cinnabar and muted watercolor. */
:root{--ink:#282619;--muted:#665448;--blue:#671813;--paper:#e4dcd1;--line:#a0846f70;--radius:3px;--gutter:clamp(20px,5vw,88px);--jade:#3f625a;--clay:#ba8b6e;--font-heading:'Russo One','Oswald','Arial Narrow',sans-serif;--font-ui:'Oswald','Arial Narrow','Segoe UI',sans-serif;--font-body:'Noto Serif','Sitka Text',Georgia,serif}
body{background-color:var(--paper);background-image:radial-gradient(ellipse at 5% 15%,#ba8b6e20,transparent 45%),radial-gradient(ellipse at 95% 55%,#51746d16,transparent 40%),url("images/brand/paper.ea0453bda89d.svg");font-family:var(--font-body);color:var(--ink)}
h1,h2,h3{font-family:var(--font-heading);font-weight:400;letter-spacing:-.025em;line-height:1.18}button,input,select,textarea,nav,.eyebrow,.badge,.pill,.course-bottom,.finder-footer,.finder-micro,.brand,.small{font-family:var(--font-ui)}
.site-header{background:transparent;border-bottom:0}.header-inner{position:relative;min-height:104px}.header-inner:after{content:'';position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:5px;background:url("images/brand/div_1.b6a49f474eb1.svg") center/100% 100% no-repeat;opacity:.7}
.brand{font-family:var(--font-heading);color:var(--blue);letter-spacing:-.02em}.brand-mark{border-radius:2px 6px 3px 5px;background:var(--blue);transform:rotate(-4deg);outline:1px solid var(--blue);outline-offset:3px}.brand small{color:var(--ink);font-family:var(--font-ui);font-size:.75rem}.nav-login,.menu-toggle{border-radius:2px;background:#ba8b6e24;border:1px solid var(--line)}
.development-banner{background:var(--blue);color:var(--paper);border-bottom:1px solid #ba8b6e;padding:9px 24px}.development-banner strong{font-size:.8125rem;font-family:var(--font-ui);letter-spacing:.03em}.development-banner p{font-size:.75rem;line-height:1.4}.development-banner p:last-child{color:var(--paper);font-size:.75rem}
.button{border-radius:2px;padding:14px 25px;background:var(--blue);border-color:var(--blue);box-shadow:3px 3px 0 #67181318;font-weight:600}.button:hover{background:#4f120e}.button.secondary,.button.light,.button.quiet{background:transparent;color:var(--blue);border-color:var(--blue)}.button.secondary:hover,.button.quiet:hover{background:#ba8b6e25;color:var(--blue)}.eyebrow{color:var(--jade);letter-spacing:.17em;font-size:.75rem;font-weight:700}
.finder-hero{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);padding:65px 0 75px;align-items:center}.finder-lead{position:relative;padding:45px 0}.finder-lead:before,.finder-lead:after{content:'';display:block;width:min(100%,490px);height:44px;background:url("images/brand/logo_up.9fb5ad4c7b1d.svg") left center/contain no-repeat;opacity:.8}.finder-lead:after{background-image:url("images/brand/logo_down.f87cf47a2b5f.svg");margin-top:32px}.finder-lead h1{font-size:clamp(2.625rem,calc(5.4vw*var(--ts,1)),5rem);line-height:1.12;letter-spacing:-.035em;margin:27px 0}.finder-lead h1 span{color:var(--blue)}.finder-lead>p{font-size:1.25rem;color:var(--ink);line-height:1.7;max-width:460px}.finder-lead-note{color:var(--jade);font-style:italic}.finder-lead .subtle-link{font-family:var(--font-ui);font-size:.875rem}
.finder-inline,.finder-dialog{border-radius:3px;background:#f1eae0;box-shadow:8px 10px 0 #a0846f18;border:1px solid var(--line)}.finder-inline .finder-shell{padding:26px 32px 20px}.finder-header{background:transparent}.finder-brand{color:var(--blue)}.finder-brand span,.finder-step>p,.finder-micro,.finder-footer,.finder-credit,.finder-choice>span{color:var(--muted)}.finder-progress span{border-radius:0;background:#a0846f40}.finder-progress .is-done{background:var(--jade)}.finder-intro-art{filter:sepia(.55) saturate(.65);mix-blend-mode:multiply}.finder-choice{border-radius:2px;background:#e4dcd180;border:1px solid var(--line)}.finder-choice:hover,.finder-choice[aria-pressed=true]{border-color:var(--blue);background:#ba8b6e20;box-shadow:none}.finder-choice img,.finder-result-top img{filter:sepia(.5) saturate(.6);mix-blend-mode:multiply}.finder-audio,.finder-result .finder-format{background:#51746d15;color:#38554f;border-radius:2px}.finder-step .eyebrow{color:var(--jade)}
.course-section{position:relative;background:#a0846f10;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-top h2{max-width:650px}.search{background:#f1eae0;border-radius:2px}.course-grid{gap:28px}.course-card{border:1px solid var(--line);border-radius:2px;background:#f1eae0;box-shadow:4px 5px 0 #a0846f13}.course-cover{height:265px;border-bottom:1px solid var(--line)}.cover-blue,.cover-green{background:radial-gradient(ellipse at 30% 70%,#51746d45,transparent 65%),#d5ddd3}.cover-violet{background:radial-gradient(ellipse at 70% 70%,#67181328,transparent 65%),#dcc8b9}.cover-sand,.cover-warm{background:radial-gradient(ellipse at 25% 70%,#ba8b6e70,transparent 65%),#e4d6bd}.course-cover:before{border:1px solid #28261925;border-radius:50%;width:180px;height:180px}.cover-symbol,.cover-violet .cover-symbol,.cover-sand .cover-symbol{color:var(--ink);font-family:'KaiTi','STKaiti','Kaiti SC','SimSun','Songti SC','Noto Serif SC',serif}.cover-caption{color:var(--ink)}.pill{background:#f1eae0b0;color:var(--ink);border:1px solid var(--line);border-radius:1px}.course-body{padding:25px}.course-body h3{font-size:1.5625rem}.course-body .eyebrow{color:var(--jade)}
.benefit-strip article{background:transparent;border-top:1px solid var(--line);border-radius:0;padding:26px 10px}.step-number{font-family:var(--font-body);font-size:2.125rem;color:var(--blue);background:transparent;width:auto;height:auto;border-radius:0}.bottom-banner{position:relative;border-radius:0;background:#51746d12;border-block:1px solid var(--line);margin-top:20px}.bottom-banner:before{content:'';display:block;height:25px;max-width:360px;margin:0 auto 28px;background:url("images/brand/div_2.7266f5a12cbc.svg") center/contain no-repeat;opacity:.7}.footer{border-top:1px solid var(--line)}
.panel,.module,.form-recovery,.audio-recorder,.auth-feedback,.admin-work,.simple-progress,.analytics-cards article,.analytics-chart,.analytics-report{background:#f1eae0;border-radius:3px;border-color:var(--line)}input:not([type=checkbox]):not([type=radio]),textarea,select{background:#f6f0e7;border-color:var(--line);border-radius:2px}.module summary,.lesson-row{border-color:var(--line)}.badge{background:#51746d1c;color:#38554f;border-radius:2px}.detail-symbol{background:#51746d20;color:var(--ink);border-radius:2px}blockquote{background:#ba8b6e20}.progress-track,.finder-progress{border-radius:0}.demo-tablet{background:#f1eae0;border:2px solid var(--ink);border-radius:3px;box-shadow:8px 10px 0 #a0846f30}.demo-copy p,.demo-tablet-top,.demo-feedback{color:var(--muted)}.demo-quiz button{background:var(--paper);border-color:var(--line);border-radius:2px;color:var(--ink)}.hero{border-top:1px solid var(--line)}.hero-decoration{filter:sepia(.6) saturate(.5);mix-blend-mode:multiply}.hero-slide h2{letter-spacing:-.03em}.carousel-arrow{background:#ba8b6e25;border-radius:2px}.carousel-arrow:hover{background:#ba8b6e45}
@media(max-width:900px){.finder-hero{grid-template-columns:1fr;padding:28px 0 45px;gap:25px}.finder-lead{max-width:none;padding:15px 0}.finder-lead h1{font-size:clamp(2.5rem,calc(8vw*var(--ts,1)),4.25rem)}.finder-lead:before,.finder-lead:after{width:330px;max-width:100%;height:28px}.finder-lead>p{max-width:600px}.finder-inline{width:100%}}
@media(max-width:480px){.header-inner{min-height:86px}.brand{font-size:1.0625rem}.finder-inline .finder-shell{padding:20px}.finder-lead>p{font-size:1.125rem}.finder-lead h1{font-size:2.625rem}.course-cover{height:230px}.development-banner{padding:8px 16px}.development-banner strong{font-size:.75rem}.development-banner p,.development-banner p:last-child{font-size:.75rem}.bottom-banner h2{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.course-card,.button{transition:none;transform:none!important}}