/* MAG system: display / editorial heading / reading / metadata. Home excluded. */
html[data-mag-system]{--mag-meta:12px;--mag-ease:cubic-bezier(.22,.61,.36,1)}
/* A named important layer unifies earlier page-specific important declarations. */
@layer mag-publication{
 html[data-mag-system]{--mag-display:clamp(52px,6vw,80px);--mag-section:clamp(30px,3vw,40px);}
 html[data-mag-system] .issue-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 220px!important;gap:48px!important;align-items:center!important;}
 html[data-mag-system] :is(main,.mag-later-page,[role=main]) h1{font-family:"Newsreader",Georgia,serif!important;font-size:var(--mag-display)!important;line-height:1.06!important;font-weight:400!important;letter-spacing:-.03em!important;text-wrap:balance;}
 html[data-mag-system][data-mag-title=long] :is(main,.mag-later-page) h1{font-size:clamp(44px,5vw,64px)!important;line-height:1.09!important;}
 html[data-mag-system=article] :is(.article-title-main,.mz-title){font-size:var(--mag-display)!important;line-height:1.06!important;font-weight:400!important;letter-spacing:-.03em!important;}
 html[data-mag-system=article][data-mag-title=long] :is(.article-title-main,.mz-title){font-size:clamp(44px,5vw,64px)!important;line-height:1.09!important;}
 html[data-mag-system] :is(.mag-byline,.article-byline,.article-author,.mz-byline,.tw-byline,.dfb-byline,.article-meta,.article-kicker,.mz-kicker,.tw-kicker,.dfb-kicker){font-family:"Inter",Arial,sans-serif!important;font-size:12px!important;line-height:1.6!important;}
 html[data-mag-system] .mag-document span.mag-metadata{font-family:"Inter",Arial,sans-serif!important;font-size:12px!important;line-height:1.6!important;}
 html[data-mag-system] :is(.mag-title-split [data-title-part=subtitle],.article-title-sub,.article-title-name){font-size:32px!important;line-height:1.2!important;font-weight:400!important;}
 html[data-mag-system] .mag-not-found .not-found-links{font-size:12px!important;}
 html[data-mag-system] :is(figcaption,.mag-caption){font-family:"Inter",Arial,sans-serif!important;font-size:12px!important;line-height:1.6!important;}
 html[data-mag-system] :is(.nav-meta,.nav-summary,.nav-series-state,.nav-series-author,.issues-summary,.issue-entry__meta,.issue-meta,.issue-season,.season,.current-meta,.archive-meta,.contents-meta,.ui-label,.section-tag,.nav-back,.enter-link,.editorial-link,.studio-column-state,.studio-byline,.studio-issue,.studio-story figcaption,[data-picked-state],.studio-picker-action){font-family:"Inter",Arial,sans-serif!important;font-size:12px!important;line-height:1.6!important;}
 html[data-mag-system] :is(main.iidrr-issues,main.iidrr-issue,main.iidrr-collection,main.iidrr-soon,main.iidrr-about,main.studio-columns,main.mag-contact){width:100%!important;max-width:1180px!important;margin-inline:auto!important;padding:56px 52px 88px!important;}
 html[data-mag-system] .mag-contact label{font-size:12px!important;}
 html[data-mag-system] :is(.current-number,.issue-number){font-size:80px!important;line-height:.88!important;}
 html[data-mag-system] .archive-number{font-size:56px!important;line-height:.92!important;}
 html[data-mag-system] .archive-row{grid-template-columns:80px minmax(0,1fr) 170px!important;gap:12px 24px!important;}
 html[data-mag-system] .current-copy h2{font-size:52px!important;line-height:1.08!important;letter-spacing:-.03em!important;}
 html[data-mag-system] .archive-copy h3{font-size:36px!important;line-height:1.14!important;}
 html[data-mag-system] .issue-entry__title{font-size:32px!important;line-height:1.2!important;}
 html[data-mag-system] .studio-story h3{font-size:40px!important;line-height:1.12!important;}
 html[data-mag-system] .studio-column-name{font-size:36px!important;line-height:1.14!important;}
 html[data-mag-system] .studio-sr-only{width:1px!important;height:1px!important;font-size:1px!important;margin:0!important;}
 @media(max-width:1024px){html[data-mag-system] :is(main.iidrr-issues,main.iidrr-issue,main.iidrr-collection,main.iidrr-soon,main.iidrr-about,main.studio-columns,main.mag-contact){padding:44px 32px 76px!important;}}
 @media(max-width:800px){html[data-mag-system] .archive-row{grid-template-columns:64px minmax(0,1fr)!important;gap:10px 18px!important;}}
 @media(max-width:800px){html[data-mag-system] .issue-hero{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;}}
 @media(max-width:700px){
  html[data-mag-system]{--mag-display:44px;--mag-section:30px;}
  html[data-mag-system] :is(main.iidrr-issues,main.iidrr-issue,main.iidrr-collection,main.iidrr-soon,main.iidrr-about,main.studio-columns,main.mag-contact){padding:36px 24px 72px!important;}
  html[data-mag-system][data-mag-title=long] :is(main,.mag-later-page) h1,html[data-mag-system=article][data-mag-title=long] :is(.article-title-main,.mz-title){font-size:36px!important;line-height:1.14!important;}
  html[data-mag-system] .current-copy h2{font-size:36px!important;}
  html[data-mag-system] :is(.current-number,.issue-number){font-size:64px!important;}
  html[data-mag-system] .archive-number{font-size:44px!important;}
  html[data-mag-system] .archive-copy h3{font-size:30px!important;}
  html[data-mag-system] .issue-entry__title,html[data-mag-system] .studio-story h3{font-size:27px!important;line-height:1.22!important;}
  html[data-mag-system] .studio-column-name{font-size:28px!important;}
  html[data-mag-system] :is(.mag-title-split [data-title-part=subtitle],.article-title-sub,.article-title-name){font-size:27px!important;line-height:1.22!important;}
 }
 @media(max-width:389px){html[data-mag-system] :is(main.iidrr-issues,main.iidrr-issue,main.iidrr-collection,main.iidrr-soon,main.iidrr-about,main.studio-columns,main.mag-contact){padding-inline:20px!important;}}
 @media(max-width:339px){html[data-mag-system]{--mag-display:40px;}html[data-mag-system][data-mag-title=long] :is(main,.mag-later-page) h1,html[data-mag-system=article][data-mag-title=long] :is(.article-title-main,.mz-title){font-size:33px!important;}}
}
html[data-mag-system] .iidrr-header-nav a[aria-current=page]{color:var(--purple)!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:6px;}
html[data-mag-system] .iidrr-header-nav a:focus-visible{outline:2px solid var(--purple);outline-offset:5px;}
html[data-mag-system] .mag-breadcrumbs{margin-bottom:32px;font-size:12px;}
html[data-mag-system] :is(.mag-breadcrumbs a,.nav-back,.enter-link,.editorial-link,.studio-column-link,.mag-context-exits a,.dfb-context-exits a){display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;text-decoration-thickness:1px;transition:color 180ms ease,text-decoration-color 180ms ease,transform 220ms var(--mag-ease);}
html[data-mag-system] :is(.mag-breadcrumbs a,.nav-back,.enter-link,.editorial-link,.studio-column-link,.mag-context-exits a,.dfb-context-exits a):is(:hover,:focus-visible){color:var(--purple);text-decoration-color:var(--purple);}
html[data-mag-system] .issue-entry__link{min-height:56px;transition:color 180ms ease,transform 220ms var(--mag-ease);}
html[data-mag-system] .issue-entry__number{font-size:12px;}
html[data-mag-system] .issue-entry__link:hover .issue-entry__title{color:var(--purple);}
html[data-mag-system] .issue-entry__link:focus-visible{outline:2px solid var(--purple);outline-offset:6px;}
html[data-mag-system] .studio-layout{grid-template-columns:260px minmax(0,1fr);gap:56px;}
html[data-mag-system] .studio-page-head{margin-bottom:52px;}
html[data-mag-system] .studio-story h3 a{display:inline-block;min-height:44px;}
/* Issue-derived points/lines sit in a real editorial plane, never a card fill. */
html[data-mag-system] .issue-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:48px;align-items:center;}
html[data-mag-system] .issue-signal{pointer-events:none;min-width:0;}
html[data-mag-system] .issue-signal .preview-signal{display:block;position:relative;height:70px;overflow:hidden;opacity:.42;transition:opacity 220ms ease,transform 220ms var(--mag-ease);}
html[data-mag-system] .issue-signal .preview-whisper{position:relative;height:110px;overflow:hidden;}
html[data-mag-system] .issue-signal .preview-field-line{position:absolute;left:0;right:3%;height:1px;transform-origin:left center;}
html[data-mag-system] .issue-signal .preview-field-a{top:48%;background:rgba(120,60,246,.58);animation:magIssueResolve 2.4s cubic-bezier(.65,0,.35,1) 1 both;}
html[data-mag-system] .issue-signal .preview-field-b{top:56%;left:28%;right:16%;background:rgba(22,22,20,.18);}
html[data-mag-system] .issue-signal .preview-field-point{position:absolute;right:3%;top:calc(48% - 2px);width:4px;height:4px;background:var(--purple);border-radius:50%;}
html[data-mag-system] .issue-signal :is(.orbit,.serenity-ring,.glitch){position:absolute;display:block;}
html[data-mag-system] .issue-signal .orbit-a{left:8%;right:9%;top:19px;height:40px;border-top:1px dashed rgba(120,60,246,.72);border-radius:50%;transform:rotate(-10deg);}
html[data-mag-system] .issue-signal .orbit-b{left:25%;right:22%;top:29px;height:27px;border-top:1px dashed rgba(22,22,20,.24);border-radius:50%;transform:rotate(8deg);}
html[data-mag-system] .issue-signal .orbit-dot{position:absolute;right:10%;top:22px;width:5px;height:5px;border-radius:50%;background:var(--purple);}
html[data-mag-system] .issue-signal .serenity-ring{border:1px dotted rgba(120,60,246,.62);border-radius:50%;transform:rotate(-8deg);transition:transform 220ms var(--mag-ease);}
html[data-mag-system] .issue-signal .ring-a{inset:12px 6%;}html[data-mag-system] .issue-signal .ring-b{inset:22px 20%;}html[data-mag-system] .issue-signal .ring-c{inset:30px 34%;border-color:rgba(22,22,20,.25);}
html[data-mag-system] .issue-signal .glitch{left:7%;height:6px;background:rgba(120,60,246,.54);transition:transform 220ms var(--mag-ease);}
html[data-mag-system] .issue-signal .glitch-a{top:16px;width:62%;}html[data-mag-system] .issue-signal .glitch-b{top:31px;left:24%;width:67%;background:rgba(22,22,20,.20);}html[data-mag-system] .issue-signal .glitch-c{top:47px;left:12%;width:78%;background:rgba(120,60,246,.34);}
@keyframes magIssueResolve{from{transform:scaleX(.08);opacity:0;}to{transform:scaleX(1);opacity:1;}}
@media(hover:hover) and (pointer:fine){html[data-mag-system] .issue-entry__link:hover{transform:translateX(3px);}html[data-mag-system] .issue-hero:hover .preview-signal{opacity:.72;}html[data-mag-system] .issue-hero:hover .preview-playtime{transform:translateX(3px);}html[data-mag-system] .issue-hero:hover .serenity-ring{transform:rotate(-8deg) scale(1.025);}html[data-mag-system] .issue-hero:hover .glitch-a{transform:translateX(3px);}html[data-mag-system] .issue-hero:hover .glitch-b{transform:translateX(-2px);}html[data-mag-system] .issue-hero:hover .glitch-c{transform:translateX(2px);}}
@media(max-width:800px){html[data-mag-system] .issue-hero{grid-template-columns:minmax(0,1fr);gap:18px;}html[data-mag-system] .issue-signal{width:min(100%,220px);}html[data-mag-system] .issue-signal .preview-whisper{height:56px;}html[data-mag-system] .studio-layout{display:block;}}
@media(prefers-reduced-motion:reduce){html[data-mag-system] *,html[data-mag-system] *::after{animation:none!important;transition:none!important;}html[data-mag-system] .issue-entry__link:hover,html[data-mag-system] .issue-hero:hover :is(.preview-playtime,.glitch){transform:none;}html[data-mag-system] .issue-hero:hover .serenity-ring{transform:rotate(-8deg);}}
