:root{--text:#3f3d45;--text-muted:#6b6375;--text-h:#08060d;--bg:#fff;--bg-subtle:#faf9fb;--border:#e5e4e7;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-bg:#7c3aed14;--danger:#c0362c;--danger-bg:#c0362c14;--success:#1a7f4a;--success-bg:#1a7f4a14;--warn:#93650a;--warn-bg:#93650a1a;--sage-bg:#eef3e6;--sage-text:#4c6640;--level-a2-bg:#e6f4ea;--level-a2-text:#1a7f4a;--level-b1-bg:#7c3aed14;--level-b1-text:#6d28d9;--level-b2-bg:#fdeee0;--level-b2-text:#a15c1d;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--radius:8px;--ink:#19221b;--cream:#f6f2e8;--forest:#24513b;--lime:#dff28c;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}h1,h2,h3,h4{font-family:var(--sans);color:var(--text-h);font-weight:600;line-height:1.25}a{color:var(--accent)}.container{max-width:960px;margin:0 auto;padding:0 20px}.container--narrow{max-width:720px}.page{padding:32px 0 64px}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row--between{justify-content:space-between}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:20px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--text-h);font-size:14px;font-weight:600}.field .hint{color:var(--text-muted);font-size:13px}input[type=text],input[type=email],input[type=password],input[type=url],input[type=search],textarea,select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;width:100%;padding:10px 12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.public-nav{z-index:20;background:#fffdf8;border-bottom:1px solid #ded9cc;position:sticky;top:0}.public-nav__inner{justify-content:space-between;align-items:center;gap:28px;min-height:76px;display:flex}.brand{color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:flex}.brand__mark{background:var(--forest);color:#fff;width:42px;height:42px;font:700 13px/1 var(--sans);letter-spacing:.08em;border-radius:50%;place-items:center;display:grid}.brand strong,.brand small{display:block}.brand strong{font:700 17px/1.1 Georgia,serif}.brand small{color:var(--text-muted);letter-spacing:.03em;margin-top:3px;font-size:10px}.public-nav nav{align-items:center;gap:26px;display:flex}.public-nav nav a{color:var(--ink);font-size:14px;font-weight:650;text-decoration:none}.public-nav nav a.active{color:var(--forest);box-shadow:inset 0 -2px var(--forest);padding-block:27px}.public-nav nav .nav-admin{color:var(--text-muted);border:1px solid #cbc5b7;border-radius:999px;padding:7px 13px;font-size:12px}.hero{background:var(--cream);color:var(--ink);border-bottom:1px solid #dfd9ca;overflow:hidden}.hero__grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:72px;min-height:560px;padding-top:70px;padding-bottom:70px;display:grid}.eyebrow{color:var(--forest);text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px;font-size:11px;font-weight:800;display:block}.hero h1,.learn-intro h1,.section-heading h2,.home-band h2{color:var(--ink);letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif}.hero h1{margin:0;font-size:clamp(50px,7vw,78px);line-height:.98}.hero h1 em{color:var(--forest);font-weight:400}.hero>.container p,.hero__grid>div:first-child>p{max-width:620px;margin:28px 0;font-size:18px;line-height:1.65}.hero__actions{margin-top:30px}.hero__actions .btn{background:var(--forest);border-color:var(--forest);border-radius:999px;padding:12px 20px}.hero__actions .btn--secondary{color:var(--forest);background:0 0}.hero__card{background:var(--forest);color:#fff;min-height:390px;box-shadow:16px 16px 0 var(--lime);border-radius:48% 48% 18px 18px;flex-direction:column;justify-content:flex-end;padding:36px;display:flex;position:relative}.hero__card h2{color:#fff;max-width:280px;margin:18px 0 8px;font:400 35px/1.08 Georgia,serif}.hero__card .level-badge{color:var(--lime);background:#ffffff1f;align-self:flex-start}.hero__card p{color:#d9e6dd;margin:0}.hero__orbit{width:105px;height:105px;color:var(--lime);border:1px solid #ffffff80;border-radius:50%;place-items:center;font-size:40px;display:grid;position:absolute;top:95px;left:50%;transform:translate(-50%)}.hero__orbit:after{content:"";border:1px solid #dff28c66;border-radius:50%;position:absolute;inset:-35px -70px;transform:rotate(-18deg)}.home-section{padding-top:92px;padding-bottom:100px}.section-heading{max-width:590px;margin-bottom:42px}.section-heading h2,.home-band h2{margin:0;font-size:42px}.topic-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.topic-card{min-height:260px;color:var(--ink);background:#fff;border:1px solid #dcd7ca;flex-direction:column;padding:26px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.topic-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #2133281a}.topic-card__number{color:var(--forest);font:italic 22px Georgia,serif}.topic-card h3{margin:auto 0 8px;font:400 28px Georgia,serif}.topic-card p{color:var(--text-muted);margin:0 0 24px}.topic-card>span:last-child{color:var(--forest);font-size:13px;font-weight:700}.home-band{background:var(--forest);color:#fff;padding:88px 0}.home-band h2,.home-band .eyebrow{color:#fff}.home-band__grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.learning-steps{margin:0;padding:0;list-style:none}.learning-steps li{border-top:1px solid #ffffff38;grid-template-columns:150px 1fr;gap:20px;padding:18px 0;display:grid}.learning-steps span{color:#cbd9cf}.learn-page{background:#fbfaf6;min-height:calc(100vh - 76px);padding-bottom:90px}.learn-intro{padding-top:64px;padding-bottom:36px}.learn-intro__row{justify-content:space-between;align-items:end;gap:30px;display:flex}.learn-intro h1{margin:0 0 10px;font-size:48px}.learn-intro p{color:var(--text-muted);margin:0}.progress-summary{background:var(--forest);color:#fff;min-width:180px;padding:18px 24px}.progress-summary strong{font:400 32px Georgia,serif;display:block}.progress-summary span{color:#d5e0d8;font-size:12px}.filter-panel{background:#fff;border:1px solid #ddd8cb;grid-template-columns:minmax(250px,1fr) auto 170px;align-items:center;gap:18px;padding:18px;display:grid}.search-field input{min-height:44px;padding-left:16px}.filter-group{gap:6px;display:flex}.filter-chip{color:var(--text-muted);background:0 0;border:1px solid #d8d3c7;border-radius:999px;padding:7px 12px;font-size:12px}.filter-chip:hover,.filter-chip--active{background:var(--forest);border-color:var(--forest);color:#fff}.results-heading{justify-content:space-between;margin:34px 0 16px;display:flex}.text-button{color:var(--forest);background:0 0;border:0;padding:0;font-size:13px}.text-button:hover{color:var(--accent);background:0 0}.article-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.article-tile{border:1px solid #ddd8cb;border-top:4px solid var(--forest);background:#fff;flex-direction:column;min-height:330px;padding:24px;display:flex}.article-tile--complete{background:#fbfdf5;border-top-color:#84a341}.article-tile__top{justify-content:space-between;align-items:center;min-height:30px;display:flex}.complete-label{color:#557126;font-size:11px;font-weight:800}.article-tile h2{margin:24px 0 12px;font:400 25px/1.18 Georgia,serif}.article-tile h2 a{color:var(--ink);text-decoration:none}.article-tile p{color:var(--text-muted);margin:0 0 18px;font-size:14px}.tag-list{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.tag-list span{background:var(--cream);color:var(--forest);text-transform:uppercase;padding:4px 8px;font-size:10px;font-weight:700}.article-tile__link{color:var(--forest);margin-top:auto;font-size:13px;font-weight:800;text-decoration:none}.empty-state{text-align:center;padding:80px 20px}.lesson-progress{background:var(--cream);border:1px solid #d9d5c8;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:18px 20px;display:flex}.lesson-progress strong,.lesson-progress span{display:block}.lesson-progress span{color:var(--text-muted);margin-top:3px;font-size:13px}.btn--complete{background:var(--forest);border-color:var(--forest)}@media (width<=820px){.hero__grid,.home-band__grid{grid-template-columns:1fr}.hero__card{min-height:330px}.topic-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.filter-panel{grid-template-columns:1fr}}@media (width<=560px){.public-nav__inner,.learn-intro__row,.lesson-progress{flex-direction:column;align-items:stretch}.public-nav__inner{padding-top:12px;padding-bottom:12px}.public-nav nav{justify-content:space-between;gap:12px}.public-nav nav a.active{padding-block:4px}.hero__grid{min-height:auto;padding-top:48px}.hero h1,.learn-intro h1{font-size:42px}.topic-grid,.article-grid{grid-template-columns:1fr}.filter-group{flex-wrap:wrap}}textarea{resize:vertical;font-family:var(--mono);font-size:14px}button,.btn{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button:disabled{opacity:.55;cursor:not-allowed}.btn--secondary{color:var(--accent);background:0 0}.btn--secondary:hover{background:var(--accent-bg)}.btn--danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn--danger:hover{background:var(--danger-bg)}.btn--small{padding:6px 10px;font-size:13px}.badge{letter-spacing:.02em;text-transform:uppercase;background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge--draft{color:var(--warn);background:var(--warn-bg);border-color:#0000}.badge--published{color:var(--success);background:var(--success-bg);border-color:#0000}.badge--error{color:var(--danger);background:var(--danger-bg);border-color:#0000}.badge--archived{color:var(--text-muted)}.alert{border-radius:var(--radius);padding:14px 16px;font-size:14px}.alert--error{background:var(--danger-bg);color:var(--danger);border:1px solid #c0362c4d}.alert--info{background:var(--accent-bg);color:var(--accent-hover);border:1px solid #7c3aed40}.alert--warn{background:var(--warn-bg);color:var(--warn);border:1px solid #93650a40}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}pre{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;padding:14px;font-size:13px;overflow-x:auto}nav.top-nav{border-bottom:1px solid var(--border);padding:14px 0}nav.top-nav .container{justify-content:space-between;align-items:center;display:flex}nav.top-nav a{color:var(--text-h);font-weight:600;text-decoration:none}.article-body{font-size:17px;line-height:1.7}.article-body p{margin:0 0 1em}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.breadcrumb{color:var(--text-muted);margin-bottom:14px;font-size:13px}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.article-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.article-header-main{flex:1;min-width:0}.article-hero-image{object-fit:cover;border:1px solid var(--border);border-radius:12px;flex-shrink:0;width:220px;height:150px}.level-badge{border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.level-badge--A2{background:var(--level-a2-bg);color:var(--level-a2-text)}.level-badge--B1{background:var(--level-b1-bg);color:var(--level-b1-text)}.level-badge--B2{background:var(--level-b2-bg);color:var(--level-b2-text)}.section-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:28px 32px}.section-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:700}.section-title{margin:0 0 14px;font-size:22px}.banner{background:var(--sage-bg);color:var(--sage-text);border-radius:8px;margin:0 0 20px;padding:12px 16px;font-size:14px}.vocab-list{flex-direction:column;display:flex}.vocab-item{border-bottom:1px solid var(--border);gap:24px;padding:18px 0;display:flex}.vocab-item:last-child{border-bottom:none;padding-bottom:0}.vocab-item:first-child{padding-top:0}.vocab-term-col{flex:0 0 170px}.vocab-term{color:var(--accent-hover);font-size:16.5px;font-weight:700;display:block}.vocab-content-col{flex:1;min-width:0}.vocab-meaning{color:var(--text-h);margin:0 0 4px;font-weight:600}.vocab-explanation{color:var(--text-muted);margin:0 0 10px;font-size:14px}.vocab-example{background:var(--bg-subtle);border-radius:8px;padding:10px 14px;font-size:14.5px;font-style:italic}@media (width<=640px){.vocab-item{flex-direction:column;gap:6px}.article-header{flex-direction:column-reverse}.article-hero-image{width:100%;height:auto;max-height:200px}.section-card{padding:20px}}.quiz-question{background:var(--bg-subtle)}.quiz-difficulty--easy{color:var(--success);background:var(--success-bg);border-color:#0000}.quiz-difficulty--medium{color:var(--warn);background:var(--warn-bg);border-color:#0000}.quiz-difficulty--hard{color:var(--danger);background:var(--danger-bg);border-color:#0000}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-option{text-align:left;background:var(--bg);color:var(--text);border:1px solid var(--border);padding:10px 14px;font-weight:400}.quiz-option:hover:not(:disabled){background:var(--accent-bg);border-color:var(--accent)}.quiz-option--correct{background:var(--success-bg);border-color:var(--success);color:var(--success);font-weight:600}.quiz-option--incorrect{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.quiz-feedback{margin-top:10px;font-size:14px;font-weight:600}.quiz-feedback--correct{color:var(--success)}.quiz-feedback--incorrect{color:var(--danger)}@media print{nav.top-nav,.print-hide,footer{display:none!important}#root{border:none}body{font-size:12pt}}@media (width<=640px){.row{align-items:stretch}}.practice-controls{flex-wrap:wrap;gap:12px;margin-bottom:24px}.practice-card{padding:28px 32px}.practice-side{padding:18px 0}.practice-side--answer{border-top:1px dashed var(--border);margin-top:6px}.practice-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:700}.practice-sentence{color:var(--text-h);align-items:center;gap:10px;font-size:22px;line-height:1.5;display:flex}.practice-audio-btn{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:999px;flex-shrink:0;padding:4px 9px;font-size:15px;line-height:1}.practice-audio-btn:hover{background:var(--accent-bg);border-color:var(--accent)}.practice-notes{color:var(--text-muted);background:var(--bg-subtle);border-radius:8px;margin-top:10px;padding:10px 14px;font-size:14px}@media (width<=640px){.practice-card{padding:20px}.practice-sentence{font-size:19px}}