/* Essay styles: carried over verbatim from preparedness-theater.html */
@font-face{font-family:Fira;src:url(/fonts/fira-code-400.woff2) format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Fira;src:url(/fonts/fira-code-600.woff2) format('woff2');font-style:normal;font-weight:600 900;font-display:swap}
:root{color-scheme:light;--bg:#333;--paper:#f5f4e9;--ink:#292923;--muted:#55554b;--rule:#b1b0a4;--link:#77332e;--mono:Fira,"Courier New",monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;padding:24px;background:var(--bg);color:var(--ink);font:16px/1.75 var(--mono)}
main{max-width:984px;margin:auto;padding:48px;background:var(--paper)}
.narrow{max-width:720px;margin-left:auto;margin-right:auto}
h1{font-size:clamp(25px,3vw,32px);line-height:1.3;letter-spacing:-.035em;font-weight:600;margin:0 0 12px}.subtitle{font-size:18px;line-height:1.45;color:var(--muted);margin:0 0 18px}
.dateline{font-size:14px;color:var(--muted);margin:0 0 32px}
a{color:var(--link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid var(--link);outline-offset:4px}
.overture{margin:0 0 36px}
.overture img{display:block;width:100%;height:auto}
.overture figcaption{font-size:14px;color:var(--muted);line-height:1.6;margin-top:10px}
sup{font-size:12px;line-height:0;margin-left:3px}
sup a{display:inline-block;padding:6px 4px;margin:-6px -4px;text-decoration:none}
footer .back{display:inline-block;padding:4px 6px;margin:-4px 0}
.prose p{margin:0 0 24px}
footer{margin-top:40px!important;border-top:1px solid var(--ink);padding-top:24px;font-size:14px;line-height:1.75;overflow-wrap:anywhere}
footer h2{font-size:18px;font-weight:600;margin:0 0 20px}
footer ol{padding-left:25px;margin:0}
footer li{padding-left:4px;margin:0 0 18px}
footer .back{padding-left:6px}
[id]{scroll-margin-top:24px}
@media(max-width:700px){body{padding:0}main{padding:30px 20px}.overture{margin-bottom:30px}h1{font-size:26px}}
@media(max-width:370px){main{padding:26px 16px}}
@media print{body{padding:0;background:white;font-size:11pt;line-height:1.65}main{max-width:none;padding:0}.narrow{max-width:none}.overture{break-inside:avoid}.overture img{max-height:145mm;max-width:100%;width:auto;margin:auto}h1{font-size:22pt}.prose p{margin-bottom:14pt;orphans:3;widows:3}footer{font-size:9pt}footer li{break-inside:avoid}}

/* Site additions: same tokens, same restraint */
.masthead{display:flex;align-items:center;gap:12px;font-size:14px;margin-bottom:32px}
.masthead .mark{font-size:11px}
.masthead a{color:var(--ink);font-weight:600;text-decoration:none}
.masthead a:hover{text-decoration:underline}
.colophon{margin-top:48px;font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 24px}

.home-head{display:flex;align-items:center;gap:24px;margin-bottom:40px}
.mark{margin:0;flex:none;font:14px/1.2 var(--mono);font-variant-ligatures:none;color:var(--muted)}
.home-head h1{margin:0}

.lead{margin-bottom:48px}
.lead h2{font-size:clamp(22px,2.6vw,26px);line-height:1.3;letter-spacing:-.03em;font-weight:600;margin:0 0 8px}
.lead h2 a{color:var(--ink);text-decoration:none}
.lead h2 a:hover{text-decoration:underline}
.lead .subtitle{margin-bottom:8px}
.lead .dateline{margin-bottom:20px}
.lead .overture{margin-bottom:24px}
.lead p.opening{margin:0 0 16px}

.index h2{font-size:18px;font-weight:600;margin:0 0 20px}
.index ol{list-style:none;padding:0;margin:0}
.index li{display:grid;grid-template-columns:7.5em 1fr;gap:0 16px;margin:0 0 20px}
.index time{font-size:14px;color:var(--muted);padding-top:1px}
.index .sub{display:block;font-size:14px;color:var(--muted)}
@media(max-width:560px){.index li{grid-template-columns:1fr}.masthead{margin-bottom:28px}.home-head{gap:16px}}
@media print{.masthead,.colophon{display:none}}