:root{--paper:#fdf6ec;--ink:#2b1d14;--soft:#7a6656;--red:#9b2915;--saffron:#d99a1e;--olive:#5d6b2f;--card:#fffdf9;--rule:#ead9c2}
@media (prefers-color-scheme:dark){:root{--paper:#1c1511;--ink:#f1e6d8;--soft:#bfa892;--red:#e0735a;--saffron:#f0b84a;--olive:#a7b86d;--card:#261d17;--rule:#3a2d24}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Verdana,Geneva,"DejaVu Sans",sans-serif}
h1,h2,h3,.logo{font-family:"Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",serif}
a{color:var(--red)}
.stripe{height:8px;background:repeating-linear-gradient(90deg,var(--red) 0 40px,var(--saffron) 40px 80px)}
.mast{text-align:center;padding:34px 16px 18px;border-bottom:2px solid var(--rule)}
.logo{display:inline-block;font-size:2.4rem;color:var(--red);text-decoration:none;font-style:italic}
.tag{margin:4px 0 14px;color:var(--soft);font-size:.9rem;letter-spacing:.04em}
.nav a{display:inline-block;margin:0 12px;color:var(--olive);text-decoration:none;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em}
.nav a:hover{color:var(--red)}
main{max-width:960px;margin:0 auto;padding:32px 16px 56px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.card{background:var(--card);border:1px solid var(--rule);border-top:4px solid var(--saffron);padding:20px 22px;border-radius:2px}
.card h2{margin:6px 0 8px;font-size:1.35rem;line-height:1.3}
.card h2 a{color:var(--ink);text-decoration:none}
.card h2 a:hover{color:var(--red)}
.meta{font-size:.78rem;color:var(--soft);text-transform:uppercase;letter-spacing:.08em}
.card p{margin:0;font-size:.92rem}
article{max-width:700px;margin:0 auto}
article h1{font-size:2.2rem;line-height:1.2;color:var(--red);margin:8px 0 12px}
.lead{font-size:1.08rem;color:var(--soft);font-style:italic}
.facts{display:flex;flex-wrap:wrap;gap:10px 28px;padding:12px 16px;margin:20px 0;background:var(--card);border-left:4px solid var(--olive);font-size:.9rem}
article h2{font-size:1.4rem;color:var(--olive);border-bottom:1px dotted var(--rule);padding-bottom:4px;margin-top:30px}
article ul li{margin:4px 0}
article ol li{margin:8px 0}
.tip{margin-top:28px;padding:14px 18px;background:var(--card);border:1px dashed var(--saffron)}
.rub h2{color:var(--olive);margin-top:28px}
.rub ul{padding-left:20px}
footer{text-align:center;color:var(--soft);font-size:.8rem;padding:22px 16px 32px;border-top:2px solid var(--rule)}
@media (max-width:520px){.logo{font-size:1.9rem}article h1{font-size:1.7rem}.nav a{margin:0 7px}}