:root{--ink:#1a1510;--paper:#f4efe4;--card:#fffdf8;--rule:#d8cfc0;--accent:#7a2e24;--muted:#5c5348;--max:1080px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.65;background:var(--paper)}
img{display:block;max-width:100%;height:auto}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
button,a{touch-action:manipulation}
.wrap{width:min(var(--max),calc(100% - 32px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
.nav-wrap{min-height:72px;display:flex;align-items:center;gap:16px}
.brand{display:flex;align-items:center;margin-right:auto}
.brand img{width:220px;height:auto}
.site-nav{display:flex;gap:8px;flex-wrap:wrap}
.site-nav a{padding:.35rem .6rem;color:var(--ink);font-size:.92rem;letter-spacing:.04em;text-transform:uppercase}
.site-nav a[aria-current="page"],.site-nav a:hover{color:var(--accent);text-decoration:none}
.menu-toggle{display:none;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:1.3rem;padding:.3rem .55rem}
.mobile-menu{position:fixed;z-index:30;inset:0 0 0 auto;width:min(320px,86vw);padding:20px;background:var(--paper);border-left:1px solid var(--rule);box-shadow:-8px 0 24px rgb(0 0 0/.12)}
.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-family:system-ui,sans-serif}
.mobile-menu-head button{border:0;background:transparent;font-size:2rem;cursor:pointer}
.mobile-menu a{display:block;padding:12px 4px;border-bottom:1px solid var(--rule);color:var(--ink)}
.hero{padding:28px 0 8px}
.kicker{margin:0 0 10px;font-family:system-ui,sans-serif;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.12;margin:0 0 14px;font-weight:700}
.lede{font-size:1.15rem;color:var(--muted);margin:0 0 22px}
.hero-photo{margin:0 0 10px}
.hero-photo img{width:100%;border-radius:2px}
.caption{margin:8px 0 0;font-family:system-ui,sans-serif;font-size:.78rem;color:var(--muted)}
article.issue{padding:12px 0 56px}
h2{font-size:clamp(1.45rem,2.4vw,1.9rem);margin:36px 0 12px;line-height:1.2}
h3{font-size:1.15rem;margin:22px 0 8px}
p{margin:0 0 1rem}
ul,ol{padding-left:1.2em}
li{margin-bottom:8px}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}
.photo-grid figure{margin:0}
.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.card{background:var(--card);border:1px solid var(--rule);padding:16px 18px}
.card h3{margin:0 0 8px;color:var(--accent)}
.card p{margin:0;font-size:.95rem}
.table-scroll{overflow-x:auto;margin:16px 0 8px}
table{width:100%;border-collapse:collapse;font-family:system-ui,sans-serif;font-size:.92rem}
th,td{border:1px solid var(--rule);padding:9px 11px;text-align:left}
th{background:#efe8d9}
.faq details{margin:0 0 8px;padding:12px 14px;border:1px solid var(--rule);background:var(--card)}
.faq summary{cursor:pointer;font-weight:700}
.faq p{margin:10px 0 0}
.letters{display:grid;gap:12px;margin-top:14px}
.letter{padding:14px 16px;border:1px solid var(--rule);background:var(--card)}
.letter-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-family:system-ui,sans-serif;font-size:.85rem;color:var(--muted)}
.site-footer{background:#1a1510;color:#f4efe4;padding:36px 0 18px;font-family:system-ui,sans-serif;font-size:.92rem}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.site-footer a{color:#f4efe4}
.footer-copy{margin-top:22px;padding-top:14px;border-top:1px solid #3a3228;text-align:center;color:#c9bfb0}
.to-top{position:fixed;right:16px;bottom:16px;width:40px;height:40px;display:grid;place-items:center;background:var(--accent);color:#fff;text-decoration:none}
.to-top:hover{text-decoration:none;filter:brightness(1.08)}
@media (max-width:800px){
  .site-nav{display:none}
  .menu-toggle{display:block}
  .photo-grid,.cards,.footer-grid{grid-template-columns:1fr}
  h1{font-size:2rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}