@layer base,components;
@layer base{
:root{--bg:#f5f1e9;--paper:#fffdf8;--ink:#30392f;--muted:#687060;--line:#dddcd1;--green:#344e40;--pale:#e5ebdd;--gold:#e9d8b7;--rust:#98533c;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-underline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.08;font-weight:500;letter-spacing:-.045em}h2{font-size:1.7rem;letter-spacing:-.035em;font-weight:550}h3{font-size:1.12rem;line-height:1.4}p{line-height:1.7}small{line-height:1.5}input,select,textarea{max-width:100%;color:var(--ink);background:var(--paper);border:1px solid #aaaFA2;border-radius:9px;padding:12px}textarea{width:100%;min-height:155px;line-height:1.6;resize:vertical}input[type=checkbox],input[type=radio]{accent-color:var(--green);width:19px;height:19px;flex-shrink:0}input[type=number]{max-width:110px}label{line-height:1.5}fieldset{border:0;padding:0;margin:0}legend{font-weight:600;margin-bottom:15px}button{border:0}ul,ol{padding-left:23px;line-height:1.8}*:focus-visible{outline:3px solid #9e642c;outline-offset:4px}progress{width:100%;height:7px;border:0;border-radius:9px;overflow:hidden;accent-color:var(--green)}progress::-webkit-progress-bar{background:#e3e3d8}progress::-webkit-progress-value{background:var(--green)}.skip{position:fixed;left:15px;top:-100px;background:white;z-index:10;padding:15px}.skip:focus{top:10px}
}
@layer components{
header{display:flex;align-items:center;gap:30px;min-height:86px;padding:18px max(24px,calc((100vw - 1220px)/2));border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:flex;align-items:center;gap:5px;text-decoration:none;white-space:nowrap;letter-spacing:-.7px;font-size:19px}.brand-icon{background:var(--green);color:var(--paper);border-radius:12px;width:35px;height:35px;display:grid;place-items:center;font-family:Georgia,serif;font-size:29px;margin-right:6px}nav{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}nav a{font-size:14px;text-decoration:none;padding:10px 12px;border-radius:8px}nav a[aria-current=page]{background:#e4e5d9;color:#253829}.account-link{text-decoration:none;font-size:13px;font-weight:600;border:1px solid #b9bfb1;border-radius:30px;padding:10px 14px;white-space:nowrap}main{max-width:1220px;padding:48px 26px 80px;margin:auto;min-height:65vh}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:700;margin-bottom:17px;color:var(--muted)}.muted{color:var(--muted)}.intro{max-width:680px;font-size:17px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin:20px 0 30px}.hero-main{padding:40px;background:var(--paper);border:1px solid var(--line);border-radius:20px}.hero-main em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.hero-side{background:var(--green);border-radius:20px;color:#f6f4e9;padding:34px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero-side .eyebrow,.hero-side .muted{color:#d2dfcc}.hero-side .big{font-family:Georgia,serif;font-size:74px;line-height:1.1;letter-spacing:-3px;margin-bottom:25px}.hero-side .big small{font-family:inherit;font-size:23px;letter-spacing:0}.hero-side a{color:inherit}.hero-side progress{accent-color:#c4d0b5}.hero-side progress::-webkit-progress-value{background:#c4d0b5}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:22px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:9px;padding:13px 19px;font-weight:600;font-size:14px;background:var(--green);color:var(--paper);text-decoration:none;line-height:1.4}.btn.secondary{background:transparent;color:var(--ink);border:1px solid #b7bfaf}.btn.light{background:var(--paper);color:var(--green)}.btn.danger{background:#843f32}.btn.small{padding:8px 12px;font-size:12px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:38px 0 19px;gap:15px}.section-title h2{margin-bottom:5px}.section-title p{margin:0;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--paper);border:1px solid var(--line);padding:23px;border-radius:15px;min-width:0}.card.link{text-decoration:none;transition:transform .2s,border-color .2s}.card.link:hover{transform:translateY(-3px);border-color:#8f9d86}.card .index{display:block;color:#8c947e;font-size:12px;margin-bottom:30px}.card .count{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:10px;margin:15px 0}.metric strong{display:block;font-size:32px;font-weight:500;letter-spacing:-1px}.metric small{color:var(--muted)}.tag{display:inline-block;border-radius:20px;font-size:11px;padding:5px 9px;background:#e8ebdf;color:#45523d;margin-right:5px;margin-bottom:6px}.tag.gold{background:var(--gold);color:#73512b}.tag.rust{background:#f2e1d9;color:#80402d}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.filters input{flex:1;min-width:200px}.filters select{max-width:260px}.learn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lesson-list{list-style:none;padding:0;margin:0}.lesson-list a{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--line);text-decoration:none;font-size:14px}.lesson-list a:hover{color:#926522}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:24px}.lesson-layout{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(220px,1fr);gap:24px}.lesson-layout aside{align-self:start;position:sticky;top:24px}.lesson-section{padding:25px 0;border-bottom:1px solid var(--line)}.lesson-section h2{font-size:22px}.lesson-section p{max-width:760px}.callout{padding:19px 22px;background:var(--pale);border-radius:10px;margin:20px 0;line-height:1.65}.callout.warm{background:#eee3d0}.formula{font-family:Georgia,serif;font-size:24px;margin:15px 0}.question-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:20px}.question{padding:30px}.question h2{font-size:23px;line-height:1.5;letter-spacing:-.35px;margin:18px 0 23px}.question-meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:12px}.options{display:grid;gap:10px}.option{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid #ccd0c2;background:#fbfaf5;border-radius:10px;cursor:pointer;font-size:15px}.option:has(input:checked){background:#e8eee1;border-color:#718665}.option input{margin:2px 0}.match-row{display:grid;grid-template-columns:1fr 1.5fr;gap:14px;align-items:center;margin:13px 0}.feedback{background:#eaf0e4;border:1px solid #becbb0;border-radius:12px;padding:20px;margin-top:24px;line-height:1.7}.feedback.pending{background:#f4ecdc;border-color:#d4c2a0}.feedback label{display:flex;gap:10px;margin:13px 0}.feedback strong{display:block}.question-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:24px}.number-nav{display:flex;gap:6px;flex-wrap:wrap}.number-nav button{width:35px;height:35px;border-radius:7px;background:#eeeade;color:#4c5645;border:1px solid transparent}.number-nav button.answered{background:#dfe9d7}.number-nav button.current{border-color:var(--green);background:var(--green);color:white}.timer{font-variant-numeric:tabular-nums;font-size:28px;letter-spacing:-.5px}.timer.urgent{color:#a1422f}.quiet{font-size:12px;color:var(--muted);line-height:1.6}.auth{max-width:490px;margin:15px auto}.auth h1{font-size:36px}.stack{display:grid;gap:17px}.stack label{display:grid;gap:7px;font-size:14px}.stack .inline-label{display:flex;align-items:center;gap:10px}.plain-button{padding:0;border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:var(--green)}.result-score{font-size:62px;letter-spacing:-3px;font-family:Georgia,serif;margin:15px 0}.result-score span{font-size:23px;letter-spacing:0}.result-row{padding:20px 0;border-bottom:1px solid var(--line)}details{margin:15px 0}summary{cursor:pointer;line-height:1.6;font-weight:600}.result-row blockquote{white-space:pre-wrap;margin:12px 0;padding:15px;background:#efeee5;border-radius:8px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:14px 8px;border-bottom:1px solid var(--line);text-align:left}th{font-weight:600}.table-scroll{overflow:auto}.legal{max-width:820px}.legal h1{font-size:40px}.legal h2{font-size:23px;margin-top:30px}.legal p{overflow-wrap:anywhere}footer{border-top:1px solid var(--line);padding:35px max(26px,calc((100vw - 1170px)/2));background:#eae9df}footer p{font-size:13px;color:var(--muted);margin:10px 0 20px}footer div{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;margin-bottom:20px}footer small{font-size:11px;color:var(--muted)}#notice:not(:empty){position:fixed;z-index:9;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;width:max-content;padding:15px 24px;border-radius:12px;background:#344e40;color:white;box-shadow:0 8px 35px #0002}.error{color:#983f2a}.empty{padding:40px;text-align:center}.source-link{display:block;margin:10px 0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1000px){header{flex-wrap:wrap;gap:12px}nav{order:3;width:100%;flex:none;justify-content:start;overflow:auto}.account-link{margin-left:auto}.grid.four{grid-template-columns:repeat(2,1fr)}.question-layout{grid-template-columns:1fr}.question-layout aside{order:-1}.hero-main{padding:28px}}
@media(max-width:650px){main{padding:28px 17px 50px}header{padding:15px 17px}.brand{font-size:17px}nav{gap:0}nav a{font-size:12px;padding:10px}.hero{grid-template-columns:1fr;margin-top:0}.hero-main,.hero-side{padding:25px}.hero-side .big{font-size:50px}.grid,.learn-grid{grid-template-columns:1fr}.grid.four{grid-template-columns:repeat(2,1fr)}.lesson-layout{grid-template-columns:1fr}.lesson-layout aside{position:static}.question{padding:20px}.match-row{grid-template-columns:1fr;gap:7px}.question h2{font-size:20px}.card{padding:20px}.section-title{align-items:start;flex-direction:column}.filters>*{width:100%;max-width:100%!important}.auth{padding:23px}.actions .btn{flex-grow:1}.question-nav{flex-wrap:wrap}h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{header,footer,aside,.filters,.actions,#notice{display:none!important}main{padding:0}.lesson-layout,.hero{display:block}.card{box-shadow:none}.lesson-section{break-inside:avoid}body{background:white}}
}