@import url('/prototype.css');
:root{--ink:#142231;--muted:#647383;--paper:#f5f1e8;--surface:#fffdf8;--line:#d8d1c4;--blue:#1769aa;--red:#b74438}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,sans-serif}a{color:var(--blue);font-weight:650}header{height:70px;padding:0 clamp(18px,5vw,66px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface)}header nav{display:flex;gap:18px;align-items:center}.brand{font:700 24px Georgia,serif;text-decoration:none;color:var(--ink)}main{max-width:1180px;margin:auto;padding:clamp(30px,6vw,80px) clamp(18px,5vw,66px)}footer{padding:28px;text-align:center;color:var(--muted);border-top:1px solid var(--line)}.hero{max-width:850px;padding-bottom:70px}.hero h1{font:700 clamp(38px,6vw,68px)/1.08 Georgia,serif;margin:12px 0 20px}.hero .lede,.lede{font-size:20px;color:var(--muted);max-width:65ch}.eyebrow{color:var(--red);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px}.card h2{font:700 23px/1.2 Georgia,serif}.card small,.reader>small,.series-list small{color:var(--muted)}.auth{max-width:520px;margin:auto}.auth h1,.reader h1{font:700 clamp(32px,5vw,56px)/1.1 Georgia,serif}.auth form{display:grid;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px}.auth label{display:grid;gap:5px;font-weight:650}.auth input{font:inherit;padding:11px;border:1px solid var(--line);border-radius:7px;background:#fff}.button,button{display:inline-block;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:7px;padding:10px 16px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.error{color:#a22;background:#fee}.reader{max-width:800px;margin:auto}.reader h1{margin:12px 0}.body{font-size:18px;line-height:1.85;margin:34px 0}.body h2,.body h3{font-family:Georgia,serif}.progress{border:1px solid var(--line);background:var(--surface);padding:16px;border-radius:9px;display:flex;gap:15px;align-items:center;justify-content:space-between}.progress label{display:flex;gap:10px;align-items:center}.next{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:22px;margin-top:30px}.series-list{display:grid;gap:12px;padding:0;list-style-position:inside}.series-list li{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:15px}.series-list small{display:block;margin-left:25px}@media(max-width:620px){header{height:auto;padding:15px 18px;gap:12px;align-items:flex-start}header nav{gap:8px;flex-wrap:wrap;justify-content:flex-end;font-size:13px}.hero h1{font-size:38px}.body{font-size:17px}.progress,.next{align-items:stretch;flex-direction:column}}