:root{--cream:#f6f4ec;--purple:#29202f;--lime:#dcefa4;--border:#d9d5cd;--muted:#615967;font:18px/1.6 system-ui,-apple-system,sans-serif;color:var(--purple);background:var(--cream)}*{box-sizing:border-box}body{margin:0}a{color:inherit}header,footer{max-width:1160px;margin:auto;padding:28px 24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}header>a{font-weight:750;text-decoration:none}nav{display:flex;flex-wrap:wrap;align-items:center;gap:18px;font-size:.85rem}main{max-width:1020px;margin:36px auto 64px;padding:0 24px;min-height:60vh}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;max-width:900px;letter-spacing:-.03em}h2{font-size:1.6rem;line-height:1.25}.eyebrow{text-transform:uppercase;font-weight:700;letter-spacing:.11em;font-size:.7rem;color:var(--muted)}.card,.lesson,.certificate{border:1px solid var(--border);padding:30px;border-radius:18px;background:#fffdf7;margin:22px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.small{font-size:.85rem;color:var(--muted)}button,.button{border:1px solid var(--purple);border-radius:8px;padding:12px 18px;background:var(--purple);color:white;cursor:pointer;font:inherit;font-weight:650;text-decoration:none;display:inline-block}button.secondary{background:transparent;color:var(--purple)}button:disabled{opacity:.5;cursor:wait}input{font:inherit;border:1px solid #aaa3ab;border-radius:6px;padding:10px;max-width:100%;width:100%;background:white}input[type=checkbox],input[type=radio]{width:auto;margin-right:8px}label{display:block;margin:12px 0 6px;font-size:.95rem}form{max-width:650px}form button{margin-top:18px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.error{color:#862627;background:#fff0ed;border:1px solid #d09184;padding:12px 18px;border-radius:8px}.notice{background:var(--lime);padding:16px 20px;border-radius:10px}.story{border-left:4px solid #bdce8e;padding:14px 20px;background:#f0f5e5}.course-nav{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.course-nav button{font-size:.8rem;padding:10px}.question{margin:22px 0;padding:18px;border:1px solid var(--border);border-radius:10px}.question legend{font-weight:650;padding:0 8px}.option{display:flex;align-items:flex-start;gap:8px;padding:10px;border-radius:8px;cursor:pointer}.option:has(input:checked){background:#edf1de}.feedback{padding:12px 16px;border-radius:8px;background:#f0f3e8;margin:10px 0}.certificate{text-align:center;border:3px double var(--purple);padding:45px}.certificate h1{font-size:2.5rem;max-width:none}.certificate .mono,.mono{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.preview{color:#7d3f15;font-weight:750;border:1px solid #bd987c;padding:10px;margin-top:20px}.skip{position:absolute;left:-10000px}.skip:focus{left:12px;top:12px;background:white;padding:10px;z-index:2}:focus-visible{outline:3px solid #6f8753;outline-offset:4px}footer{border-top:1px solid var(--border);font-size:.8rem;color:var(--muted)}[hidden]{display:none!important}@media(max-width:700px){header{display:block}nav{margin-top:15px;gap:12px}.grid{grid-template-columns:1fr}.card,.lesson{padding:20px}main{margin-top:20px}.certificate{padding:22px}button{font-size:.9rem}}@media print{header,footer,.actions,#status,#error,.course-nav,main>h1,main>.eyebrow{display:none!important}main{margin:0;padding:0}.certificate{break-inside:avoid;margin:0;background:white}.certificate a{text-decoration:none}body{background:white}.preview{display:block!important}}