:root { color-scheme: light; --paper:#f6f3eb; --ink:#181814; --red:#a92323; }
* { box-sizing:border-box; }
html { font-size:100%; }
body { margin:0; background:var(--paper); color:var(--ink); font:1rem/1.6 Georgia,serif; }
a { color:inherit; text-underline-offset:.2em; }
a:focus-visible { outline:3px solid var(--red); outline-offset:6px; }
.skip { position:absolute; left:1rem; top:-5rem; padding:.5rem; background:var(--paper); }
.skip:focus { top:1rem; z-index:2; }
.masthead, main, footer { width:min(1120px,calc(100% - 5rem)); margin-inline:auto; }
.masthead { padding:3.5rem 0 2.5rem; border-bottom:3px solid var(--ink); display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; }
.wordmark { position:relative; text-decoration:none; font-family:Impact,'Arial Narrow',sans-serif; font-size:clamp(3.5rem,10vw,7.5rem); font-weight:900; text-transform:uppercase; letter-spacing:-.025em; line-height:.9; padding-right:.8em; }
.star { position:absolute; color:var(--red); right:0; bottom:0; font: .7em/1 Georgia,serif; }
.byline { font:1rem/1.6 'Courier New',monospace; text-align:right; }
main { padding:0 0 3rem; min-height:40vh; }
.collection { margin-top:2rem; }
.collection-heading { display:flex; justify-content:space-between; align-items:baseline; gap:1rem; border-bottom:1px solid var(--ink); padding-bottom:.8rem; margin-bottom:1.5rem; }
.collection-heading h1 { margin:0; font:1.125rem/1.4 'Courier New',monospace; }
.collection-heading h1 a { text-decoration:none; }
.collection-heading h1 a:hover { color:var(--red); }
.collection-heading span, .collection-heading>a { font:.875rem/1.4 'Courier New',monospace; }
.content { overflow-wrap:anywhere; }
.content p:has(>.artwork) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; align-items:start; }
.artwork { display:block; margin:0; }
.artwork img { display:block; max-width:100%; width:100%; height:auto; }
.content>p, .content>ul, .content>ol, .content>blockquote { margin-block:1.5rem; }
.content pre { padding:1rem; overflow:auto; border:1px solid var(--ink); }
.content blockquote { border-left:3px solid var(--red); padding-left:1rem; margin-left:0; }
.content table { display:block; max-width:100%; overflow:auto; }
.home-content { padding-top:1rem; }
footer { border-top:1px solid var(--ink); padding:1.2rem 0 2rem; font:.875rem/1.5 'Courier New',monospace; }
@media(max-width:640px) { .masthead,main,footer { width:calc(100% - 2rem); } .masthead { padding:2rem 0 1.5rem; flex-wrap:wrap; gap:1.5rem; } .byline { text-align:left; } .content p:has(>.artwork) { grid-template-columns:1fr; gap:1.2rem; } }

.intro { max-width:36em; margin-top:3rem; font-size:clamp(1.25rem,3vw,1.75rem); line-height:1.5; }
.flash-link { margin-top:2rem; font:1rem/1.6 'Courier New',monospace; }
.flash-link a:hover { color:var(--red); }
.page-title { margin-top:2rem; font:1.5rem/1.4 'Courier New',monospace; }