:root{--paper:#fbf9f2;--ink:#1e2228;--red:#a62324;--line:#d5d1c7;--muted:#625e59}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#e9e5da;color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.55}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--red)}
a:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.masthead,main,.site-footer{width:min(100%,1050px);margin:auto;background:var(--paper)}
.masthead{padding:22px clamp(20px,5vw,58px) 0}
.eyebrow{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:8px;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.12em}
.masthead-title{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,32px);padding:16px 0 13px;text-align:center}
.brand{display:flex;flex-direction:column;align-items:center;color:var(--ink);text-decoration:none;line-height:1}
.brand small{font:700 clamp(15px,2vw,21px)/1.2 Georgia,serif;letter-spacing:.28em}
.brand strong{font:900 clamp(42px,8vw,92px)/1.05 Georgia,serif;letter-spacing:-.055em}
.target{font:normal clamp(24px,6vw,52px)/1 Arial,sans-serif;color:var(--red)}
.double-rule{height:7px;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink)}
.subhead{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 0;border-bottom:1px solid var(--line);font:700 11px/1.5 Arial,sans-serif;letter-spacing:.075em}
.subhead span:last-child{color:var(--red);text-align:right}
.back{white-space:nowrap}
main{min-height:48vh;padding:30px clamp(20px,5vw,58px) 65px}
.intro{max-width:760px;padding:20px 0 46px}
.rubric{margin:0 0 10px;font:700 11px/1.45 Arial,sans-serif;letter-spacing:.14em;color:var(--red)}
h1,h2,h3,p{overflow-wrap:break-word}
h1{font-size:clamp(31px,5vw,52px);line-height:1.11;letter-spacing:-.035em;margin:0 0 19px}
.intro>p:last-child,.lead{font-size:clamp(17px,2vw,21px);font-style:italic;color:var(--muted);margin:0}
.section-header{border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}
.section-header h2{font-size:24px;line-height:1.2;margin:0}
.section-header span{font:700 10px Arial,sans-serif;letter-spacing:.14em;color:var(--red)}
.edition{display:grid;grid-template-columns:minmax(150px,225px) 1fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}
.cover-link{display:block;align-self:start;box-shadow:0 6px 14px #2222;background:#fff}
.cover-link img,.detail-cover img{display:block;width:100%;height:auto;aspect-ratio:210/297;object-fit:cover}
.edition h3{font-size:clamp(23px,3vw,33px);line-height:1.18;margin:0 0 12px}
.edition h3 a{text-decoration:none}
.teaser{margin:0 0 22px;font-size:16px;color:#41403c;max-width:55ch}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 17px}
.actions a{font:700 12px/1.3 Arial,sans-serif;letter-spacing:.015em;display:inline-flex;align-items:center;justify-content:center;min-height:43px;border:1px solid var(--red);padding:10px 15px;color:var(--red);text-align:center;text-decoration:none}
.actions a:hover{background:#f4e3df}
.actions a.primary{background:var(--red);color:white}
.actions a.primary:hover{background:#811a1b}
.actions a.edition-link{border:0;text-decoration:underline;padding-inline:0}
.empty{border-bottom:1px solid var(--line);padding:46px 18px 62px;text-align:center}
.empty-symbol{display:inline-grid;place-items:center;width:74px;height:74px;border:5px double var(--red);border-radius:50%;font:bold 22px Arial,sans-serif;color:var(--red)}
.empty h3{font-size:26px;margin:16px 0 8px}
.empty p{max-width:480px;margin:auto;color:var(--muted)}
.detail{max-width:760px;margin:auto}
.detail h1{margin-bottom:17px}
.detail .actions{padding:26px 0}
.detail-cover{max-width:450px;margin:12px auto 28px}
.detail-cover img{border:1px solid var(--line);box-shadow:0 8px 28px #1112}
.detail-cover figcaption{font:12px/1.5 Arial,sans-serif;color:var(--muted);padding:9px 0}
.satire-note{font:13px/1.5 Arial,sans-serif;border-top:1px solid var(--line);padding-top:15px;color:var(--muted)}
.site-footer{display:flex;justify-content:space-between;gap:25px;padding:17px clamp(20px,5vw,58px) 28px;border-top:3px double var(--ink);font:11px/1.5 Arial,sans-serif;color:var(--muted)}
.site-footer span:first-child{font-weight:700;white-space:nowrap}
@media(max-width:680px){.eyebrow span:first-child{max-width:220px}.masthead-title{gap:9px}.brand small{letter-spacing:.12em}.target{font-size:24px}.edition{grid-template-columns:1fr;gap:18px}.cover-link{width:min(75%,260px)}.site-footer{flex-direction:column;gap:8px}.subhead{font-size:10px}.intro{padding-top:10px}.actions a{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

