:root { --ink:#22211f; --cream:#f6f1e7; --paper:#fffdf8; --red:#a44732; --gold:#d2a94b; --line:#ded5c6; --muted:#6e6a63; --green:#294d43; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; line-height:1.65; }
a { color:inherit; }
.site-header { height:78px; max-width:1240px; margin:auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; font-family:Georgia,serif; font-size:19px; }
.brand span { width:34px; height:34px; display:grid; place-items:center; background:var(--red); color:white; border-radius:50%; font:700 11px Arial; letter-spacing:.08em; }
nav { display:flex; gap:25px; }
nav a { text-decoration:none; font-size:13px; font-weight:700; }
nav a:hover { color:var(--red); }
main { max-width:1240px; margin:auto; padding:0 24px 70px; }
.hero { min-height:560px; display:grid; grid-template-columns:1.45fr .75fr; gap:70px; align-items:center; border-bottom:1px solid var(--line); }
.eyebrow { color:var(--red); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; margin:0 0 12px; }
h1,h2,h3 { font-family:Georgia,serif; line-height:1.1; }
h1 { max-width:760px; margin:0; font-size:clamp(46px,7vw,86px); letter-spacing:-.04em; }
h2 { font-size:clamp(32px,4vw,51px); margin:0; letter-spacing:-.025em; }
h3 { font-size:23px; }
.lead { max-width:700px; color:var(--muted); font-size:18px; margin:26px 0 30px; }
.button { display:inline-flex; justify-content:center; align-items:center; min-height:48px; border:0; border-radius:2px; background:var(--red); color:white; padding:0 22px; font-weight:800; text-decoration:none; cursor:pointer; }
.button:hover { background:#843623; }
.editor-note { padding:35px; background:var(--green); color:white; box-shadow:16px 16px 0 var(--gold); }
.editor-note span { color:#dfc98f; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.editor-note blockquote { margin:24px 0; font:italic 24px/1.45 Georgia,serif; }
.editor-note p { margin:0; color:#d9e5df; font-size:13px; }
.finder { margin:70px 0; background:var(--cream); padding:45px; }
.section-intro { max-width:730px; margin-bottom:35px; }
.section-intro p:last-child { color:var(--muted); }
.preference-grid { display:grid; grid-template-columns:repeat(3,1fr) auto; gap:12px; align-items:end; }
label { display:grid; gap:7px; font-size:12px; font-weight:800; }
select { width:100%; min-height:48px; border:1px solid var(--line); background:white; padding:0 12px; font:inherit; }
.personal-result { margin-top:22px; padding:24px; border-left:4px solid var(--gold); background:white; }
.personal-result > p { margin:0; color:var(--muted); }
.personal-result { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.personal-result h3 { margin:5px 0 10px; }
.personal-result ol { margin:0; padding:0; list-style:none; }
.personal-result li { display:flex; justify-content:space-between; gap:15px; padding:9px 0; border-bottom:1px solid var(--line); }
.personal-result li span { color:var(--muted); font-size:12px; }
.recommendations { padding:35px 0 75px; }
.section-intro.split { max-width:none; display:grid; grid-template-columns:1.2fr .8fr; gap:60px; align-items:end; }
.book-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.book-card { display:grid; grid-template-columns:145px 1fr; gap:24px; padding:22px; border:1px solid var(--line); background:white; }
.cover { min-height:214px; padding:17px; display:flex; flex-direction:column; justify-content:space-between; color:white; box-shadow:7px 7px 0 #d8d0c2; }
.cover span { font:700 38px Georgia,serif; }
.cover small { font-size:9px; text-transform:uppercase; letter-spacing:.14em; }
.cover.ochre{background:#a76d29}.cover.blue{background:#365d78}.cover.coral{background:#a95143}.cover.green{background:#49684f}.cover.forest{background:#315e54}.cover.plum{background:#76506c}.cover.slate{background:#424a50}.cover.moss{background:#66724b}
.book-meta { margin:0; color:var(--red); text-transform:uppercase; font-size:10px; letter-spacing:.09em; font-weight:800; }
.book-card h3 { margin:5px 0 0; }
.author { margin:0 0 13px; color:var(--muted); font-size:13px; }
.book-copy > p:last-of-type { font-size:14px; }
details { border-top:1px solid var(--line); padding-top:9px; font-size:13px; }
summary { cursor:pointer; font-weight:800; }
.essay { margin:20px 0 80px; padding:60px; background:var(--green); color:white; display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.essay .eyebrow { color:#e3c879; }
.essay-copy p { color:#dbe6e1; }
.essay-copy a { color:#f5d47e; font-weight:800; }
.guides { padding:0 0 80px; }
.guide-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.guide-grid article { border-top:4px solid var(--red); background:var(--cream); padding:27px; }
.guide-grid span { color:var(--muted); font-size:11px; }
.guide-grid h3 { min-height:75px; }
.guide-grid p { color:var(--muted); font-size:14px; }
.guide-grid a { color:var(--red); font-weight:800; }
.trust { text-align:center; max-width:850px; margin:auto; padding:55px; border:1px solid var(--line); }
.trust h2 { font-size:32px; }
.trust p { color:var(--muted); }
.trust div { display:flex; justify-content:center; gap:22px; font-size:13px; font-weight:800; }
footer { background:#232b29; color:white; padding:40px max(24px,calc((100vw - 1192px)/2)); display:grid; grid-template-columns:auto 1fr auto; gap:35px; align-items:center; }
footer p { margin:0; color:#c6cfcc; font-size:13px; }
footer nav a { color:white; }
.article-page { max-width:780px; padding-top:70px; }
.article-page h1 { font-size:clamp(42px,6vw,68px); }
.article-page .intro { font:22px/1.55 Georgia,serif; color:var(--muted); }
.article-page h2 { margin:48px 0 15px; font-size:31px; }
.article-page li { margin-bottom:12px; }
.byline { margin:18px 0 45px; padding-bottom:18px; border-bottom:1px solid var(--line); color:var(--muted); font-size:13px; }
.notice { background:var(--cream); padding:25px; margin:35px 0; border-left:4px solid var(--gold); }
@media(max-width:850px){.site-header nav{display:none}.hero,.essay,.section-intro.split{grid-template-columns:1fr}.hero{padding:70px 0}.editor-note{margin-bottom:40px}.preference-grid{grid-template-columns:1fr 1fr}.book-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.personal-result{grid-template-columns:1fr}.essay{padding:35px;gap:20px}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}}
@media(max-width:560px){main{padding-inline:16px}.site-header{padding-inline:16px}.finder{padding:25px 18px}.preference-grid{grid-template-columns:1fr}.book-card{grid-template-columns:95px 1fr;padding:14px;gap:15px}.cover{min-height:150px;padding:11px}.cover span{font-size:27px}.trust{padding:30px 18px}.book-copy>p:last-of-type{display:none}}