@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--ink:#18201d;--cream:#f4f0e5;--paper:#fffdf6;--green:#254f3d;--lime:#d9ed72;--coral:#f1886f;--blue:#8dc8d8;--muted:#66706b;--line:#d8d4c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit}button,input{font:inherit}nav{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.logo{font:700 24px 'Fraunces';text-decoration:none}.logo i{color:var(--green)}.navlinks{display:flex;gap:24px;font-size:13px}.navlinks a{text-decoration:none}.pill{background:var(--ink);color:white;padding:9px 14px;border-radius:99px;font-size:11px}.hero{max-width:1180px;margin:auto;padding:70px 24px 75px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}.kicker{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--green)}h1{font:700 clamp(58px,8.5vw,108px)/.87 'Fraunces';letter-spacing:-.055em;margin:14px 0 27px}h1 em{font-style:normal;color:var(--green)}.lead{font-size:18px;line-height:1.6;color:var(--muted);max-width:690px}.count-note{background:var(--lime);padding:28px;border:1px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.count-note b{display:block;font:700 58px/.85 'Fraunces';margin-bottom:12px}.count-note span{font-size:13px;line-height:1.5}.curriculum{background:var(--green);color:white;padding:75px 24px 95px}.inner{max-width:1180px;margin:auto}.section-head{display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:end;margin-bottom:28px}.section-head h2,.lesson-head h2{font:700 clamp(40px,5vw,65px)/1 'Fraunces';letter-spacing:-.04em;margin:9px 0}.section-head p{opacity:.72;line-height:1.55}.toolbar{display:grid;grid-template-columns:1fr auto;gap:12px;margin:30px 0}.search{border:1px solid rgba(255,255,255,.55);background:#fff;color:var(--ink);padding:15px 17px;min-width:0}.search-count{border:1px solid rgba(255,255,255,.4);padding:15px 18px;font-size:12px;font-weight:700}.unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.unit{background:var(--paper);color:var(--ink);text-decoration:none;padding:22px;min-height:220px;border:1px solid transparent;display:flex;flex-direction:column;transition:.2s}.unit:hover,.unit:focus-visible{transform:translateY(-4px);box-shadow:6px 6px 0 var(--lime);border-color:var(--ink)}.unit-top{display:flex;align-items:center;justify-content:space-between}.unit-icon{font-size:28px}.unit-number{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:700}.unit h3{font:600 25px/1.05 'Fraunces';margin:25px 0 9px}.unit p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.unit-foot{margin-top:auto;padding-top:21px;display:flex;justify-content:space-between;font-size:11px;font-weight:700}.unit-progress{color:var(--green)}.empty{grid-column:1/-1;border:1px dashed rgba(255,255,255,.5);padding:35px;text-align:center}.lesson{padding:78px 24px;background:var(--paper)}.lesson[hidden],.practice[hidden]{display:none}.lesson-head{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:end;margin-bottom:28px}.back{display:inline-block;margin-bottom:18px;font-size:12px;font-weight:700;text-decoration:none}.lesson-meta{color:var(--muted);line-height:1.5}.practice-link{background:var(--ink);color:#fff;border:0;padding:14px 18px;font-weight:700;cursor:pointer}.word-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.curriculum-word{background:#fff;border:1px solid var(--line);min-height:190px;padding:20px;text-align:left;position:relative;cursor:pointer}.curriculum-word:hover{border-color:var(--ink)}.word-type{text-transform:uppercase;font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:700}.german{font:600 24px/1.1 'Fraunces';margin:28px 0 8px;padding-right:38px}.plural{font-size:11px;color:var(--muted);min-height:16px}.english{border-top:1px solid var(--line);margin-top:17px;padding-top:13px;font-weight:700;opacity:0;transform:translateY(3px);transition:.2s}.curriculum-word.revealed .english{opacity:1;transform:none}.tap{position:absolute;right:14px;bottom:12px;font-size:9px;color:var(--green);font-weight:700}.practice{padding:75px 24px;background:var(--cream)}.practice-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.mastery{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:24px}.mastery div{border-top:1px solid var(--line);padding-top:10px}.mastery span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted)}.mastery b{font:600 24px 'Fraunces'}.quizcard{background:var(--paper);padding:30px;border:1px solid var(--ink);box-shadow:9px 9px 0 var(--coral)}.kind{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-weight:700;margin:10px 0 18px}.question{font:600 30px/1.25 'Fraunces';margin-bottom:22px}.answers{display:grid;gap:8px}.answer{padding:13px;text-align:left;background:#fff;border:1px solid var(--line);cursor:pointer}.answer:hover{border-color:var(--ink)}.answer.correct{background:#dcefb5}.answer.wrong{background:#f7c3b7}.vocab-form{display:flex;gap:8px}.vocab-form input{flex:1;min-width:0;padding:13px;border:1px solid var(--line)}.vocab-form button,.next{border:0;background:var(--ink);color:#fff;padding:13px 16px;cursor:pointer}.feedback{min-height:30px;margin:15px 0 4px;font-weight:700;color:var(--green);line-height:1.5}.next{display:none}.result{display:none}.result.show{display:block;background:var(--green);color:white;padding:23px}.result h3{font:600 30px 'Fraunces';margin:6px 0}.result a{color:var(--lime);font-weight:700}.footer{text-align:center;padding:34px;color:var(--muted);font-size:12px}@media(max-width:900px){.unit-grid{grid-template-columns:repeat(2,1fr)}.word-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.navlinks{display:none}.hero,.section-head,.lesson-head,.practice-layout{grid-template-columns:1fr}.hero{padding-top:42px;gap:30px}.count-note{box-shadow:5px 5px 0 var(--ink)}.curriculum,.lesson,.practice{padding:58px 16px}.unit-grid{grid-template-columns:1fr}.unit{min-height:180px}.toolbar{grid-template-columns:1fr}.search-count{text-align:center}.word-list{grid-template-columns:1fr}.curriculum-word{min-height:165px}.lesson-head{gap:15px}.practice-link{width:100%}.mastery{margin-bottom:20px}.quizcard{padding:23px 18px;box-shadow:6px 6px 0 var(--coral)}.vocab-form{flex-direction:column}.pill{font-size:9px;padding:8px 10px}.german{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.unit,.english{transition:none}}
/* Extended visual memory cards and sentence layer. */
.curriculum-word{min-height:295px!important;padding:12px 20px 20px!important;overflow:hidden}.word-visual{margin:-4px -12px 13px}.word-visual svg{display:block;width:100%;height:auto}.word-example{font-size:12px;line-height:1.45;color:var(--muted);margin-top:11px;padding:10px 42px 0 0;border-top:1px dashed var(--line);position:relative}.word-example .speak-btn{top:6px!important;right:0!important}.level-switch{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.level-switch a{border:1px solid currentColor;border-radius:99px;padding:9px 13px;text-decoration:none;font-size:11px;font-weight:700}.level-switch a.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}