:root { --paper:#e9dec9; --light:#f4ead8; --ink:#28231d; --muted:#746b5f; --olive:#676b48; --bronze:#9a7442; --line:rgba(92,76,55,.22); }
* { box-sizing:border-box; }
html { background:var(--paper); }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Georgia,"Times New Roman",serif; }
a { color:inherit; }
.top { border-bottom:1px solid var(--line); background:rgba(238,229,212,.94); }
.top-inner { width:min(920px,calc(100% - 40px)); margin:auto; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 0; }
.brand { text-decoration:none; font-size:1.35rem; }
.brand small { display:block; margin-top:4px; color:var(--muted); font:600 .65rem/1.2 Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.back { color:var(--olive); font:600 .74rem/1.3 Arial,sans-serif; letter-spacing:.05em; text-decoration:none; }
main { width:min(820px,calc(100% - 40px)); margin:auto; padding:70px 0 90px; }
.topic,.label { color:var(--olive); font:700 .7rem/1.4 Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
h1 { margin:18px 0 30px; font-size:clamp(2.2rem,7vw,4.4rem); font-weight:400; line-height:1.04; }
blockquote { margin:0; padding:32px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); font-size:clamp(1.45rem,4.5vw,2.35rem); line-height:1.48; }
.source { margin:18px 0 0; color:var(--muted); font:.78rem/1.6 Arial,sans-serif; }
.editorial { margin-top:52px; padding:34px; border:1px solid var(--line); background:rgba(244,234,216,.68); }
.editorial h2 { margin:8px 0 16px; font-size:1.75rem; font-weight:400; }
.editorial p { margin:0; color:#463f36; font-size:1.08rem; line-height:1.75; }
.daily { margin-top:22px; padding-left:22px; border-left:3px solid var(--olive); }
.daily h2 { margin:0 0 10px; color:var(--olive); font:700 .74rem/1.4 Arial,sans-serif; letter-spacing:.11em; text-transform:uppercase; }
.open { display:inline-block; margin-top:38px; border:1px solid var(--bronze); padding:14px 20px; color:var(--bronze); font:700 .76rem/1.2 Arial,sans-serif; letter-spacing:.06em; text-decoration:none; }
footer { border-top:1px solid var(--line); padding:30px 20px; color:var(--muted); text-align:center; font:.68rem/1.6 Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
@media (max-width:600px){ .top-inner{padding:17px 0}.back{font-size:.68rem}main{padding-top:48px}.editorial{padding:26px 22px} }