:root{--mono:'IBM Plex Mono',monospace;--display:'Archivo',sans-serif;--body:'Source Sans 3',sans-serif}
/* Coastal Mint — the selected lighter Coastal palette. */
:root{--bg:#dee6e9;--ink:#283947;--muted:#a7482c;--accent:#a7482c;--accent-ink:#ffffff;--panel:#cbd9df;--panel-ink:#283947;--panel-copy:#283947;--line:#a6bdc8;--soft:#d4e0e5;--shadow:#b4c7d0;--highlight:#3b5f72;--panel-line:#a6bdc8;color-scheme:light}
body[data-theme=signal]{background:var(--bg);color:var(--ink);font-family:var(--body);transition:background-color .25s,color .25s}
button:focus-visible,a:focus-visible{outline:3px solid var(--highlight);outline-offset:5px}::selection{background:var(--accent);color:var(--accent-ink)}.skip-link{position:fixed;z-index:30;top:-60px;left:20px;padding:10px 18px;background:var(--ink);color:var(--bg)}.skip-link:focus{top:10px}
body[data-theme=signal] #site{padding:0 54px}.site-nav{padding:29px 0;border-color:var(--line);position:relative}.site-nav:after{content:'';position:absolute;left:0;bottom:-5px;width:72px;border-bottom:3px solid var(--highlight)}body[data-theme=signal] .wordmark{display:flex;gap:15px;align-items:center;font:600 20px var(--mono);letter-spacing:-1px}.pace-mark{display:flex;gap:4px;transform:skew(-24deg);height:25px;margin:0 5px}.pace-mark i{background:var(--ink);width:5px}.pace-mark i:last-child{background:var(--highlight)}body[data-theme=signal] .site-nav nav{font:13px var(--mono)}.site-nav nav>a:hover{text-decoration:underline;text-underline-offset:6px}body[data-theme=signal] .nav-listen{border:1px solid var(--ink);background:var(--accent);color:var(--accent-ink);padding:12px 18px;box-shadow:3px 3px 0 var(--shadow)}.nav-listen:hover{transform:translateY(-2px)}
body[data-theme=signal] .signal-layout{grid-template-columns:1fr 1.15fr;gap:50px 52px;padding:57px 0 35px}.signal-layout>*{min-width:0}.signal-intro{padding-top:10px}body[data-theme=signal] .signal-intro h1{font-size:clamp(46px,5.75vw,83px);line-height:1.02;letter-spacing:-2px;margin:27px 0 25px}.signal-intro h1>span{color:var(--muted)}body[data-theme=signal] .signal-intro>p{font-size:17px;line-height:1.8;max-width:445px}.intro-signoff{display:flex;justify-content:space-between;align-items:center;max-width:450px;margin-top:30px;gap:18px}.run-companion{font:12px/1.8 var(--mono);border-left:3px solid var(--highlight);padding-left:15px;color:var(--muted);margin:0}.run-stamp{border:1px solid var(--highlight);border-radius:50%;width:88px;height:88px;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(12deg);color:var(--highlight);font:500 11px/1.4 var(--mono);box-shadow:inset 0 0 0 5px var(--bg),inset 0 0 0 6px var(--highlight)}.run-stamp>span:last-child{font-size:22px;line-height:1.1;margin-top:3px}
.console{align-self:start;background:var(--panel);color:var(--panel-ink);padding:25px 27px 0;border:1px solid var(--line);box-shadow:8px 8px 0 var(--shadow);position:relative;border-radius:2px 20px 2px 2px;overflow:hidden}.console:before{content:'';position:absolute;width:80px;height:5px;background:var(--accent);top:0;left:27px}.console-head{font-family:var(--mono);border-bottom-color:var(--panel-line)}body[data-theme=signal] .waveform{height:87px;gap:4px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 28px,color-mix(in srgb,var(--panel-line) 30%,transparent) 29px),repeating-linear-gradient(to right,transparent 0,transparent 28px,color-mix(in srgb,var(--panel-line) 20%,transparent) 29px)}.waveform i{min-width:0;background:var(--accent);border-radius:1px;transition:opacity .2s}.console:hover .waveform i{opacity:1}.console-time{color:var(--panel-copy);font-family:var(--mono)}body[data-theme=signal] .console h2{font-size:32px}.console-description{color:var(--panel-copy);font-size:16px;line-height:1.7}.console-controls button{border-color:var(--panel-line);font-family:var(--mono)}.console-controls button:first-child{background:var(--panel-ink);color:var(--panel);border-color:var(--panel-ink)}.console-controls button:hover{box-shadow:inset 0 0 0 1px currentColor}.console-bottom{margin:23px -27px 0;padding:10px 27px;border-top:1px dashed var(--panel-line);display:flex;justify-content:space-between;gap:12px;font:8px/1.6 var(--mono);letter-spacing:.9px;color:var(--panel-copy)}
.signal-index{scroll-margin-top:25px}.section-head>span{color:var(--muted)}.index-labels{grid-template-columns:78px 1fr 112px;border-color:var(--ink);color:var(--muted);opacity:1}.episode-row{border-color:var(--line);transition:background-color .15s,padding .15s}.episode-row:last-child{border-color:var(--line)}body[data-theme=signal] .signal-index .episode-row{padding:20px 0;min-height:103px;gap:25px}.episode-row:hover{background:var(--soft)}body[data-theme=signal] .signal-index .episode-row:hover{padding-left:10px;padding-right:10px}.row-number{display:flex;flex-direction:column;justify-content:center;align-items:center;font:500 15px var(--mono);background:var(--soft);border:1px solid var(--line);border-top:3px solid var(--highlight);width:53px;min-width:53px;height:49px;transform:rotate(-4deg);position:relative;opacity:1}.row-number:after{content:'';position:absolute;inset:5px 3px;border-left:2px dotted var(--line);border-right:2px dotted var(--line);pointer-events:none}.row-number small{font:8px/1.6 var(--mono);letter-spacing:2px}.row-text{min-width:0}body[data-theme=signal] .signal-index .row-text strong{font-size:22px}body[data-theme=signal] .signal-index .row-text small{color:var(--muted);opacity:1;font-family:var(--mono)}.row-arrow{transition:transform .15s}.episode-row:hover .row-arrow{transform:translate(3px,-3px)}
.signal-about{border-color:var(--line);position:relative;overflow:hidden;scroll-margin-top:25px}body[data-theme=signal] .signal-about p{line-height:1.8;max-width:470px}.platforms{font-family:var(--mono)}.platforms button{min-height:44px}.track-lines{position:relative;grid-column:1/3;height:112px;overflow:hidden;margin-top:8px;color:var(--muted)}.track-lines i{position:absolute;width:120%;height:140px;bottom:-111px;left:-10%;border:1px solid var(--line);border-radius:70px;transform:rotate(-5deg)}.track-lines i:nth-child(2){bottom:-96px}.track-lines i:nth-child(3){bottom:-81px}.track-lines>span{position:absolute;bottom:36px;right:0;font:10px var(--mono);letter-spacing:1px;background:var(--bg);padding:8px 0 8px 15px}.concept-footer{background:var(--bg);border-color:var(--line);color:var(--muted);font-size:12px}
body[data-theme=signal] dialog{background:var(--bg);color:var(--ink);border-color:var(--line)}dialog p{color:var(--ink)}.sample-notice,.episode-takeaway,.dialog-close:hover{background:var(--soft);color:var(--ink)}.episode-takeaway{border-color:var(--highlight)}.episode-takeaway p{color:var(--ink)}.dialog-platforms button,.chapters,.chapters button{border-color:var(--line)}.dialog-platforms button{min-height:44px}.chapters button[aria-pressed=true]{background:var(--soft);box-shadow:inset 3px 0 0 var(--highlight)}.chapter-feedback{color:var(--muted)}#toast{background:var(--bg);color:var(--ink);border-color:var(--line)}
@media(max-width:1150px){.studio{gap:15px;padding:16px 24px}.studio-title{flex:1}.studio-note{order:2}.palettes{order:3;width:100%}.palette-button{flex:1;justify-content:center}body[data-theme=signal] .signal-layout{gap:42px 32px}body[data-theme=signal] #site{padding:0 35px}body[data-theme=signal] .signal-intro h1{font-size:clamp(45px,5.65vw,66px)}body[data-theme=signal] .signal-intro>p{font-size:16px}.console{padding:24px 22px 0}.console-bottom{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}.console-controls{flex-wrap:wrap}body[data-theme=signal] .console-controls button{font-size:11px}body[data-theme=signal] .console h2{font-size:29px}}
@media(max-width:760px){.studio{padding:14px 18px;gap:13px}.studio-title strong{font-size:13px}.studio-title small{font-size:11px}.studio-note{font-size:9px}.palettes{display:grid;grid-template-columns:1fr 1fr;gap:7px}.palette-button{padding:9px 11px;font-size:12px;min-height:43px;justify-content:flex-start}.palette-check{margin-left:auto}.swatches i{width:14px;height:14px}body[data-theme=signal] #site{padding:0 22px}.site-nav{padding:24px 0;gap:15px}body[data-theme=signal] .wordmark{font-size:16px;gap:10px}.pace-mark{height:22px;gap:3px;margin-left:4px}.pace-mark i{width:4px}body[data-theme=signal] .site-nav nav{font-size:12px}body[data-theme=signal] .signal-layout{grid-template-columns:1fr;gap:37px;padding:35px 0 15px}.signal-intro{padding:0}body[data-theme=signal] .signal-intro h1{font-size:clamp(44px,11.8vw,83px);margin:25px 0 6px}body[data-theme=signal] .signal-intro>p{font-size:16px}.intro-signoff{margin-top:23px;max-width:none}.run-stamp{width:77px;height:77px;font-size:10px}.run-companion{font-size:11px;margin:0}.console{padding:22px 20px 0;border-radius:2px 17px 2px 2px;box-shadow:5px 5px 0 var(--shadow)}body[data-theme=signal] .waveform{gap:2px;height:78px}body[data-theme=signal] .console h2{font-size:29px}.console-description{font-size:16px}body[data-theme=signal] .console-controls button{font-size:10px;padding:12px 10px}.console-bottom{margin:20px -20px 0;padding:10px 20px;font-size:7px;letter-spacing:.5px}.index-labels{grid-template-columns:62px 1fr;font-size:9px}body[data-theme=signal] .signal-index .episode-row{gap:14px;padding:19px 0;min-height:101px}.row-number{width:44px;min-width:44px;height:45px;font-size:13px}body[data-theme=signal] .signal-index .row-text strong{font-size:18px;line-height:1.25}body[data-theme=signal] .signal-index .row-text small{font-size:10px}.track-lines{grid-column:1;height:85px;margin-top:0}.track-lines>span{font-size:8px;bottom:31px}.concept-footer{font-size:11px}}
@media(max-width:360px){.studio-note{display:none}body[data-theme=signal] .wordmark{font-size:14px}body[data-theme=signal] .signal-intro h1{font-size:40px}.console-time{flex-wrap:wrap}.run-companion{font-size:10px}body[data-theme=signal] .signal-index .row-duration{display:none}}
@media(max-width:360px){.palettes{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-button{min-width:0;font-size:11px;padding:9px 8px;gap:6px}.swatches i{width:12px;height:12px}.palette-check{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* Name and mark share a compact, optically aligned header lockup. */
.studio{flex-wrap:wrap}
body[data-theme=signal] .wordmark{gap:12px;align-items:center;font-family:var(--display);letter-spacing:-.035em}
.logo-mark{display:block;width:84px;height:56px;object-fit:contain;flex-shrink:0}
.brand-name{display:block;font-size:25px;font-weight:700;line-height:.94;transform:translateY(-2px)}.brand-name>span{display:block}
body[data-theme=signal] .signal-intro h1{font-size:clamp(38px,17cqw,94px);white-space:nowrap;font-weight:600;line-height:1.05;letter-spacing:-2px;margin:25px 0 6px}
.signal-intro{container-type:inline-size}
body[data-theme=signal] .signal-intro h1>span{display:inline}
body[data-theme=signal] .signal-intro>.brand-tagline{font-family:var(--display);font-size:clamp(12px,4.4cqw,24px);font-weight:500;line-height:1.4;letter-spacing:-.025em;max-width:none;margin-bottom:30px;white-space:nowrap}
body[data-theme=signal] .signal-intro>p:not(.brand-tagline){max-width:420px;font-size:16px;line-height:1.75}
.intro-signoff{margin-top:24px}
@media(max-width:760px){.logo-mark{width:75px;height:50px}.brand-name{font-size:23px}body[data-theme=signal] .wordmark{gap:10px}body[data-theme=signal] .signal-intro h1{margin:24px 0 6px}}
@media(max-width:360px){.logo-mark{width:66px;height:44px}.brand-name{font-size:21px}body[data-theme=signal] .wordmark{gap:8px}}

.site-footer{max-width:1440px;margin:0 auto;padding:24px 54px 32px;border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.7}.site-footer>span:last-child{white-space:nowrap}.site-footer>span>span{padding:0 6px;color:var(--line)}
@media(max-width:760px){.site-footer{padding:22px;flex-direction:column;gap:8px}}

.show-topics{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr;gap:28px 52px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.show-topics h2{text-wrap:balance;font:500 clamp(27px,3.2vw,40px)/1.15 var(--display);letter-spacing:-.035em;margin:14px 0 0}
.show-topics-intro{align-self:center;max-width:560px;font-size:17px;line-height:1.75}
.show-topics-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.show-topics-list>div{border-top:2px solid var(--accent);padding-top:15px}
.show-topics h3{font:600 18px/1.35 var(--display);margin:0 0 9px}
.show-topics-list p{font-size:16px;line-height:1.7;max-width:360px}
@media(max-width:760px){.show-topics{grid-template-columns:1fr;gap:20px;padding:27px 0}.show-topics-intro{font-size:16px}.show-topics-list{grid-template-columns:1fr;gap:21px}.show-topics-list p{max-width:none}}