:root{--bg:#f5f1e8;--paper:#fffdf8;--ink:#202020;--muted:#666;--rule:#c9c1b4;--accent:#8b1e1e;--accent2:#24364b}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.55}
header{background:var(--ink);color:#fff;padding:48px 20px 42px;border-bottom:7px solid var(--accent)}
.wrap{max-width:1050px;margin:auto;padding:0 20px}.kicker{font:700 13px/1.2 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#ddd}
h1{font-size:clamp(38px,6vw,72px);line-height:.98;margin:12px 0 18px;max-width:900px}
.subtitle{font-size:22px;max-width:780px;color:#ddd}
main{padding:34px 0 70px}.intro{background:var(--paper);border:1px solid var(--rule);padding:28px;margin-bottom:28px}
.intro p{font-size:18px}.note{border-left:5px solid var(--accent);padding:10px 16px;background:#f1ece2}
.controls{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}
select,input{font:16px Arial,sans-serif;padding:11px 13px;border:1px solid #aaa;background:#fff}
input{min-width:280px;flex:1}.count{font:700 14px Arial,sans-serif;margin:14px 0;color:var(--muted)}
.card{background:var(--paper);border:1px solid var(--rule);margin:0 0 18px;padding:24px 26px;position:relative}
.num{font:700 13px Arial,sans-serif;color:var(--accent);letter-spacing:.08em}
h2{font-size:25px;line-height:1.18;margin:7px 0 12px}.category{display:inline-block;font:700 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;background:#e7e1d7;padding:5px 8px;margin-bottom:10px}
.context{color:#555}.follow{font-weight:700;border-top:1px solid var(--rule);margin-top:15px;padding-top:13px}
.sources{margin-top:14px;font:14px Arial,sans-serif}.sources a{color:var(--accent2)} footer{background:var(--ink);color:#ddd;padding:30px 0;font:14px Arial,sans-serif}
footer a{color:#fff}.hidden{display:none}@media(max-width:600px){h1{font-size:42px}.card{padding:20px}.subtitle{font-size:18px}input{min-width:0;width:100%}}