/* Local iteration: printed media, worn polymer and console glass. */
:root{--control-edge:#7f9599;--wear-map:url('/brand/analog-wear-v1.webp')}

/* PS3-inspired menu capsules: smoked blue-black glass and a soft selection halo. */
.button,
.hero-actions>.button:not(.secondary),
.hero-actions>.button.secondary,
.masthead .subscribe-button,
.subscription .subscribe-button,
.publication-interior .button,
.publication-interior button[type=submit],
.publication-interior .route-masthead .subscribe-button,
#question-form #question-submit{
 position:relative;isolation:auto;overflow:visible;
 min-height:48px;padding:12px 24px;
 border:1px solid #b0bec570;border-bottom-color:#b0bec533;border-radius:999px;
 background:var(--wear-map) center/480px 320px repeat,radial-gradient(ellipse at 50% 0%,#e3f0ff24,transparent 72%),linear-gradient(180deg,#343d4be8,#18202bfa 58%,#101823fa);
 background-blend-mode:soft-light,normal,normal;
 color:#f1f4f8;opacity:1;text-shadow:0 1px 2px #000;
 box-shadow:inset 0 1px 1px #f1f6ff47,inset 0 -1px 2px #0008,0 2px 5px #0006,0 0 10px #bedcff0b;
 font-family:var(--label);font-size:16px;line-height:1.3;letter-spacing:.025em;
 transition:box-shadow .2s,border-color .2s,color .2s;
}
.button::before,.button::after,
.publication-interior button[type=submit]::before,
.publication-interior button[type=submit]::after,
#question-form #question-submit::before,
#question-form #question-submit::after{display:none;content:none}
.button:hover,
.hero-actions>.button:not(.secondary):hover,
.hero-actions>.button.secondary:hover,
.masthead .subscribe-button:hover,
.subscription .subscribe-button:hover,
.publication-interior .button:hover,
.publication-interior button[type=submit]:hover,
.publication-interior .route-masthead .subscribe-button:hover,
#question-form #question-submit:hover,
#question-form #question-submit:focus-visible{
 background:var(--wear-map) center/480px 320px repeat,radial-gradient(ellipse at 50% 0%,#e6f5ff3d,transparent 75%),linear-gradient(180deg,#384e65,#1b2c41 58%,#15263a);
 color:#fff;border-color:#d6eaff;transform:none;
 box-shadow:inset 0 1px 2px #f4fbffa3,inset 0 -1px 2px #071423,0 0 0 1px #c7e5ff26,0 0 19px #a0d4ff4d,0 2px 6px #0008;
}
.button:active,.publication-interior button[type=submit]:active,
#question-form #question-submit:active{background:#122035;color:#f1f4f8;box-shadow:inset 0 2px 5px #000a}
.button .platform-glyph{color:#d7e9f4;width:17px;height:17px}
.hero-actions>.button.secondary,.episode-bonus{border-color:#b0bec54f;background:var(--wear-map) center/480px 320px repeat,radial-gradient(ellipse at 50% 0%,#dce9ff15,transparent 75%),linear-gradient(180deg,#2b303ce8,#151c27fa)}
#question-form #question-submit:disabled{background:#1c2532;color:#cbd8e4;border-color:#5d6c7b;opacity:1;cursor:wait;box-shadow:none}

/* A compact material layout: thin paper-colored seams and large artwork. */
.editorial-content{padding:10px 0 24px}
.episode-subscription{grid-template-columns:1fr;gap:10px}
.episode,.subscription,.feature-grid article,.features article,.ep,.partners{border:1px solid #d1d4c980;border-radius:0;box-shadow:none}
.episode{position:relative;isolation:isolate;overflow:hidden;padding:26px;background:#030706}
.episode::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--wear-map) center/768px 512px repeat,url('/brand/mint-terrain-panels-v1.webp') right center/auto 122% no-repeat;background-blend-mode:soft-light,normal;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent calc(100% - clamp(66px,10vw,150px)),#000 100%)}
.episode-caption{display:flex;flex-direction:column;justify-content:center;gap:20px;padding-right:20px;min-width:0}
.episode .section-head{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 18px;border:0;padding:0;margin:0}
.episode .section-head .eyebrow{color:#e0e7de}
.latest-episode-heading{display:inline-flex;align-items:center;gap:10px;min-height:32px}
.latest-episode-platforms{display:flex;align-items:center;gap:4px;min-width:0}
.latest-episode-platforms .latest-episode-heading{margin:0 10px 0 0;min-height:40px;white-space:nowrap}
.latest-episode-platforms .platform-link{width:40px;height:40px;color:#b8cbbf}
.latest-episode-platforms .platform-glyph{width:19px;height:19px}
.latest-episode-platforms .glyph-youtube{width:22px;height:18px}
.latest-episode-platforms .platform-link:hover,.latest-episode-platforms .platform-link:focus-visible{color:#9af2c9}
.latest-episode-heading:hover{color:#a9f6cd}
.episode-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:4px}
.episode-actions .episode-links{margin:0;padding:0;gap:2px}
.episode-bonus{max-width:100%;font-size:15px;padding:12px 20px;gap:10px}
.episode-body{grid-template-columns:minmax(0,min(47%,540px)) minmax(0,1fr);gap:clamp(28px,3.5vw,50px);align-items:center}
.episode-caption h2{font:400 clamp(28px,2.7vw,38px)/1.16 var(--sans);letter-spacing:-.025em;max-width:25ch}
.episode-caption .micro{margin:0;color:#b8cbc8;font-size:13px;line-height:1.4;white-space:nowrap}
.episode-archive{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#c9dad9;text-decoration:underline;text-decoration-color:#789c9d8c;text-underline-offset:5px}
.episode-archive:hover{color:#b8f7ee;text-decoration-color:currentColor}
.episode-caption h2{color:#f0f3e9}
.episode-links{margin-top:22px;border-top-color:#c7d3ce3d}
.subscription{position:relative;background:#141918;padding:28px;gap:20px}
.subscription::after{display:none;content:none}
.subscription-mark{width:27px;height:27px;color:#a6d4c2}
.subscription h2{font:400 32px/1.12 var(--sans);letter-spacing:-.025em;color:#e4e8df}
.subscription p{color:#c1cbc4;font-size:18px;line-height:1.4;max-width:25ch}
.subscription-copy{position:relative;z-index:1}

.feature-grid{gap:10px;margin-top:10px;align-items:stretch}
.feature-grid article{position:relative;isolation:isolate;padding:30px;background:#0a100e}
.feature-grid h2,.features h2{font:400 34px/1.15 var(--sans);letter-spacing:-.035em;margin-bottom:18px}
.feature-grid article>p{font-size:18px;line-height:1.45;margin-bottom:22px}

/* A cool silver form is the single light material in this layout. */
.feature-grid #ask{
 background-color:#bcc4bd;
 background-image:linear-gradient(#c7cdc5ed,#b4beb6ed),url('/brand/carbon-surface-v2.webp');
 background-size:cover;border-color:#dce2d6;color:#111a16;box-shadow:none;
}
.feature-grid #ask h2{color:#101a15}
.feature-grid #ask>p{color:#303e35}
#question-form label{color:#26382d}
#question{background:#e1e6db;color:#112119;border:1px solid #596c5e;border-radius:0;box-shadow:inset 0 1px 3px #172b2114}
#question::placeholder{color:#526257}
#question-form .form-status{color:#3c4d40}
#question-form .field-error{color:#762c28}
#question[aria-invalid=true]{border-color:#8d342e}

/* Bright raster terrain fades into the same black used by its parent. */
.feature-grid .tools-panel{position:relative;overflow:hidden;background:#030706;border-color:#bedccc}
.tools-panel::after{
 display:block;content:'';position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;
 background:var(--wear-map) center/768px 512px repeat,url('/brand/mint-terrain-panels-v1.webp') right center/auto 116% no-repeat;background-blend-mode:soft-light,normal;mix-blend-mode:screen;
 mask-image:linear-gradient(90deg,transparent 38%,#0004 63%,#000 84%);opacity:1;
}
.tools-panel h2{color:#f0f5ea}
.tools-panel>p{color:#dce9e0;max-width:38ch}
.tools-panel .tool-links{position:relative;background:none;max-width:86%;margin:0 0 16px}
.tools-panel .tool-row{position:relative;z-index:1;background:linear-gradient(90deg,#030706f5,#030706e8 82%,#030706d9);border:0;border-top:1px solid #cee6d88a;padding:18px 0;margin-top:0;border-radius:0;min-height:63px;font-size:22px}
.tools-panel .tool-row:last-child{border-bottom:1px solid #cee6d88a}
.tools-panel .tool-row:hover{color:#c7f2db;background:#10291ccd}
.tool-footer{position:relative;min-height:44px;margin-top:auto;display:flex;align-items:center}
.tools-panel .tool-index{color:#a9f6cd;padding:0;font-size:16px;align-self:center;margin:0;min-height:44px}

.partners{margin-top:10px;padding:14px 30px 12px;background:#111513}
.partners .section-head{justify-content:center;padding:0 0 9px;margin:0 0 8px;border-bottom:1px solid #c6d2c761}
.partners h2{text-align:center;color:#e0e7dc;font-size:15px;line-height:1.3}
.partner-list{padding:0;border-bottom:0;row-gap:8px}
.partner-list>a{min-height:44px;padding:0}
.partner-list img{height:30px}
.partner-list .passage-press img{width:38px;height:38px}
.partner-list .passage-press span{font-size:16px}
.partner-note{text-align:right;margin:6px 0 0;color:#94a197;font-size:12px;line-height:1.35}
/* One continuous carbon surface: the graphic belongs to the panel, not a column. */
.contact-panel{position:relative;isolation:isolate;overflow:hidden;margin-top:10px;background:#030706;border-color:#d1d4c98c;padding:32px}
.contact-panel::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--wear-map) center/768px 512px repeat,linear-gradient(180deg,#000 70px,transparent 190px),url('/brand/mint-halftone-trace-v1.webp') left bottom/auto 112% no-repeat;background-blend-mode:soft-light,normal,normal;mix-blend-mode:screen;mask-image:linear-gradient(90deg,#000 21%,#000b 29%,#0001 38%,transparent 44%);opacity:1}
.contact{align-items:center}
.contact-intro{position:relative;align-self:stretch;margin:0;padding:0;min-height:260px;background:none}
.contact-intro::before{display:none;content:none}
.contact-copy{position:relative;background:none}
.contact h2{font:400 38px/1.15 var(--sans);letter-spacing:-.035em;color:#f0f3e9;text-shadow:0 2px 14px #030706}
.contact .eyebrow{color:#8bf0c3}
.contact p:not(.eyebrow){color:#e4e9e5}
.contact .email{color:#9eeaf0}

.features,.eps{gap:10px}
.features article,.ep{background:#0c1210}
.features article:nth-child(even){background:#151c18;border-color:#d1d4c980}
.features .text-link{color:#b2dcc5}
/* Carry the same materials through the existing instrument cards. */
.tool-features article,.tool-features article:nth-child(even){position:relative;isolation:isolate;overflow:hidden;background:#030706;border-color:#bedccc;padding-right:clamp(65px,10vw,150px)}
.tool-features article::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--wear-map) center/768px 512px repeat,url('/brand/mint-terrain-panels-v1.webp') right center/auto 112% no-repeat;background-blend-mode:soft-light,normal;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent calc(100% - clamp(65px,10vw,150px)),#000 100%)}
.tool-features article:nth-child(even)::after{background-image:var(--wear-map),url('/brand/mint-terrain-contact-v1.webp');background-position:center,75% bottom;background-size:768px 512px,auto 115%}
.tool-features article p:not(.eyebrow){color:#d6e1da}
.tool-features .text-link{color:#a9f6cd}

.ep h2{font-family:var(--sans);font-size:25px;letter-spacing:-.025em}
.publication-interior .panel,.publication-interior .form-panel,.publication-interior .instrument,.publication-interior .quiz-shell,.publication-interior .result-panel{border:1px solid #d1d4c980;border-radius:0;background:#0e1511;box-shadow:none}
.publication-interior h2,.publication-interior h3{font-family:var(--sans);letter-spacing:-.025em}

/* Let the attached photograph keep its actual scale and crop. */
.cd-hero{display:block;min-height:0;background:#090d0b;border:1px solid #d1d4c980;isolation:isolate}
.hero-art{position:relative;overflow:hidden;border-bottom:1px solid #d1d4c980;aspect-ratio:1536/486;background:#090b0a}
.cd-hero .landscape{position:static;inset:auto;width:100%;height:auto;object-fit:contain;object-position:center;filter:none;transform:none;z-index:auto;-webkit-mask-image:none;mask-image:none}
.hero-art-mark{position:absolute;left:5.3%;top:26%;width:18%;max-width:280px;height:auto;opacity:.97}
.cd-hero::after{display:none;content:none}
.cd-hero .hero-copy{width:100%;padding:28px 34px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px 32px;align-items:center}
.cd-hero .hero-copy h1{grid-column:1;grid-row:1;font-size:clamp(32px,3.45vw,51px);line-height:1.15;letter-spacing:-.045em;margin:0}
.cd-hero .hero-context{grid-column:2;grid-row:1;justify-self:end;display:flex;flex-direction:column;gap:14px;min-width:0;max-width:100%}
.cd-hero .hero-description{margin:0;font-size:19px;color:#aed9c2}
.cd-hero .hero-actions{grid-column:2;grid-row:1;justify-content:flex-end;gap:12px;align-content:center}
.cd-hero .hosts{justify-content:flex-start;gap:12px;margin:0;padding-top:0}
.cd-hero .hosts .eyebrow{font-size:14px;flex-basis:auto;text-align:center}
.cd-hero .hosts a,.cd-hero .host-conjunction{font-size:14px}
.cd-hero .host-conjunction{color:var(--muted)}

/* Quiet printed wear lives in the materials, never over text or video. */
/* Deep green-black with broken mint terrain at the margins, quiet through the centre. */
body{
 background-color:#03140f;
 background-image:linear-gradient(90deg,#020b0759 0%,#030907ed 24%,#030907ed 76%,#020b0759 100%),var(--wear-map),url('/brand/mint-terrain-contact-v1.webp'),url('/brand/carbon-surface-v2.webp');
 background-size:100% 100%,960px 640px,max(1700px,100vw) auto,cover;
 background-position:center,center,right top,center;
 background-blend-mode:normal,soft-light,screen,luminosity;
 background-repeat:no-repeat,repeat,no-repeat,no-repeat;
}
.cd-hero .hero-copy{background-color:#090d0b}
.ep-copy{background-color:#0c1210}
.cd-hero .hero-copy,.episode,.partners,.contact-panel,.features article,.ep-copy,
.publication-interior .panel,.publication-interior .form-panel,.publication-interior .instrument,.publication-interior .quiz-shell,.publication-interior .result-panel{
 background-image:var(--wear-map);background-size:960px 640px;background-blend-mode:soft-light;
}
.partners{background-position:17% 38%}
.contact-panel{background-position:63% 72%}
.episode::after,.contact-panel::before,.tool-features article::after{filter:saturate(.86) contrast(1.06)}

/* Worn carbon and mint keylines bring the episode back into the print palette. */
.episode{
 border-color:#a8bca18f;
 background-color:#080e0a;
 background-image:var(--wear-map),linear-gradient(110deg,#131c15,#080e0a 45%,#0c1710);
 background-size:960px 640px,100% 100%;background-blend-mode:soft-light,normal;
 box-shadow:inset 0 1px 0 #dce9d51a;
}
.episode .section-head{border:0}
.episode::after{opacity:.46;mask-image:linear-gradient(90deg,transparent 90%,#000 100%)}
.latest-episode-heading{color:#b5e4c7}
.episode-poster{border-color:#a0b49973;box-shadow:0 0 0 3px #030805}
.episode .play{width:40px;height:40px;border-radius:50%;background:linear-gradient(160deg,#344b3ae8,#09130ced);border-color:#c5dec1a6;box-shadow:inset 0 1px 2px #e0f3d933;color:#f0f5e8}
.episode-bonus,
.masthead .subscribe-button,
.subscription .subscribe-button,
.publication-interior .route-masthead .subscribe-button{
 color:#f1f4f8;
 border-color:#a6bea196;
 background:var(--wear-map) center/480px 320px repeat,radial-gradient(ellipse at 50% 0%,#e3f3cf24,transparent 72%),linear-gradient(180deg,#344638e8,#192b1dfa 58%,#0d170ffa);
 background-blend-mode:soft-light,normal,normal;
 box-shadow:inset 0 1px 1px #eaf6df55,inset 0 -2px 2px #020904d9,0 2px 4px #0007;
}
.episode-bonus:hover,.episode-bonus:focus-visible,
.masthead .subscribe-button:hover,.masthead .subscribe-button:focus-visible,
.subscription .subscribe-button:hover,.subscription .subscribe-button:focus-visible,
.publication-interior .route-masthead .subscribe-button:hover,.publication-interior .route-masthead .subscribe-button:focus-visible{background:var(--wear-map) center/480px 320px repeat,linear-gradient(180deg,#425949,#192f22);border-color:#c9eecb;box-shadow:inset 0 1px 2px #efffe870,0 0 15px #7cdbb32b;color:#fff}
.episode-bonus .platform-glyph,.subscribe-button .platform-glyph{color:#d6eace}
.contact-panel{border-top-color:#a6dacf96;border-bottom-color:#a6dacf96}
.contact-panel::before{filter:contrast(1.12) saturate(.92)}
/* A small amber ink accent changes only the colour of the existing halftone. */
.contact-panel::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60px 28px at 140px 74%,#d4b06a 35%,transparent 100%);mix-blend-mode:color}
.site-footer{background-color:#080f0b;background-image:var(--wear-map);background-size:960px 640px;background-blend-mode:soft-light;border-top:1px solid #abc1ae57;border-radius:0;box-shadow:none}
.site-footer nav a{color:#ced8c9;text-shadow:none}
.site-footer nav a:hover{color:#9af2c9}
.site-footer p{color:#a0afa0;text-shadow:none}

/* Equal icon cells use the full strip; no unused right-hand tail. */
.platforms{display:grid;grid-template-columns:124px minmax(0,1fr);align-items:center;gap:18px;padding:5px 26px;min-height:54px}
.platforms p{margin:0;font-size:14px;font-weight:700;line-height:1.4;color:#f0f3e7;text-shadow:0 1px 2px #000}
.platforms{background-color:#06100de6}
.platforms>div{width:100%;max-width:none;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;justify-items:center}
.platforms .platform-link{width:44px;height:44px}


.button:focus-visible,.publication-interior button[type=submit]:focus-visible,#question-form #question-submit:focus-visible{outline:2px solid #c9e9ff;outline-offset:4px}
.feature-grid #ask a:focus-visible,.feature-grid #ask button:focus-visible,.feature-grid #ask textarea:focus-visible{outline-color:#264b37}
@media(max-width:1100px){
 .cd-hero .hero-copy{padding:25px 28px;gap:14px 24px}
 .cd-hero .hero-actions .button{font-size:15px;padding:12px 18px}
 .cd-hero .hosts{gap:10px}
 .feature-grid article{padding:26px}
}
@media(max-width:900px){
 .episode-subscription{grid-template-columns:1fr}
 .episode-body{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:26px}
 .episode-caption{padding-right:0;gap:15px}
 .episode-caption h2{font-size:28px}
 .episode-actions{gap:7px 18px}
 .episode-bonus{font-size:14px;padding:12px 17px}
 .subscription{grid-template-columns:32px minmax(0,1fr);gap:20px;padding:26px}
 .subscription h2{font-size:29px}
 .subscription p{max-width:45ch}
}
@media(max-width:800px){
 .episode-body{grid-template-columns:1fr;gap:24px}
 .episode-caption h2{max-width:32ch;font-size:clamp(28px,4.6vw,35px)}
 .episode::after{display:none}
 .platforms{grid-template-columns:100px minmax(0,1fr);padding:5px 20px;gap:10px}
 .feature-grid,.features,.eps{gap:10px}
 .cd-hero .hero-copy{display:block;padding:26px}
 .cd-hero .hero-copy h1{font-size:clamp(32px,5vw,43px);margin-bottom:17px}
 .cd-hero .hero-context{gap:14px}
 .cd-hero .hero-description{font-size:18px;margin:0}
 .cd-hero .hero-actions{justify-content:flex-start;flex-direction:row;gap:12px}
 .cd-hero .hosts{justify-content:flex-start;margin:0;gap:12px;padding-top:0}
 .cd-hero .hosts .eyebrow{flex-basis:auto;text-align:center}
 .contact-panel{padding:26px}
 .contact-panel::after{height:225px;background:radial-gradient(ellipse 48px 23px at 125px 60%,#d4b06a 35%,transparent 100%)}
 .contact-intro{margin:0;padding:0;min-height:175px}
 .contact-panel::before{height:225px;background:var(--wear-map) center/768px 512px repeat,linear-gradient(180deg,#000e 15%,transparent 75%),url('/brand/mint-halftone-trace-v1.webp') left 65%/auto 145% no-repeat;background-blend-mode:soft-light,normal,normal;mask-image:linear-gradient(180deg,#000 40%,transparent 100%)}
}
@media(max-width:600px){
 .platforms{grid-template-columns:1fr;gap:0;padding:8px 12px 3px}
 .platforms p{text-align:center;font-size:12px}
 .platforms .platform-link{width:100%;height:40px;max-width:44px}
 .hero-art-mark{display:none}
 .hero-art{height:210px;aspect-ratio:auto}
 .cd-hero .landscape{width:100%;height:100%;object-fit:cover;object-position:65% top}
 .episode-body{grid-template-columns:1fr;gap:20px}
 .episode-caption{padding-right:0}
 .episode::after{display:none}
 .episode-caption h2{font-size:27px}
 .feature-grid article,.episode,.subscription{padding:23px}
 .partners{padding:12px 20px 10px}
 .partner-list{row-gap:7px;column-gap:20px}
 .partner-list>a{min-height:42px}
 .partner-list img{height:27px}
 .partner-list .passage-press img{width:34px;height:34px}
 .feature-grid h2,.features h2{font-size:31px}
 .feature-grid article>p{font-size:17px}
 .tools-panel::after{width:100%;opacity:1;mask-image:linear-gradient(90deg,transparent 38%,#0004 65%,#000 100%)}
 .tool-features article,.tool-features article:nth-child(even){padding-right:70px}
 .tool-features article::after{mask-image:linear-gradient(90deg,transparent calc(100% - 70px),#000 100%)}
 .tools-panel .tool-links{max-width:100%}
 .tools-panel .tool-row{font-size:20px}
 .cd-hero .hero-actions .button{font-size:15px;padding:12px 18px}
}
@media(prefers-reduced-motion:reduce){.button,.publication-interior button[type=submit],#question-form #question-submit{transition:none}}

/* Black is transparent under screen blending, including beyond each image edge. */
.episode::after,.contact-panel::before,.tools-panel::after,.tool-features article::after{background-color:#000}