/* Slopcore editorial extension. The broadcast page keeps its existing layout. */
.mag-preview-list{display:grid;gap:0;border-top:1px solid #363139}
.mag-preview .release-row{padding:12px 0;border-bottom:1px solid #363139;grid-template-columns:94px 1fr;min-height:93px}
.mag-preview .release-art img{width:94px;height:66px}
.mag-preview .release-row h3{font-size:17px;margin:2px 0}
.mag-preview .release-creator{font-size:12px;margin:0;color:#b9aaad}
.mag-preview .mag-tag{font-size:9px}
.mag-page-edge{display:block;position:relative;margin-top:17px;padding:20px 55px 18px 20px;max-width:390px;background:linear-gradient(115deg,#512024,#23191f 65%);border:1px solid #a34c42;border-radius:7px;color:#f7e9df;font:700 15px/1.2 var(--body);letter-spacing:.08em;overflow:hidden;box-shadow:0 5px 20px #0005}
.mag-page-edge small{display:block;margin-top:7px;font-size:11px;font-weight:400;letter-spacing:0;color:#ddc9c4}
.mag-page-edge>span{position:absolute;right:20px;top:20px}
.mag-page-edge:after{content:"";position:absolute;right:0;bottom:0;width:27px;height:27px;background:linear-gradient(135deg,#ad5545 48%,#ebac86 51%,#2a171c 57%);clip-path:polygon(100% 0,100% 100%,0 100%);transform-origin:right bottom;animation:page-peek 3.8s ease-in-out infinite}
@keyframes page-peek{0%,78%,100%{transform:rotate(0)}87%{transform:rotate(-14deg)}}
.magazine-page,.magazine-active{background:#101014;color:#e9ddd5}
.magazine-page .site-header,.magazine-page footer,.magazine-active .site-header,.magazine-active footer{border-color:#45383e;color:#eee9e2}
.magazine-page .site-header nav a,.magazine-page footer a,.magazine-page footer p,.magazine-active .site-header nav a,.magazine-active footer a,.magazine-active footer p{color:#eee9e2}
.mag-wrap{width:min(1110px,calc(100% - 42px));margin:0 auto 80px;font-family:var(--body);line-height:1.55}
.mag-top{display:flex;justify-content:space-between;gap:15px;padding:23px 0;border-bottom:1px solid #51454c;font:11px/1.3 Arial,sans-serif;letter-spacing:.1em;color:#baa7a8}
.mag-top a{color:#f39984}
.mag-masthead{padding:38px 0 32px;background:radial-gradient(circle at 70% 40%,#56232977,transparent 55%)}
.mag-masthead>p:first-child,.mag-kicker{color:#f08871;font:700 11px/1.3 Arial,sans-serif;letter-spacing:.12em}
.mag-masthead h1{font:700 clamp(48px,9vw,118px)/.9 var(--display);margin:15px 0;color:#f4e9df;letter-spacing:.01em}
.mag-masthead>p:last-child{max-width:690px;color:#d3c5c1;font-size:20px;margin:0}
.mag-nav{display:flex;gap:5px;flex-wrap:wrap;padding:12px 0 25px;border-bottom:1px solid #51454c}
.mag-nav a{padding:8px 12px;border-radius:4px;color:#dccbc5;font:700 12px/1.1 Arial,sans-serif}
.mag-nav a[aria-current]{background:#a7483c;color:#fff}
.mag-feature{display:grid;grid-template-columns:1fr 1fr;min-height:340px;margin:25px 0 40px;background:#231c22;border:1px solid #6a3b39;overflow:hidden}
.mag-feature>div{padding:35px;align-self:center}.mag-feature h2{font:700 clamp(38px,5vw,70px)/.97 var(--display);margin:15px 0}
.mag-feature p{color:#d6c8c4;max-width:480px}.mag-feature img{width:100%;height:100%;min-height:300px;object-fit:cover}
.mag-tag{color:#f48b76;font:700 10px/1.1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.mag-action{display:inline-block;margin-top:15px;color:#fff;background:#b44a3a;padding:10px 14px;font:700 11px Arial,sans-serif}
.mag-section{padding:38px 0 52px;border-bottom:1px solid #42353b}
.mag-section-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px;margin-bottom:19px}.mag-section-head p{grid-column:1/-1;color:#f0826b;font:700 11px Arial,sans-serif;letter-spacing:.12em;margin:0}.mag-section-head h2,.mag-pair h2{font:700 clamp(32px,4vw,53px)/1 var(--display);margin:0}.mag-section-head a,.mag-pair a,.chart-row a{color:#f89a83}
.mag-list{display:grid;gap:0}
.release-row{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:18px 0;border-top:1px solid #41363c}
.release-art img{width:180px;height:102px;object-fit:cover;border-radius:4px;background:#2e2328}
.release-row h3{font-size:22px;line-height:1.13;margin:6px 0}.release-row h3 a{color:#f2e7df}.release-row p{margin:4px 0 9px;color:#d2c4bf}.release-row small,.release-row small a{color:#bcaead}.release-creator{font-size:13px}
.mag-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px}.mag-pair>div{padding:23px;background:#242026}.mag-pair p:not(.mag-kicker){color:#cbbfc0}
.mag-article{padding:20px 0;border-top:1px solid #42353b}.mag-article h3{font-size:23px;margin:6px 0}.mag-article p{margin:0;color:#cabdc0}.mag-article time,.scene-article time{font:11px Arial,sans-serif;color:#f3947e}
.mag-bottom{display:flex;justify-content:space-between;gap:14px;padding:30px 0;font:11px Arial,sans-serif;color:#ab9a9e}.mag-bottom a{color:#f3947e}
.mag-filter{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:10px}.mag-filter label{font-size:12px;color:#d2c3be}.mag-filter input,.mag-filter select{background:#261e24;color:#f3e6df;border:1px solid #725b60;border-radius:4px;padding:10px;min-height:42px}.mag-filter input{min-width:230px}
.mag-filter input:focus-visible,.mag-filter select:focus-visible{outline:2px solid #f59a82}
.chart-row{padding:27px 0;border-top:1px solid #4a3c42}.chart-row h2{font-size:28px;margin:8px 0}.chart-row p,.mag-note{color:#d0c1c2;max-width:720px}
.mag-creator-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mag-creator-grid article{background:#231d23;padding:25px;border:1px solid #514046}.mag-creator-grid h2{margin:7px 0}.mag-creator-grid p:not(.mag-kicker){color:#d1c4c4}.creator-work{display:block;color:#e6aaa0}
.scene-article{max-width:760px;padding:30px 0 40px;border-top:1px solid #514046}.scene-article h2{font:700 clamp(32px,5vw,53px)/1 var(--display);margin:12px 0}.scene-deck{font-size:20px;color:#f1d7cc}.scene-article p{line-height:1.7}.source-line,.source-line a{font-size:12px;color:#d4a291}
.magazine-page :focus-visible,.magazine-active :focus-visible{outline:2px solid #f6a18a;outline-offset:3px}
.release-row[hidden]{display:none!important}
@media(max-width:720px){.mag-wrap{width:calc(100% - 32px)}.mag-masthead{padding:25px 0}.mag-masthead>p:last-child{font-size:16px}.mag-feature,.mag-pair,.mag-creator-grid{grid-template-columns:1fr}.mag-feature>div{padding:23px}.mag-feature img{min-height:190px;max-height:250px;grid-row:1}.release-row{grid-template-columns:110px 1fr;gap:10px}.release-art img{width:110px;height:74px}.release-row h3{font-size:17px}.mag-top>span{display:none}.mag-section-head{grid-template-columns:1fr}.mag-bottom{display:block}.mag-bottom a{display:block;margin-top:12px}.mag-nav a{font-size:11px;padding:8px}.mag-preview .release-row{grid-template-columns:88px 1fr}.mag-preview .release-art img{width:88px;height:65px}}
@media(prefers-reduced-motion:reduce){.mag-page-edge:after,.mag-turn-sheet{animation:none}.mag-turn-sheet{display:none}}

.mag-sound{position:fixed;right:20px;bottom:20px;z-index:20;background:#211b1d;color:#fff;border:1px solid #a64237;border-radius:8px;padding:12px 20px;cursor:pointer}
main[hidden]{display:none!important}

.mag-page-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #51454c;touch-action:pan-y;font:12px/1.4 Arial,sans-serif}
.mag-page-controls>a{position:relative;display:block;min-height:52px;padding:12px 22px;background:#2b2026;border:1px solid #694247;color:#f4d8ca;min-width:150px}
.mag-page-controls>a span{display:block;color:#c4a4a0;font-size:11px;margin-top:4px}.mag-page-controls>.mag-next{padding-right:45px}
.mag-next i{position:absolute;right:0;bottom:0;width:30px;height:30px;background:linear-gradient(135deg,#a45949 48%,#f1bea0 50%,#29151d 60%);clip-path:polygon(100% 0,100% 100%,0 100%);transition:width .2s,height .2s}.mag-next:hover i,.mag-next:focus-visible i{width:39px;height:39px}
.mag-page-number{color:#bda9a5;white-space:nowrap}
@media(max-width:520px){.mag-page-controls{gap:8px}.mag-page-controls>a{min-width:0;padding:10px;font-size:11px}.mag-page-controls>span:first-child{max-width:90px;font-size:9px}}

/* Persistent HTML magazine: these leaves are the reading surface, not an overlay. */
/* A forward curl extends right of the book. Contain it here so it cannot
   enlarge the document and make the browser rescale the whole page. */
.issue-reader{max-width:1200px;width:calc(100% - 40px);margin:0 auto 45px;color:#eadbd0;overflow-x:clip}
.issue-reader[hidden],.mag-wrap[hidden]{display:none!important}
.issue-toolbar,.issue-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;font:12px/1.4 Arial,sans-serif;color:#bfa8a4}
.issue-toolbar a{color:#ed9c87}.issue-toolbar button,.issue-tools button,.issue-resume{border:1px solid #71534d;background:#251b21;color:#f2ded2;padding:10px 15px;cursor:pointer}.issue-tools{justify-content:center}.issue-tools button:disabled{opacity:.3;cursor:default}
.issue-book{margin:0 auto;outline-offset:5px;box-shadow:0 22px 50px #0008;touch-action:pan-y}
.issue-leaf{background:#21171c;color:#f2e5db;border:1px solid #54363a;overflow:hidden}
.issue-leaf:nth-child(even){background:#281b20}.issue-leaf.--left{box-shadow:inset -16px 0 24px -18px #000c}.issue-leaf.--right{box-shadow:inset 16px 0 24px -18px #000c}
.leaf-inner{height:100%;display:flex;flex-direction:column;padding:28px 35px;box-sizing:border-box}
.leaf-inner>header,.leaf-inner>footer{display:flex;justify-content:space-between;font:9px/1.3 Arial,sans-serif;letter-spacing:.12em;color:#c28b80;flex-shrink:0}
.leaf-inner>header{padding-bottom:15px;border-bottom:1px solid #694047}.leaf-inner>footer{margin-top:auto;padding-top:14px;border-top:1px solid #694047}
.leaf-copy{padding:20px 0;overflow:auto;scrollbar-width:thin;flex:1;min-height:0}
.leaf-copy h2{font:700 clamp(28px,3.6vw,49px)/.98 var(--display);margin:0 0 20px;overflow-wrap:anywhere}.leaf-copy h3{font:700 25px/1.1 var(--display);margin:0 0 12px}
.leaf-copy p{font:15px/1.6 var(--body);color:#d7c4bb;margin:12px 0}.leaf-copy .leaf-deck{font-size:18px;line-height:1.45}.leaf-copy .leaf-byline{font:11px/1.5 Arial,sans-serif;color:#ed947e}.leaf-copy .leaf-note,.leaf-copy .leaf-sources{font:11px/1.55 Arial,sans-serif;color:#bda49d}.leaf-copy a{color:#ffa58b;text-decoration:underline;text-underline-offset:3px}.leaf-copy .leaf-link{display:inline-block;border-bottom:1px solid #b36956;padding:12px 0;font-size:15px;text-decoration:none}
.leaf-art{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin:22px 0}.leaf-copy section+section{border-top:1px solid #694047;margin-top:30px;padding-top:30px}
.issue-cover{background:#160c11}.issue-cover .leaf-copy{position:relative;overflow:hidden}.issue-cover h2{font-size:clamp(31px,4vw,56px);position:relative;z-index:1}.cover-art{width:100%;height:45%;object-fit:cover;display:block;margin:20px 0}.leaf-copy .cover-lines{font:700 clamp(26px,3vw,40px)/1 var(--display);color:#f5e4d6}.leaf-copy small{font-size:9px;color:#b68e85}
.issue-contents{list-style:none;padding:0;counter-reset:contents}.issue-contents li{padding:20px 0;border-top:1px solid #694047}.issue-contents a{font:700 27px/1 var(--display);text-decoration:none}.issue-contents span{display:block;font:13px/1.5 var(--body);color:#c6ada4;margin-top:7px}.issue-back .leaf-copy{display:flex;flex-direction:column;justify-content:center}
.issue-reader[data-turn-state="user_fold"] .issue-book{cursor:grabbing}.issue-book{cursor:grab}.issue-book a,.issue-book button{cursor:pointer}.issue-book :focus-visible{outline:2px solid #ffc09e;outline-offset:3px}
@media(max-width:650px){.issue-reader{width:calc(100% - 20px)}.issue-toolbar{font-size:10px;gap:10px}.issue-toolbar span{max-width:110px}.leaf-inner{padding:20px 25px}.leaf-copy{padding:14px 0}.leaf-copy p{font-size:13px}.leaf-copy .leaf-deck{font-size:15px}.leaf-copy h2{font-size:32px}.issue-contents li{padding:15px 0}.issue-contents a{font-size:24px}}
.magazine-page,.magazine-active{overflow-x:clip}

.cover-theme{display:block;position:relative;width:100%;height:36%;min-height:160px;margin:18px 0;overflow:hidden;border:0;border-radius:0}
.cover-theme>img.cover-art{display:block;width:100%;height:100%;margin:0;object-fit:cover}
.issue-reader[data-current-page="0"]~.mag-sound{display:none}

main:has(.issue-reader:not([hidden])[data-current-page="0"])>.mag-sound{display:none}