:root{--ink:#18232c;--muted:#65727b;--line:#dfe4e5;--paper:#fff;--tint:#f4f4ef;--accent:#70876d;--accent2:#31484b;--max:1180px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}a{color:inherit;text-decoration:none}.header{height:82px;display:flex;align-items:center;gap:26px;padding:0 max(24px,calc((100% - var(--max))/2));border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;line-height:.92;font-family:Georgia,serif;font-size:19px;margin-right:auto}.brandmark{width:34px;height:24px;border:4px solid var(--ink);border-radius:7px;margin-right:9px;font-size:0;position:relative}.brandmark:after{content:"";position:absolute;width:9px;height:9px;border:3px solid var(--ink);border-radius:50%;left:7px;top:4px}.header nav{display:flex;gap:17px;align-items:center}.navlink{font-size:13px;color:#37434b}.navlink:hover,.navlink.active{color:var(--accent);font-weight:700}.search{font-size:25px}.menu{display:none}.hero{min-height:560px;background:linear-gradient(90deg,rgba(15,28,35,.72),rgba(15,28,35,.18)),linear-gradient(135deg,#50676b 0%,#b9a56f 50%,#29454c 100%);display:flex;align-items:center}.herooverlay{width:min(700px,var(--max));margin:auto;color:#fff;padding:90px 24px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--accent);margin-bottom:10px}.hero .eyebrow{color:#dbe7d7}.hero h1{font:clamp(42px,6vw,72px)/1.04 Georgia,serif;margin:0 0 24px}.hero h1 em{font-style:normal}.hero p{font-size:18px;max-width:630px}.buttons{display:flex;gap:12px;margin-top:28px}.btn{display:inline-block;border:1px solid currentColor;padding:11px 18px;border-radius:5px;font-weight:700;background:transparent}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.section{max-width:var(--max);margin:auto;padding:75px 24px}.section.tinted{max-width:none;background:var(--tint);padding-left:max(24px,calc((100% - var(--max))/2));padding-right:max(24px,calc((100% - var(--max))/2))}h2{font:clamp(30px,4vw,44px)/1.15 Georgia,serif;margin:0 0 10px}.lead{color:var(--muted);margin-top:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.card{border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #16242a14}.thumb{height:150px;background:linear-gradient(135deg,#263d44,#a2b198)}.t2{background:linear-gradient(135deg,#3e4e55,#c5ad7e)}.t3{background:linear-gradient(135deg,#6f8790,#26353d)}.t4{background:linear-gradient(135deg,#8f9d7a,#e0c58b)}.t5{background:linear-gradient(135deg,#374d50,#879a8c)}.t6{background:linear-gradient(135deg,#9b7f5c,#374d55)}.t7{background:linear-gradient(135deg,#43585b,#b2c0a8)}.t8{background:linear-gradient(135deg,#6e6b65,#b29c75)}.card h3,.card p,.card span{margin-left:20px;margin-right:20px}.card h3{margin-top:17px;margin-bottom:4px;font:23px Georgia,serif}.card p{color:var(--muted);font-size:14px;margin-top:0}.card span{font-weight:700;font-size:13px;margin-top:auto;margin-bottom:18px}.genregrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.genre{height:150px;border-radius:6px;padding:18px;display:flex;flex-direction:column;justify-content:end;color:#fff;background:linear-gradient(135deg,#3c5256,#8d9a82)}.g2{background:linear-gradient(135deg,#526e73,#aab18d)}.g3{background:linear-gradient(135deg,#624b3c,#b08356)}.g4{background:linear-gradient(135deg,#18252e,#59687d)}.g5{background:linear-gradient(135deg,#526b51,#9d9e66)}.g6{background:linear-gradient(135deg,#39484d,#89969b)}.g7{background:linear-gradient(135deg,#252d31,#69777c)}.g8{background:linear-gradient(135deg,#4e6872,#b29a78)}.genre strong{font:24px Georgia,serif}.genre span{font-size:22px}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.featuregrid a{padding:24px;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;border-radius:6px}.featuregrid span{color:var(--muted);font-size:14px}.pagehead,.articlehead{background:var(--tint);padding:80px max(24px,calc((100% - var(--max))/2))}.pagehead h1,.articlehead h1{font:clamp(42px,6vw,68px)/1.05 Georgia,serif;margin:0 0 12px}.pagehead p,.articlehead p{font-size:18px;color:var(--muted);max-width:720px}.article{max-width:780px;margin:auto;padding:75px 24px}.article h2{font-size:32px;margin-top:35px}.article p{font-size:18px;color:#43515a}.tip{border-left:4px solid var(--accent);background:var(--tint);padding:22px;margin:30px 0}.prose{max-width:780px}.prose p{font-size:18px;color:#4e5a62}.dictionary{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.dictionary div{border:1px solid var(--line);padding:22px;border-radius:6px}.dictionary p{color:var(--muted);margin-bottom:0}.form,.calculator{max-width:650px;border:1px solid var(--line);padding:30px;border-radius:8px}.form label,.calculator label{display:block;font-weight:700;margin-bottom:18px}.form input,.form textarea,.calculator input,.calculator select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #cbd2d4;border-radius:5px;font:inherit}.form textarea{min-height:150px}.result{margin-top:22px;padding:20px;background:var(--tint);font-weight:700}footer{background:#18252b;color:#dbe2e1;padding:45px max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}footer a{display:block;color:#dbe2e1;margin:4px 0}.copyright{color:#87969a;text-align:right}@media(max-width:950px){.header nav{display:none}.menu{display:block;border:0;background:none;font-size:24px}.menuopen nav{display:flex;position:absolute;left:0;right:0;top:82px;background:#fff;padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.cards{grid-template-columns:repeat(2,1fr)}.genregrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.hero{min-height:620px}.cards,.featuregrid,.dictionary{grid-template-columns:1fr}.genregrid{grid-template-columns:1fr 1fr}.header{padding:0 16px}.brand{font-size:17px}footer{grid-template-columns:1fr}.copyright{text-align:left}}