:root{--ink:#2a1a12;--paper:#f6ead2;--paper2:#ecd9b4;--red:#9b2c1c;--dark:#2b1610;--gold:#e8a628;--teal:#1f6b63}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 Georgia,"Times New Roman",serif}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1040px;margin:0 auto;padding:0 22px}
h1,h2,h3{font-family:"Trebuchet MS",Verdana,sans-serif;line-height:1.15;margin:0 0 .5em}
h2{font-size:2rem;color:var(--red);text-transform:uppercase;letter-spacing:.04em;padding-top:56px}
h2::after{content:"";display:block;width:90px;height:6px;margin-top:10px;background:repeating-linear-gradient(90deg,var(--gold) 0 14px,var(--red) 14px 28px,var(--teal) 28px 42px)}
section{padding-bottom:56px}
.hero{background:radial-gradient(circle at 75% 20%,#4a2216,var(--dark));color:#f6ead2;padding:48px 0}
.hero-grid{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:48px;align-items:center}
.cover{border:6px solid var(--gold);box-shadow:0 18px 40px rgba(0,0,0,.5)}
.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font:700 .85rem "Trebuchet MS",sans-serif;margin:0 0 8px}
h1{font-size:clamp(2.2rem,5vw,3.6rem);color:#fff}
.sub{font-style:italic;font-size:1.15rem;margin:0 0 12px}
.authors{font:700 1.3rem "Trebuchet MS",sans-serif;color:var(--gold);margin:0 0 18px}
.facts{padding-left:1.1em;margin:0 0 26px}.facts li{margin-bottom:6px}
.btn{display:inline-block;background:var(--gold);color:var(--dark);font:700 1.1rem "Trebuchet MS",sans-serif;padding:14px 28px;border-radius:6px;text-decoration:none;border:3px solid var(--gold);margin:4px 8px 4px 0}
.btn:hover{background:#ffc04a}
.btn.ghost{background:transparent;color:var(--red);border-color:var(--red)}
.band{height:18px;background:repeating-linear-gradient(90deg,var(--red) 0 24px,var(--gold) 24px 48px,var(--teal) 48px 72px,var(--dark) 72px 96px)}
.lead{font-size:1.3rem;font-weight:bold;color:var(--dark)}
figure{margin:28px 0 0}figure img{border:5px solid var(--dark);width:100%}
figcaption{font-size:.9rem;font-style:italic;margin-top:6px}
.alt{background:var(--paper2)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:20px 0}
.cards article{background:var(--paper);border:3px solid var(--dark);border-radius:4px;overflow:hidden}
.cards article>div{padding:12px 16px}
.cards h3{font-size:1.15rem;color:var(--dark);margin-bottom:4px}
.part{font-size:.85rem;color:var(--teal);margin:0}
details{background:var(--paper);border-left:6px solid var(--red);padding:14px 18px}
summary{cursor:pointer;font:700 1.05rem "Trebuchet MS",sans-serif;color:var(--red)}
.parts li{margin:8px 0}
.sheet{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:20px 0}
.sheet dt{font-weight:bold;color:var(--red)}.sheet dd{margin:0}
a{color:var(--red)}
footer{background:var(--dark);color:var(--paper);padding:22px 0;font-size:.95rem;text-align:center}
footer a{color:var(--gold)}
@media (max-width:720px){
 body{font-size:17px}
 .hero{padding:28px 0}
 .hero-grid{grid-template-columns:1fr;gap:26px}
 .cover{max-width:240px;margin:0 auto}
 h2{font-size:1.6rem;padding-top:40px}
 .sheet{grid-template-columns:1fr}.sheet dd{margin-bottom:8px}
 .btn{display:block;text-align:center;margin:8px 0}
}