:root{--sky:#eef4ff;--card:#fff;--ink:#1b2030;--muted:#5a6175;--edge:#dfe5f2;--grape:#5b4bd6;--grape-dk:#4336b8;--mint:#17a97a;--sun:#ffb02e}
@media(prefers-color-scheme:dark){:root{--sky:#12151f;--card:#1b1f2c;--ink:#eef1f8;--muted:#9aa2b8;--edge:#2a3040;--grape:#a99cff;--grape-dk:#c3b9ff;--mint:#4fd4a6;--sun:#ffc45e}}
*{box-sizing:border-box}html{background:var(--sky)}
body{margin:0;color:var(--ink);background:var(--sky);font:17px/1.7 "Trebuchet MS","Segoe UI",Verdana,sans-serif}
a{color:var(--grape-dk)}a:hover{color:var(--grape)}
.lingobar{background:var(--card);border-bottom:1px solid var(--edge)}
.lingobar-in{max-width:1040px;margin:0 auto;padding:15px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
.lingomark{font:800 23px/1 "Trebuchet MS",Verdana,sans-serif;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:9px}
.lingomark em{font-style:normal;background:var(--grape);color:#fff;border-radius:9px;padding:4px 9px;font-size:18px}
.lingotabs{margin-left:auto;display:flex;flex-wrap:wrap;gap:5px}
.lingotabs a{font-size:14px;text-decoration:none;color:var(--muted);padding:7px 13px;border-radius:999px}
.lingotabs a:hover{background:var(--sky);color:var(--grape-dk)}
.phrasehero{max-width:1040px;margin:0 auto;padding:30px 22px 10px}
.phrasehero .phrasecore{background:linear-gradient(135deg,var(--grape),#7b6ef0);color:#fff;border-radius:22px;padding:clamp(26px,5vw,46px)}
.phrasehero h1{font-size:clamp(27px,4.8vw,44px);line-height:1.12;margin:0 0 10px}
.phrasehero-sub{margin:0;font-size:18px;opacity:.95;max-width:40ch}
.deckwall{max-width:1040px;margin:0 auto;padding:22px 22px 80px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.flashcard{background:var(--card);border:1px solid var(--edge);border-radius:18px;border-top:5px solid var(--sun);padding:22px 24px;text-decoration:none;color:var(--ink)}
.flashcard:hover{border-top-color:var(--mint)}
.flashcard-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--grape-dk);background:var(--sky);border-radius:999px;padding:4px 11px}
.flashcard-head{font-size:21px;line-height:1.3;margin:12px 0 7px}
.flashcard-gloss{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.lessonsheet{max-width:730px;margin:28px auto 86px;background:var(--card);border:1px solid var(--edge);border-radius:22px;padding:clamp(24px,5vw,46px)}
.lessonsheet-tag{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--grape-dk);background:var(--sky);border-radius:999px;padding:4px 12px}
.lessonsheet h1{font-size:clamp(26px,4.4vw,38px);line-height:1.16;margin:13px 0 12px}
.lessonsheet-lede{font-size:19px;color:var(--muted);margin:0 0 24px;padding-bottom:20px;border-bottom:2px dashed var(--edge)}
.lessonsheet h2{font-size:22px;line-height:1.3;margin:30px 0 8px;color:var(--grape-dk)}
.lessonsheet ul,.lessonsheet ol{padding-left:22px}.lessonsheet li{margin:7px 0}
.lessonsheet p{margin:0 0 16px}
.recall-note{margin:26px 0;background:#fff7e8;border:1px solid var(--sun);border-radius:14px;padding:14px 18px;font-size:14.5px}
.recall-note b{display:block;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#9a6a06;margin-bottom:5px}
.recall-note p{margin:0}
@media(prefers-color-scheme:dark){.recall-note{background:#2a2414;color:#f1e6cf}}
.lessonsheet-stamp{margin-top:34px;font-size:14px;color:var(--muted)}
.lingofoot{background:var(--card);border-top:1px solid var(--edge)}
.lingofoot-in{max-width:1040px;margin:0 auto;padding:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 22px;font-size:14px;color:var(--muted)}
.lingofoot-in a{color:var(--grape-dk)}
@media(max-width:680px){.deckwall{grid-template-columns:1fr}}