@import url('https://fonts.googleapis.com/css2?family=League+Gothic&family=Montserrat:wght@400;500;600;700;800;900&display=swap');

:root {
  --ink: #061c34;
  --ink-2: #0b2f54;
  --blue: #061c34;
  --blue-bright: #287fba;
  --baby-blue: #9edcf5;
  --medium-blue: #287fba;
  --paper: #eef7fb;
  --cream: #fbfdff;
  --muted: #526a80;
  --line: rgba(16,37,61,.14);
  --shadow: 0 24px 70px rgba(13,38,61,.18);
  --radius: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: "Gotham", "Montserrat", system-ui, sans-serif; color: var(--ink); background: var(--cream); }
body.modal-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
img { max-width: 100%; display: block; }
.site-shell { transition: filter .25s ease, transform .25s ease; }
body.modal-open .site-shell { filter: blur(7px) brightness(.62); transform: scale(.995); pointer-events: none; }

.topline { height: 7px; background: linear-gradient(90deg,var(--baby-blue),var(--medium-blue) 48%,var(--blue)); }
.site-header { position: sticky; top: 0; z-index: 20; background: rgba(6,28,52,.97); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(158,220,245,.24); }
.nav-wrap { max-width: 1240px; min-height: 82px; margin: auto; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 12px; }
.brand-logo { width:100px; height:45px; object-fit:contain; flex:0 0 auto; }
.brand-word { color:#fff; font: 400 36px/.85 "Gotham Condensed", "League Gothic", "Arial Narrow", sans-serif; letter-spacing: .025em; text-transform: uppercase; }
.site-nav { display:flex; gap:7px; align-items:center; }
.site-nav a { padding:10px 14px; border-radius:999px; color:#c9d9e6; font-weight:700; font-size:14px; }
.site-nav a:hover,.site-nav a[aria-current="page"] { color:#fff; background:rgba(158,220,245,.15); }
.nav-games { background:var(--medium-blue)!important; color:white!important; }
.menu-button { display:none; border:0; background:none; color:#fff; font-size:26px; }

.hero { min-height: 720px; overflow:hidden; position:relative; background: var(--ink); color:white; }
.hero::before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 72% 34%, rgba(40,127,186,.42), transparent 31%), linear-gradient(125deg, transparent 48%, rgba(255,255,255,.035) 48% 50%, transparent 50% 55%, rgba(255,255,255,.025) 55%); }
.hero-inner { max-width:1240px; min-height:720px; margin:auto; padding:74px 28px 64px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:70px; position:relative; }
.eyebrow { display:flex; align-items:center; gap:10px; color:var(--blue-bright); font-size:12px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.eyebrow::before { content:""; width:36px; height:3px; background:var(--baby-blue); }
.hero h1 { font: 400 clamp(70px,9vw,126px)/.8 "Gotham Condensed", "League Gothic", "Arial Narrow", sans-serif; margin:24px 0; letter-spacing:.005em; text-transform:uppercase; }
.hero h1 em { color:var(--baby-blue); font-style:normal; }
.hero-copy { font-size:19px; line-height:1.65; color:#cbd8e2; max-width:590px; }
.button-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 20px; border-radius:999px; border:1px solid transparent; font-weight:800; cursor:pointer; transition:.2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--baby-blue); color:var(--ink); }
.button-secondary { border-color:rgba(255,255,255,.28); color:white; background:transparent; }
.button-story { background:var(--medium-blue); color:white; }
.cover-stage { position:relative; min-height:550px; display:grid; place-items:center; perspective:1400px; cursor:pointer; outline:none; --cover-shift-x:0px; --cover-shift-y:0px; --cover-tilt-x:0deg; --cover-tilt-y:0deg; --tab-shift-x:0px; --tab-shift-y:0px; }
.cover-stage::after { content:""; position:absolute; width:74%; height:30px; bottom:34px; background:#06111c; filter:blur(18px); border-radius:50%; opacity:.72; pointer-events:none; }
.issue-cover { width:min(370px,80%); aspect-ratio:630/810; object-fit:cover; transform:translate3d(var(--cover-shift-x),var(--cover-shift-y),0) rotateX(var(--cover-tilt-x)) rotateY(calc(-12deg + var(--cover-tilt-y))) rotateZ(2deg); box-shadow:24px 30px 0 rgba(0,0,0,.12),30px 40px 70px rgba(0,0,0,.5); position:relative; z-index:2; transition:transform .35s ease,box-shadow .35s ease; pointer-events:none; will-change:transform; }
.cover-stage:hover .issue-cover,.cover-stage:focus-visible .issue-cover { transform:translate3d(var(--cover-shift-x),var(--cover-shift-y),14px) rotateX(var(--cover-tilt-x)) rotateY(calc(-5deg + var(--cover-tilt-y))) rotateZ(0) scale(1.015); box-shadow:28px 34px 0 rgba(0,0,0,.1),34px 46px 82px rgba(0,0,0,.56); }
.cover-stage.is-tracking .issue-cover { transition:transform 80ms linear,box-shadow .2s ease; }
.issue-tab { position:absolute; z-index:3; right:4%; top:18%; padding:12px 15px; background:var(--medium-blue); color:white; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; transform:translate3d(var(--tab-shift-x),var(--tab-shift-y),20px) rotate(4deg); transition:transform .35s ease,background .2s ease; pointer-events:none; will-change:transform; }
.cover-stage:hover .issue-tab,.cover-stage:focus-visible .issue-tab { background:var(--blue-bright); transform:translate3d(var(--tab-shift-x),var(--tab-shift-y),20px) rotate(1deg) scale(1.04); }
.cover-stage.is-tracking .issue-tab { transition:transform 100ms linear,background .2s ease; }
.cover-stage:focus-visible { border-radius:24px; box-shadow:0 0 0 3px var(--baby-blue); }

.section { max-width:1240px; margin:auto; padding:92px 28px; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:34px; }
.section-title { margin:0; font:400 clamp(54px,7vw,82px)/.86 "Gotham Condensed", "League Gothic", "Arial Narrow", sans-serif; letter-spacing:.01em; text-transform:uppercase; }
.section-intro { color:var(--muted); max-width:480px; line-height:1.65; }
.text-link { font-weight:800; color:var(--blue); white-space:nowrap; }
.article-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:28px; }
.article-card { grid-column:span 4; border:3px solid var(--blue); border-top-width:9px; border-radius:4px; padding:25px 25px 23px; cursor:pointer; display:flex; flex-direction:column; min-height:315px; background:#fff; box-shadow:8px 8px 0 rgba(6,28,52,.08); transition:.2s ease; }
.article-card:first-child { grid-column:span 6; border-color:var(--medium-blue); }
.article-card:nth-child(2) { grid-column:span 6; border-color:var(--baby-blue); }
.article-card:hover { transform:translate(-3px,-5px); box-shadow:12px 14px 0 rgba(6,28,52,.1); }
.article-card .meta { font-size:11px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; color:var(--blue); }
.article-card h3 { font:400 44px/.96 "Gotham Condensed", "League Gothic", "Arial Narrow", sans-serif; letter-spacing:.01em; text-transform:uppercase; margin:16px 0 12px; }
.article-card p { color:var(--muted); line-height:1.55; margin:0 0 18px; }
.article-thumb { width:100%; height:150px; object-fit:cover; object-position:center; margin-bottom:22px; border:1px solid var(--line); }
.article-card-copy { display:flex; flex-direction:column; flex:1; }
[data-article="social-engineering"] .article-thumb { object-position:center 18%; }
.read-more { margin-top:auto; font-weight:800; font-size:13px; text-transform:uppercase; letter-spacing:.08em; }

.dispatch { background:var(--paper); }
.dispatch-inner { max-width:1240px; margin:auto; padding:78px 28px; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.dispatch-copy h2 { font:400 clamp(58px,7vw,86px)/.86 "Gotham Condensed", "League Gothic", "Arial Narrow", sans-serif; letter-spacing:.01em; text-transform:uppercase; margin:18px 0 24px; }
.dispatch-copy p { color:var(--muted); line-height:1.7; }
.page-fan { min-height:400px; position:relative; }
.page-fan img { position:absolute; width:270px; aspect-ratio:630/810; object-fit:cover; box-shadow:var(--shadow); border:8px solid white; }
.page-fan img:nth-child(1) { left:10%; top:28px; transform:rotate(-8deg); }
.page-fan img:nth-child(2) { left:34%; top:0; transform:rotate(4deg); }

.story-callout { background:var(--ink); color:#fff; }
.story-callout-inner { max-width:1240px; margin:auto; padding:82px 28px; display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
.story-callout-copy .eyebrow { color:var(--baby-blue); }
.story-callout-copy h2 { margin:20px 0; font:400 clamp(62px,8vw,96px)/.82 "Gotham Condensed","League Gothic","Arial Narrow",sans-serif; letter-spacing:.01em; text-transform:uppercase; }
.story-callout-copy p { max-width:590px; color:#cbd8e2; font-size:18px; line-height:1.7; }
.story-callout-copy .text-link { display:inline-block; margin-top:18px; color:var(--baby-blue); }
.story-callout-actions { display:grid; gap:16px; }
.story-action { min-height:154px; padding:26px; border:2px solid rgba(255,255,255,.25); border-radius:20px; display:flex; flex-direction:column; justify-content:space-between; transition:transform .2s ease,box-shadow .2s ease; }
.story-action:hover { transform:translate(-3px,-4px); box-shadow:9px 10px 0 rgba(0,0,0,.22); }
.story-action span { font-size:12px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.story-action strong { font:400 42px/.9 "Gotham Condensed","League Gothic","Arial Narrow",sans-serif; letter-spacing:.015em; text-transform:uppercase; }
.story-action-primary { background:var(--baby-blue); color:var(--ink); border-color:var(--baby-blue); }
.story-action-secondary { background:var(--medium-blue); color:#fff; border-color:var(--medium-blue); }

.page-hero { background:var(--ink); color:white; padding:70px 28px 76px; }
.page-hero-inner { max-width:1184px; margin:auto; }
.page-hero h1 { font:400 clamp(72px,10vw,126px)/.8 "Gotham Condensed", "League Gothic", "Arial Narrow", sans-serif; letter-spacing:.01em; text-transform:uppercase; margin:28px 0 20px; }
.page-hero p { color:#cbd8e2; max-width:660px; line-height:1.65; font-size:18px; }

.story-page-hero { background:linear-gradient(125deg,var(--ink),var(--ink-2) 58%,var(--medium-blue)); }
.submission-section { max-width:1184px; }
.submission-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.submission-card { position:relative; min-height:500px; overflow:hidden; padding:42px; border-radius:28px; display:flex; flex-direction:column; box-shadow:var(--shadow); }
.submission-card .eyebrow,.submission-card h2,.submission-card p,.submission-card a { position:relative; z-index:2; }
.submission-card h2 { margin:20px 0; font:400 clamp(58px,6vw,78px)/.84 "Gotham Condensed","League Gothic","Arial Narrow",sans-serif; text-transform:uppercase; }
.submission-card p { max-width:520px; margin:0 0 28px; font-size:17px; line-height:1.7; }
.submission-number { position:absolute; right:18px; bottom:-34px; font:400 220px/.8 "League Gothic","Arial Narrow",sans-serif; opacity:.09; }
.story-submission { background:var(--ink); color:#fff; }
.story-submission .eyebrow { color:var(--baby-blue); }
.story-submission p { color:#cbd8e2; }
.vehicle-submission { background:var(--baby-blue); color:var(--ink); }
.vehicle-submission .eyebrow { color:var(--ink-2); }
.vehicle-submission .eyebrow::before { background:var(--medium-blue); }
.submission-button { align-self:flex-start; margin-top:auto; }
.story-submission .submission-button { background:var(--baby-blue); color:var(--ink); }
.vehicle-submission .submission-button { background:var(--ink); color:#fff; }
.submission-address { display:inline-block; margin-top:18px; font-size:13px; font-weight:700; }
.story-submission .submission-address { color:var(--baby-blue); }

.archive-layout { display:grid; grid-template-columns:260px 1fr; gap:46px; align-items:start; }
.current-issue-layout { grid-template-columns:1fr; }
.current-issue-layout .issue-list { display:none; }
.issue-list { display:grid; gap:10px; position:sticky; top:112px; }
.issue-choice { border:1px solid var(--line); background:white; text-align:left; padding:16px; border-radius:14px; cursor:pointer; color:var(--ink); }
.issue-choice strong,.issue-choice span { display:block; }
.issue-choice span { color:var(--muted); font-size:12px; margin-top:4px; }
.issue-choice.active { color:white; background:var(--blue); border-color:var(--blue); }
.reader { background:#e4f0f6; border-radius:28px; padding:28px; min-height:650px; box-shadow:inset 0 0 0 1px rgba(16,37,61,.09); }
.reader-mobile-tools { display:none; }
.reader-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; gap:16px; }
.reader-title strong,.reader-title span { display:block; }
.reader-title span { color:var(--muted); font-size:12px; margin-top:3px; }
.reader-actions { display:flex; gap:8px; }
.reader-actions button { width:42px; height:42px; border-radius:50%; border:0; background:white; color:var(--ink); font-size:20px; cursor:pointer; box-shadow:0 4px 14px rgba(16,37,61,.1); }
.reader-actions button:disabled { opacity:.35; }
.book-stage { position:relative; display:grid; place-items:center; min-height:530px; perspective:1800px; overflow:hidden; }
.book { position:relative; width:min(900px,100%); aspect-ratio:1260/810; display:grid; grid-template-columns:1fr 1fr; transform-style:preserve-3d; filter:drop-shadow(0 25px 25px rgba(16,37,61,.25)); transition:width .45s ease, aspect-ratio .45s ease; cursor:grab; touch-action:pan-y; user-select:none; -webkit-user-select:none; }
.book::after { content:""; position:absolute; z-index:3; left:50%; top:0; bottom:0; width:2px; transform:translateX(-1px); background:linear-gradient(90deg,rgba(0,0,0,.26),rgba(255,255,255,.6),rgba(0,0,0,.18)); box-shadow:0 0 14px rgba(0,0,0,.22); }
.book.cover,.book.single-last { width:min(440px,55%); aspect-ratio:630/810; display:block; }
.book.cover::after,.book.single-last::after { display:none; }
.book-page { width:100%; height:100%; min-width:0; object-fit:contain; background:white; backface-visibility:hidden; -webkit-user-drag:none; }
.book-page-left { transform-origin:right center; }
.book-page-right { transform-origin:left center; }
.book.cover .book-page-right,.book.single-last .book-page-right { display:none; }
.book.dragging { cursor:grabbing; }
.book.dragging .book-page { pointer-events:none; }
.book.drag-next:not(.cover) .book-page-right,.book.cover.drag-next .book-page-left,.book.drag-prev .book-page-left { position:relative; z-index:4; transform:rotateY(var(--page-rotation,0deg)); filter:brightness(var(--page-brightness,1)); box-shadow:0 10px 28px rgba(16,37,61,.24); will-change:transform,filter; }
.book.settling.drag-next:not(.cover) .book-page-right,.book.cover.settling.drag-next .book-page-left,.book.settling.drag-prev .book-page-left { transition:transform .2s cubic-bezier(.22,.75,.24,1),filter .2s ease; }
.book.flipping-next:not(.from-cover) .book-page-right,.book.cover.flipping-next .book-page-left,.book.from-cover.flipping-next .book-page-left { animation:flipNext .56s ease both; }
.book.flipping-prev .book-page-left { animation:flipPrev .56s ease both; }
@keyframes flipNext { 0%{transform:rotateY(0);filter:brightness(1)} 48%{transform:rotateY(-88deg);filter:brightness(.62)} 49%{opacity:0} 50%{transform:rotateY(88deg);opacity:0} 51%{opacity:1} 100%{transform:rotateY(0);filter:brightness(1)} }
@keyframes flipPrev { 0%{transform:rotateY(0)} 48%{transform:rotateY(88deg);filter:brightness(.62)} 49%{opacity:0} 50%{transform:rotateY(-88deg);opacity:0} 51%{opacity:1} 100%{transform:rotateY(0)} }
.page-count { text-align:center; color:var(--muted); font-size:13px; margin-top:15px; }
.issue-note { margin-top:18px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.issue-note p { color:var(--muted); margin:0; line-height:1.5; }
.download-link { color:var(--blue); font-weight:800; white-space:nowrap; }

.game-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.game-feature { min-height:460px; border-radius:28px; padding:40px; overflow:hidden; position:relative; display:flex; flex-direction:column; color:white; background:var(--ink); }
.game-feature.sudoku { background:var(--medium-blue); }
.game-feature.sudoku .eyebrow { color:#fff; }
.game-feature.sudoku .eyebrow::before { background:#fff; }
.game-feature.sudoku p { position:relative; z-index:2; }
.game-feature.verdle .eyebrow { color:var(--baby-blue); }
.game-feature.toss { color:var(--ink); background:var(--baby-blue); }
.game-feature.toss p { color:var(--ink-2); }
.game-feature.toss .eyebrow { color:var(--ink); }
.game-feature.toss .eyebrow::before { background:var(--ink); }
.game-feature.toss .button { background:var(--ink); color:white; }
.game-feature h2 { font:400 70px/.9 "Gotham Condensed", "League Gothic", "Arial Narrow", sans-serif; letter-spacing:.02em; text-transform:uppercase; margin:16px 0; }
.game-feature p { color:#dbe8ef; line-height:1.6; max-width:420px; }
.game-feature .button { position:relative; z-index:2; align-self:flex-start; margin-top:auto; background:white; color:var(--ink); }
.tile-art { position:absolute; right:-8px; bottom:-18px; display:grid; grid-template-columns:repeat(5,54px); gap:6px; transform:rotate(-8deg); opacity:.42; }
.tile-art span { width:54px;height:54px;display:grid;place-items:center;background:#42546a;color:white;font-weight:800;font-size:22px;border-radius:4px; }
.tile-art .blue { background:#005CB9; }.tile-art .yellow{background:#F5A623;color:var(--ink)}
.sudoku-art { position:absolute; width:250px; height:250px; right:-20px; bottom:-18px; display:grid;grid-template-columns:repeat(9,1fr); background:white;border:3px solid var(--ink);transform:rotate(7deg); opacity:.42; }
.sudoku-art span { border:1px solid #b6c1c8; display:grid;place-items:center;color:var(--ink);font-weight:700; }
.toss-art { position:absolute; width:238px; height:238px; right:-24px; bottom:-24px; display:grid; grid-template-columns:repeat(3,1fr); background:#fff; border:4px solid var(--ink); border-radius:18px; transform:rotate(-7deg); box-shadow:10px 12px 0 rgba(6,28,52,.14); opacity:.42; }
.toss-art span { display:grid; place-items:center; border-right:4px solid var(--ink); border-bottom:4px solid var(--ink); font:700 58px/.8 "Montserrat",sans-serif; }
.toss-art span:nth-child(3n) { border-right:0; }
.toss-art span:nth-child(n+7) { border-bottom:0; }
.toss-art .x { color:#e60012; }
.toss-art .o { color:var(--medium-blue); }

.article-modal { position:fixed; inset:0; z-index:100; display:none; place-items:center; padding:28px; }
.article-modal.open { display:grid; }
.modal-scrim { position:absolute; inset:0; background:rgba(5,16,27,.68); }
.article-sheet { position:relative; width:min(900px,100%); max-height:90vh; overflow:auto; background:var(--cream); border-radius:24px; box-shadow:0 30px 100px rgba(0,0,0,.45); }
.modal-close { position:sticky; float:right; top:18px; right:18px; z-index:2; width:44px;height:44px;border:0;border-radius:50%;background:var(--ink);color:white;font-size:25px;cursor:pointer; margin:18px; }
.article-image { height:310px; overflow:hidden; clear:both; background:var(--paper); }
.article-image img { width:100%; height:100%; object-fit:cover; object-position:center 34%; filter:saturate(.88); }
.article-image-social-engineering { height:min(62vh,620px); background:#fff; }
.article-image-social-engineering img { object-fit:contain; object-position:center; filter:none; }
.article-copy { max-width:700px; margin:auto; padding:54px 32px 68px; }
.article-copy .category { color:var(--blue); text-transform:uppercase; letter-spacing:.16em; font-size:12px; font-weight:800; }
.article-copy h2 { font:400 clamp(58px,8vw,88px)/.86 "Gotham Condensed", "League Gothic", "Arial Narrow", sans-serif; letter-spacing:.01em; text-transform:uppercase; margin:20px 0; }
.article-copy .dek { font:700 20px/1.45 "Gotham", "Montserrat", sans-serif; color:var(--muted); }
.article-copy .byline { font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-block:1px solid var(--line);padding:16px 0;margin:26px 0 30px; }
.article-copy .body p { font:500 18px/1.75 "Gotham", "Montserrat", sans-serif; margin:0 0 1.25em; }

.site-footer { background:#071827; color:white; }
.footer-inner { max-width:1240px; margin:auto; padding:58px 28px; display:flex; justify-content:space-between; gap:32px; align-items:end; }
.footer-inner p { color:#9cb0c0; max-width:520px; line-height:1.6; }
.footer-links { display:flex; gap:18px; color:#dbe8ef; font-size:13px; font-weight:700; }
.corrupt-note { margin-top:28px; padding:16px 18px; border:1px dashed #bdc8cd; border-radius:14px; color:var(--muted); font-size:13px; }

@media (max-width:900px) {
  .hero-inner,.dispatch-inner,.story-callout-inner { grid-template-columns:1fr; }
  .hero-inner { padding-top:60px; }
  .cover-stage { min-height:460px; }
  .article-card,.article-card:first-child,.article-card:nth-child(2) { grid-column:span 6; }
  .archive-layout { grid-template-columns:1fr; }
  .issue-list { position:static; grid-template-columns:repeat(2,1fr); }
  .game-feature-grid { grid-template-columns:1fr; }
  .submission-grid { grid-template-columns:1fr; }
}
@media (max-width:680px) {
  .nav-wrap { min-height:70px;padding:0 18px; }
  .site-nav { display:none; position:absolute; left:0;right:0;top:70px;background:var(--baby-blue);padding:8px 18px 16px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid rgba(6,28,52,.2);box-shadow:0 18px 35px rgba(6,28,52,.22); }
  .site-nav.open { display:flex; }
  .site-nav a { color:var(--ink); font-size:18px; text-align:center; padding:17px 12px; border-radius:0; border-bottom:1px solid rgba(6,28,52,.18); }
  .site-nav a:hover,.site-nav a[aria-current="page"] { color:var(--ink); background:rgba(255,255,255,.28); }
  .site-nav .nav-games { margin-top:10px; border:0; border-radius:999px; color:#fff!important; background:var(--ink)!important; }
  .menu-button { display:block; }
  .hero-inner { padding-inline:20px;gap:20px; }
  .hero-inner > div:first-child { text-align:center; }
  .hero .eyebrow,.hero .button-row { justify-content:center; }
  .hero-copy { margin-inline:auto; }
  .hero h1 { font-size:58px; }
  .page-hero-inner { text-align:center; }
  .page-hero .eyebrow { justify-content:center; }
  .page-hero p { margin-inline:auto; }
  .section,.dispatch-inner { padding:64px 20px; }
  .story-callout-inner { padding:64px 20px; gap:38px; text-align:center; }
  .story-callout-copy .eyebrow { justify-content:center; }
  .story-callout-copy p { margin-inline:auto; }
  .story-callout-actions { text-align:left; }
  .story-action { min-height:138px; padding:22px; }
  .story-action strong { font-size:38px; }
  .submission-card { min-height:440px; padding:32px 26px; }
  .submission-card .eyebrow { justify-content:center; }
  .submission-card { text-align:center; align-items:center; }
  .submission-card[data-submission-href] { cursor:pointer; }
  .submission-button { align-self:center; }
  .section-head { align-items:start;flex-direction:column; }
  .article-card,.article-card:first-child,.article-card:nth-child(2) { grid-column:1/-1; min-height:250px; }
  .brand-logo { width:74px; height:34px; }.brand-word{font-size:29px}
  .page-fan { min-height:330px; }.page-fan img{width:210px}.page-fan img:nth-child(2){left:32%}
  .archive-layout > .issue-list { display:none; }
  .reader-mobile-tools { display:flex; align-items:end; justify-content:space-between; gap:10px; margin:0 4px 14px; }
  .issue-select-wrap { flex:1; color:var(--ink); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
  .issue-select-wrap select { width:100%; min-height:44px; margin-top:5px; padding:0 34px 0 12px; border:1px solid rgba(6,28,52,.2); border-radius:12px; background:#fff; color:var(--ink); font:700 14px/1 "Gotham","Montserrat",sans-serif; }
  .current-reader .issue-select-wrap { display:none; }
  #readerViewToggle { min-height:44px; padding:0 13px; border:0; border-radius:999px; background:var(--ink); color:#fff; font-weight:800; white-space:nowrap; }
  #readerViewToggle[aria-pressed="true"] { background:var(--medium-blue); }
  .reader { margin-inline:-12px; padding:14px 8px 18px; min-height:520px; border-radius:18px; }
  .reader-top { padding-inline:6px; margin-bottom:12px; }
  .book-stage { min-height:min(70vh,560px); }
  .book.mobile-single,.book.mobile-single.cover,.book.mobile-single.single-last { width:min(100%,430px); aspect-ratio:630/810; display:block; }
  .book.mobile-single::after { display:none; }
  .book.mobile-single .book-page-right { display:none; }
  .book.mobile-spread { width:100%; aspect-ratio:1260/810; display:grid; }
  .book.mobile-spread.cover,.book.mobile-spread.single-last { width:56%; aspect-ratio:630/810; display:block; }
  .reader-title strong { font-size:15px; }
  .reader-actions button { width:46px; height:46px; }
  .issue-note,.footer-inner { align-items:start;flex-direction:column; }
  .game-feature { padding:30px;min-height:430px; }
  .game-feature[data-game-href] { cursor:pointer; }
  .game-feature[data-game-href]:focus-visible { outline:4px solid var(--baby-blue); outline-offset:4px; }
  .article-modal { padding:10px; }.article-image{height:220px}.article-copy{padding:38px 22px 50px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}