:root{color-scheme:light;--paper:#f8f2e5;--light:#fffaf0;--ink:#211f1b;--muted:#665d50;--red:#a92f24;--rule:#c8bda8;--serif:Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:ui-monospace, "Courier New", monospace;--story-cover-ratio:4 / 3;--story-cover-position:center 20%}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--paper);min-height:100svh;color:var(--ink);font-family:var(--sans);flex-direction:column;margin:0;display:flex}body>main{flex:1}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--red);outline-offset:5px}::selection{color:var(--ink);background:#f1b8a8}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);letter-spacing:-.045em;font-weight:700}.shell{width:min(100% - 80px,1250px);margin-inline:auto}.eyebrow{font:700 .75rem/1.5 var(--mono);letter-spacing:.095em;text-transform:uppercase}.skip{background:var(--ink);color:var(--light);z-index:10;padding:.6rem 1rem;position:absolute;top:8px;left:8px;transform:translateY(-180%)}.skip:focus{transform:translateY(0)}.masthead{border-bottom:1px solid var(--rule)}.masthead-inner{justify-content:space-between;align-items:center;gap:22px;min-height:78px;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:12px;font-size:1.05rem;font-weight:850;display:flex}.brand strong{color:var(--red)}nav{align-items:center;gap:clamp(12px,3vw,36px);font-size:.88rem;font-weight:700;display:flex}nav a:hover,nav a[aria-current],.footer-links a:hover{color:var(--red)}.nav-random{border:1px solid var(--ink);white-space:nowrap;padding:.58rem .72rem}.nav-random:hover{border-color:var(--red)}.nav-random span{margin-left:.22rem}.edition-strip{border-bottom:2px solid var(--ink);color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-top:24px;padding-bottom:11px;display:flex}.series-link{color:var(--red);text-underline-offset:.22em;text-decoration:underline}.series-link:hover{color:var(--ink)}.edition-strip i{background:var(--red);vertical-align:1px;width:7px;height:7px;margin-right:7px;display:inline-block;transform:rotate(45deg)}.edition-strip b,.article-head b{color:var(--red)}.hero{--hero-art-size:min(34vw, 420px, 64svh);grid-template-columns:minmax(0, 1fr) var(--hero-art-size);width:min(100%, calc(36rem + 32px + var(--hero-art-size)));align-items:center;gap:32px;margin:14px auto 0;display:grid}.hero-text{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:10px 0;display:flex}.section-kicker{color:var(--red)}.hero h1{margin:0 0 14px;font-size:clamp(2.5rem,min(4.5vw,7.5svh),3.75rem);line-height:.98}.hero h1 em{color:var(--red);font-weight:inherit;white-space:nowrap}.deck{max-width:42ch;color:var(--muted);font-size:clamp(1rem,1.45vw,1.24rem);line-height:1.55}.hero .deck{max-width:45ch;font-size:clamp(1rem,1.4vw,1.125rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.button{background:var(--red);border:1px solid var(--red);color:#fffaf0;justify-content:center;align-items:center;gap:.9rem;min-height:46px;padding:.65rem .9rem;font-size:.9rem;font-weight:750;transition:background-color .18s,color .18s;display:inline-flex}.button:hover{background:var(--ink);border-color:var(--ink)}.button.quiet{border-color:var(--ink);color:var(--ink);background:0 0}.button.quiet:hover{background:var(--ink);color:var(--light)}.hero-art{width:100%;aspect-ratio:var(--story-cover-ratio);border:1px solid var(--ink);background:#292e3a;display:block;position:relative;overflow:hidden}.hero-art img{object-fit:cover;object-position:var(--story-cover-position);width:100%;height:100%;transition:transform .25s;position:absolute;inset:0}.hero-art:hover img{transform:scale(1.025)}.shelf{border-top:1px solid var(--ink);margin-top:53px;padding-top:16px}.hero+.shelf{margin-top:32px}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;display:flex}.section-heading h2,.random-banner h2{margin-top:4px;font-size:clamp(1.85rem,3.7vw,3.45rem);line-height:1.03}.text-link{color:var(--red);text-underline-offset:.22em;white-space:nowrap;font-size:.88rem;font-weight:750;text-decoration:underline}.text-link:hover{color:var(--ink)}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;display:grid}.story-card{border:1px solid var(--rule);background:var(--light);flex-direction:column;transition:border-color .2s;display:flex}.story-card:hover{border-color:var(--red)}.card-art{flex-shrink:0;display:block}.card-title-link:hover{color:var(--red)}.story-card img{width:100%;aspect-ratio:var(--story-cover-ratio);object-fit:cover;object-position:var(--story-cover-position);border-bottom:1px solid var(--rule)}.card-content{flex-direction:column;flex:1;padding:15px 17px 12px;display:flex}.card-content h3{text-wrap:balance;margin-top:4px;font-size:clamp(1.4rem,2.55vw,2.35rem);line-height:1.04}.card-content p{color:var(--muted);padding:9px 0 16px;font-size:.9rem;line-height:1.5}.card-bottom{border-top:1px solid var(--rule);color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:8px;font-size:.74rem;display:flex}.card-era{text-underline-offset:.2em;text-decoration:underline}.card-era:hover{color:var(--red)}.card-read-link{color:var(--red);padding-inline:5px;font-size:1.15rem;font-weight:800}.random-banner{background:var(--ink);color:var(--light);justify-content:space-between;align-items:center;gap:18px;margin:38px 0 60px;padding:25px clamp(16px,4vw,45px);display:flex}.random-banner .eyebrow{color:#f3b1a3}.button.light{background:var(--light);border-color:var(--light);color:var(--ink);white-space:nowrap}.button.light:hover{background:#f3b1a3;border-color:#f3b1a3}.archive{grid-template-columns:minmax(0,max-content) minmax(0,1fr);align-items:center;column-gap:24px;margin:20px 0 52px;display:grid}.archive h1{margin:0;font-size:clamp(1.5rem,2vw,1.875rem);line-height:1.1}.archive .story-grid{border-top:1px solid var(--rule);grid-column:1/-1;margin-top:14px;padding-top:14px}.archive .story-grid:has(>.story-card:only-child){grid-template-columns:minmax(0,1fr)}.archive .story-card:only-child{grid-template-columns:minmax(0,260px) minmax(0,1fr);justify-self:center;width:min(100%,820px);display:grid}.archive .story-card:only-child .card-art img{border-bottom:0;border-right:1px solid var(--rule)}.story-browse{flex-wrap:wrap;justify-content:flex-end;gap:8px 18px;padding-block:8px;font-size:.82rem;display:flex}.browse-group{align-items:start;gap:10px;max-width:100%;display:flex}.browse-label{color:var(--muted);white-space:nowrap;padding-top:8px;font-weight:650}.browse-links{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.browse-links a{border:1px solid var(--rule);padding:7px 10px;line-height:1.35;display:inline-block}.browse-links a:hover{color:var(--red);border-color:var(--red)}.browse-links a[aria-current]{color:var(--light);background:var(--ink);border-color:var(--ink)}.article{max-width:920px;margin:24px auto 0}.article-intro{grid-template-columns:minmax(0,1fr) minmax(0,280px);align-items:center;gap:28px;display:grid}.article-intro-text-only{grid-template-columns:minmax(0,1fr)}.article-head{min-width:0}.article h1{text-wrap:balance;margin:0 0 12px;font-size:clamp(1.8rem,3.6vw,2.75rem);line-height:1.08}.article-head .deck{max-width:52ch;font-size:1rem;line-height:1.5}.story-trail{color:var(--muted);font:650 .78rem/1.4 var(--sans);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:12px;display:flex}.story-trail a{text-underline-offset:.2em;text-decoration:underline}.story-trail a:hover,.review-label{color:var(--red)}.article-art{max-width:650px;margin-inline:auto}.article-intro>.article-art{width:100%;margin:0}.article-art img{width:100%;aspect-ratio:var(--story-cover-ratio);object-fit:cover;object-position:var(--story-cover-position);border:1px solid var(--ink)}.prose{max-width:650px;margin:24px auto 0}.prose .article-art{margin-block:24px}.prose>p{font:clamp(1.16rem, 2.2vw, 1.36rem)/1.55 var(--serif);margin-bottom:1em}.prose>.score{border:2px solid var(--red);color:var(--red);font:800 1.08rem/1.3 var(--mono);margin:23px 0;padding:.65rem 1rem;display:inline-block;transform:rotate(-2deg)}.prose>.retelling-note{color:var(--muted);font:.82rem/1.55 var(--sans);margin-top:25px}.source{border-block:1px solid var(--rule);background:var(--light);margin-top:20px}.source summary{cursor:pointer;padding:14px 16px;font-size:.92rem;font-weight:750}.source-body{color:var(--muted);padding:0 16px 16px;font-size:.9rem;line-height:1.55}.source-body>a{margin-bottom:8px;display:inline-block}.source-body .source-label{color:var(--red);margin:14px 0 4px}.source-body blockquote{border-left:2px solid var(--red);color:var(--ink);margin:12px 0;padding-left:.7rem}.source-body a,.story-social a{color:var(--red);text-underline-offset:.2em;text-decoration:underline}.story-social{flex-wrap:wrap;gap:1rem;margin-top:1.1rem;display:flex}.related{max-width:920px;margin:36px auto 40px}.related .section-heading h2{font-size:2rem}.related .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{border-top:1px solid var(--rule);background:#eee4d1}.footer-inner{justify-content:space-between;align-items:center;gap:16px;min-height:106px;padding-block:22px;display:flex}.footer-title{font:700 1.22rem/1.25 var(--serif)}.footer-inner p{color:var(--muted);margin-top:5px;font-size:.8rem}.footer-links{flex-wrap:wrap;gap:10px 18px;font-size:.82rem;font-weight:700;display:flex}@media (width<=980px){.shell{width:min(100% - 52px,1250px)}.archive{grid-template-columns:minmax(0,1fr);row-gap:8px}.story-browse{justify-content:flex-start}}@media (width<=700px){.shell{width:calc(100% - 32px)}.masthead-inner{gap:9px;min-height:66px}.brand{letter-spacing:0;gap:7px;max-width:170px;font-size:.92rem}.brand img{flex-shrink:0;width:34px;height:34px}nav{gap:9px;font-size:.76rem}.nav-random{padding:.44rem .4rem}.nav-random span{margin:0}.edition-strip{margin-top:18px;font-size:.64rem}.hero{grid-template-columns:1fr;gap:8px;width:100%}.hero-text{padding:8px 0 10px}.hero h1{margin:0 0 12px;font-size:clamp(2rem,8.5vw,3rem)}.hero-actions{gap:8px;margin-top:14px}.hero-art{justify-self:center;width:min(100%,300px,38svh)}.shelf{margin-top:32px}.hero+.shelf{margin-top:24px}.section-heading{align-items:start;gap:8px}.section-heading .text-link{margin-top:6px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-content{padding:11px}.card-content p{font-size:.82rem}.archive{margin-top:18px;display:block}.story-browse{justify-content:normal;gap:10px;margin-top:10px;display:grid}.browse-group{grid-template-columns:48px minmax(0,1fr);gap:8px;display:grid}.archive .story-card:only-child{grid-template-columns:minmax(0,1fr)}.archive .story-card:only-child .card-art img{border-right:0;border-bottom:1px solid var(--rule)}.article{margin-top:18px}.article-intro{grid-template-columns:minmax(0,1fr);gap:16px}.article-intro>.article-art{justify-self:center;width:min(100%,360px)}.random-banner{margin-bottom:36px}}@media (width<=440px){.story-grid,.related .story-grid{grid-template-columns:1fr}.random-banner,.footer-inner{flex-direction:column;align-items:flex-start}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.hero-actions .button{gap:.4rem;min-width:0;padding-inline:.5rem;font-size:.8rem}}@media (width>=701px) and (height<=650px){.hero{--hero-art-size:min(34vw, 420px, 52svh)}.hero-text{padding-block:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}
