.music-more,.music-extras{display:none}.music-extras[hidden],.music-more[hidden]{display:none!important}
@media(max-width:1000px){
 body:not(.destination-open) .cockpit{--road-height:clamp(330px,58svh,620px);aspect-ratio:auto;height:auto;min-height:0;padding:var(--road-height) 0 0;overflow:visible!important;clip-path:none}
 body:not(.destination-open) .exterior,body:not(.destination-open) #speed-streaks{height:var(--road-height)}
 body:not(.destination-open) :is(.plate,.wheel,.left-dash,.mobile-dash-material,.moon-spill,.lamp-spill,.lamp-shadow){display:none}
 body:not(.destination-open) header{top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));font-size:8px;gap:12px}
 body:not(.destination-open) header>a{max-width:122px;line-height:1.5}
 body:not(.destination-open) header nav{gap:3px}
 body:not(.destination-open) header button{min-height:44px;padding:7px 9px;font-size:9px}
 body:not(.destination-open) .instrument-rack{display:flex;position:absolute;z-index:3;top:calc(var(--road-height) - 44px);left:14px;right:14px;height:38px;padding:0;align-items:center;justify-content:space-between;gap:12px;background:none;border:0;pointer-events:none}
 body:not(.destination-open) .speed-dial{display:block;position:static;left:auto;top:auto;width:48px;height:32px;align-self:auto;filter:none;background:none;border:0;border-radius:0;box-shadow:none}
 body:not(.destination-open) .speed-dial :is(.ticks,#needle,circle){display:none}
 body:not(.destination-open) .speed-dial #speed{font-size:28px}
 body:not(.destination-open) .speed-dial text:last-child{font-size:17px;letter-spacing:0}
 body:not(.destination-open) .route-map{display:block;position:static;left:auto;top:auto;width:auto;height:auto;max-width:70%;padding:5px 8px;background:#0b171d9c;border:1px solid #72878755;border-radius:4px;box-shadow:none;justify-self:auto;text-align:right}
 body:not(.destination-open) .route-map svg,body:not(.destination-open) .route-map time{display:none}
 body:not(.destination-open) .route-map span{font-size:10px;letter-spacing:.10em;line-height:16px}
 body:not(.destination-open) .radio{display:grid;position:relative;z-index:5;left:auto;top:auto;width:auto;height:auto;margin:0;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));grid-template-columns:40px minmax(0,1fr);gap:10px;background:linear-gradient(115deg,#172629,#0e191e);border:0;border-top:1px solid #627572;border-bottom:1px solid #34484f;border-radius:0;box-shadow:none}
 body:not(.destination-open) .radio>img{width:40px;height:40px;align-self:start}
 body:not(.destination-open) .radio-body{display:block;min-width:0}
 body:not(.destination-open) .radio :is(.station,.artist){display:none}
 body:not(.destination-open) .radio h1{font-size:15px;line-height:20px;letter-spacing:.02em;margin:0;overflow-wrap:anywhere}
 body:not(.destination-open) .seek-label input{width:100%;height:44px;margin:0}
 body:not(.destination-open) .radio .times{font-size:10px;line-height:12px;margin:-6px 0 3px;pointer-events:none}
 body:not(.destination-open) .radio-controls{display:grid;grid-template-columns:44px 64px 44px minmax(44px,1fr);gap:6px;margin:2px 0 0;align-items:center}
 body:not(.destination-open) .radio-controls button{height:44px;min-height:44px;min-width:44px;width:100%;padding:5px;font-size:15px;text-shadow:none}
 body:not(.destination-open) .radio-controls #play{width:64px;height:44px;border-radius:6px;font-size:13px;box-shadow:none}
 body:not(.destination-open) .radio-controls .music-more{display:block;font-size:12px;color:#c0d4d3;background:#233940;border:1px solid #57737c;border-radius:6px}
 body:not(.destination-open) .music-extras:not([hidden]){display:block;position:relative;z-index:5;padding:14px max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left));background:#14262d;border-bottom:1px solid #50666c}
 .music-extras-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
 .music-extras h2{font-size:15px;font-weight:400;margin:0}
 .music-extras-head button{min-height:44px;min-width:64px;font-size:12px;padding:8px;color:#d6e3df;background:#243d43;border-color:#607a80}
 .music-extras .volume{display:block;font-size:12px;width:100%;max-width:none;margin:8px 0}
 .music-extras .volume input{width:100%;height:44px;margin:0}
 body:not(.destination-open) .music-extras .service-bank{display:block;position:static;left:auto;top:auto;width:auto;transform:none;margin:0;padding:0;background:none;border:0;box-shadow:none}
 body:not(.destination-open) .music-extras .service-caption{font-size:10px;line-height:16px;margin:0 0 8px}
 body:not(.destination-open) .music-extras .platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
 body:not(.destination-open) .music-extras .platforms a{min-height:44px;padding:8px;font-size:12px}
 body:not(.destination-open) .welcome{top:max(76px,calc(env(safe-area-inset-top) + 64px));left:14px;right:14px;max-width:420px;padding:16px}
 body:not(.destination-open) .welcome h2{font-size:30px;margin:8px 0 12px}
 body:not(.destination-open) .welcome p{font-size:11px}
 body:not(.destination-open) .drive-panel{padding:16px max(14px,env(safe-area-inset-right)) 16px max(14px,env(safe-area-inset-left));gap:12px}
 body:not(.destination-open) .drive-panel .location p{font-size:18px}
}
@media(max-width:1000px) and (max-height:500px){
 body:not(.destination-open) .cockpit{--road-height:calc(100svh - 112px)}
 body:not(.destination-open) .radio{grid-template-columns:40px minmax(0,1fr);padding-block:8px;gap:10px}
 body:not(.destination-open) .radio-body{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;grid-template-rows:auto auto auto}
 body:not(.destination-open) .radio h1,body:not(.destination-open) .radio .seek-label,body:not(.destination-open) .radio .times{grid-column:1}
 body:not(.destination-open) .radio-controls{grid-column:2;grid-row:1/4;margin:0;grid-template-columns:44px 64px 44px 64px}
 body:not(.destination-open) .radio .times{margin-top:-6px}
 body:not(.destination-open) .welcome{padding:10px;top:62px;max-width:440px}
 body:not(.destination-open) .welcome h2{font-size:24px;line-height:1.05;margin:4px 0 9px}
 body:not(.destination-open) .welcome h2 br{display:none}
 body:not(.destination-open) .welcome>p:not(.eyebrow):not(.loading){display:none}
 body:not(.destination-open) .welcome .loading{font-size:9px;line-height:1.4;margin:5px 0 0}
 body:not(.destination-open) .welcome button{min-height:44px;padding:8px 16px}
}

/* Restore the original cockpit artwork; only its phone framing changes. */
@media(max-width:1000px){
 body:not(.destination-open) .cockpit{--road-height:clamp(320px,46svh,470px);--dash-height:140px;padding-top:calc(var(--road-height) + var(--dash-height));overflow:clip!important;clip-path:none}
 body:not(.destination-open) .plate{display:block;position:absolute;inset:auto;left:50%;top:calc(var(--road-height) - 236px);width:780px;height:auto;max-width:none;object-fit:contain;transform:translateX(-50%);clip-path:none;opacity:1;z-index:2;pointer-events:none}
 body:not(.destination-open) .mobile-dash-material{display:block;position:absolute;left:0;right:0;top:var(--road-height);height:var(--dash-height);bottom:auto;background:#152027 url('assets/dashboard-clean-v2.png') 58% bottom/auto 780px;z-index:1;pointer-events:none}
 body:not(.destination-open) .wheel{display:block;position:absolute;inset:auto;left:-66px;top:calc(var(--road-height) - 24px);width:250px;height:250px;transform:none;opacity:1;z-index:4;pointer-events:none;filter:drop-shadow(0 3px 3px #0008)}
 body:not(.destination-open) .instrument-rack{position:absolute;top:calc(var(--road-height) + 6px);left:90px;right:14px;height:100px;display:flex;gap:12px;align-items:start;justify-content:space-between;padding:0;z-index:3}
 body:not(.destination-open) .speed-dial{display:block;width:88px;height:88px;flex:0 0 88px;background:radial-gradient(circle,#172126 59%,#ae8053 60%,#0c1116 64%);border:1px solid #b18a5a;border-radius:50%;box-shadow:0 0 0 3px #111b22}
 body:not(.destination-open) .speed-dial :is(.ticks,#needle,circle){display:block}
 body:not(.destination-open) .speed-dial #speed{font-size:25px}
 body:not(.destination-open) .speed-dial text:last-child{font-size:7px;letter-spacing:2px}
 body:not(.destination-open) .route-map{width:126px;height:88px;max-width:none;flex:0 1 126px;padding:3px 5px;background:#09171bf2;border:1px solid #8d7455;border-radius:5px;box-shadow:inset 0 0 12px #000}
 body:not(.destination-open) .route-map svg{display:block;width:100%;height:48px}
 body:not(.destination-open) .route-map span{font-size:8px;line-height:12px;letter-spacing:.04em;text-align:center}
 body:not(.destination-open) .route-map time{display:block;font-size:10px;line-height:14px;margin:1px 0 0;text-align:center;letter-spacing:.08em}
 body:not(.destination-open) .radio{background:linear-gradient(115deg,#111c1fe8,#0d151ae8);border-top:1px solid #8f7656;box-shadow:inset 0 1px 5px #000}
}
@media(max-width:1000px) and (max-height:500px){
 body:not(.destination-open) .cockpit{--cockpit-view:calc(100svh - env(safe-area-inset-bottom,0px));--road-height:calc(var(--cockpit-view) - 164px);padding-top:var(--cockpit-view);height:auto;min-height:0}
 body:not(.destination-open) .plate{left:0;top:calc(var(--road-height) - 30.2vw);width:100%;height:auto;transform:none;object-fit:contain}
 body:not(.destination-open) .mobile-dash-material{height:164px;background-size:100% auto;background-position:center bottom}
 body:not(.destination-open) .wheel{left:-68px;top:calc(var(--road-height) - 30px);width:clamp(210px,35vw,300px);height:auto;aspect-ratio:1}
 body:not(.destination-open) .instrument-rack{display:block;top:calc(var(--road-height) + 20px);left:125px;right:auto;width:100px;height:125px}
 body:not(.destination-open) .speed-dial{width:72px;height:72px}
 body:not(.destination-open) .route-map{position:absolute;left:65px;top:88px;width:110px;height:auto;padding:2px;background:#0b171ca8;border:0;box-shadow:none}
 body:not(.destination-open) .route-map svg,body:not(.destination-open) .route-map time{display:none}
 body:not(.destination-open) .route-map span{font-size:9px;line-height:12px;text-align:left}
 body:not(.destination-open) .radio{position:absolute;top:calc(var(--road-height) + 8px);bottom:auto;left:auto;right:max(12px,env(safe-area-inset-right));width:52%;height:auto;padding:8px 10px;grid-template-columns:32px minmax(0,1fr);gap:8px;border:1px solid #8a7155;border-radius:6px;background:linear-gradient(110deg,#0c171cd9,#0d151de8)}
 body:not(.destination-open) .radio>img{width:32px;height:32px}
 body:not(.destination-open) .radio-body{display:block}
 body:not(.destination-open) .radio h1{font-size:13px;line-height:18px}
 body:not(.destination-open) .radio-controls{display:grid;grid-template-columns:44px 64px 44px 64px;gap:5px;margin:2px 0 0}
 body:not(.destination-open) .radio .times{margin:-6px 0 3px}
 body:not(.destination-open) .music-extras:not([hidden]){position:relative;margin:0;clear:both}
}

/* Responsive repair: intrinsic artwork dimensions must not size the player row. */
.radio>img{height:auto}
.release-grid img{height:auto;align-self:start}
body:not(.destination-open) .welcome{z-index:5}
@media(min-width:1151px){
 body:not(.destination-open) .welcome{max-width:440px;padding:18px}
 body:not(.destination-open) .welcome h2{font-size:clamp(32px,3.2cqw,60px);line-height:1.06;margin:8px 0 12px}
 body:not(.destination-open) .welcome p{font-size:12px;line-height:1.5;margin:0 0 10px}
 body:not(.destination-open) .welcome .eyebrow{font-size:9px;line-height:13px}
 body:not(.destination-open) .welcome .loading{font-size:10px;line-height:1.4;margin:8px 0 0}
 body:not(.destination-open) .welcome button{min-height:44px;padding:10px 16px}
}
@media(min-width:1001px) and (max-width:1150px){
 body:not(.destination-open) .welcome{top:64px;max-width:350px;padding:14px}
 body:not(.destination-open) .welcome h2{font-size:30px;line-height:1.06;margin:6px 0 10px}
 body:not(.destination-open) .welcome p{font-size:11px;line-height:1.5;margin:0 0 10px}
 body:not(.destination-open) .welcome .eyebrow{font-size:9px;line-height:13px}
 body:not(.destination-open) .welcome .loading{font-size:10px;line-height:1.4;margin:8px 0 0}
 body:not(.destination-open) .welcome button{min-height:44px;padding:10px 16px}
 body:not(.destination-open) .radio{top:65%;height:23%}
 body:not(.destination-open) .radio .station{font-size:8px;line-height:10px;margin:0 0 3px}
 body:not(.destination-open) .radio h1{font-size:12px;line-height:15px;margin:0 0 3px}
 body:not(.destination-open) .radio .artist{font-size:8px;line-height:10px;margin:0 0 3px}
 body:not(.destination-open) .radio .times{font-size:9px;line-height:11px;margin:2px 0 0}
 body:not(.destination-open) .radio .seek-label input{height:8px}
 body:not(.destination-open) .radio-controls{margin-top:4px;gap:3px}
 body:not(.destination-open) .radio-controls button,body:not(.destination-open) .radio-controls #play{min-width:44px;width:44px;height:44px;min-height:44px;font-size:12px}
 body:not(.destination-open) .radio .volume{font-size:8px;line-height:10px}
 body:not(.destination-open) .radio .volume input{height:8px;margin:3px 0}
}
@media(max-width:1000px){
 body:not(.destination-open) .cockpit{--road-height:clamp(350px,46svh,470px)}
 body:not(.destination-open) .welcome{top:70px;padding:14px;max-width:420px}
 body:not(.destination-open) .welcome p{margin:0 0 10px;font-size:11px;line-height:1.5}
 body:not(.destination-open) .welcome .eyebrow{font-size:9px;line-height:13px}
 body:not(.destination-open) .welcome h2{font-size:28px;line-height:1.06;margin:6px 0 10px}
 body:not(.destination-open) .welcome .loading{font-size:10px;line-height:1.4;margin:8px 0 0}
 body:not(.destination-open) .welcome button{min-height:44px;padding:10px 16px}
 body:not(.destination-open) .radio-controls{grid-template-columns:44px 64px 44px 80px;justify-content:start}
 body:not(.destination-open) .music-extras:not([hidden]){max-width:680px;margin-inline:auto}
}
/* Tablet portrait retains the same cabin, with compact control groups. */
@media(min-width:601px) and (max-width:1000px) and (min-height:501px){
 body:not(.destination-open) .cockpit{--road-height:clamp(350px,38svh,440px)}
 body:not(.destination-open) .radio{grid-template-columns:54px minmax(0,590px);justify-content:center;padding:14px 24px}
 body:not(.destination-open) .radio>img{width:54px;height:54px}
 body:not(.destination-open) .radio h1{font-size:17px;line-height:22px}
 body:not(.destination-open) .drive-panel{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:16px;padding:18px 24px}
 body:not(.destination-open) .drive-panel .location{min-width:0}
 body:not(.destination-open) .drive-panel .drive-actions{margin:0}
 body:not(.destination-open) .drive-panel .pace{width:auto;grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
 body:not(.destination-open) .drive-panel .pace legend{width:auto;margin:0 10px 0 0;line-height:44px}
 body:not(.destination-open) .drive-panel .pace button{flex:0 0 auto;min-width:80px;min-height:44px}
 body:not(.destination-open) .drive-panel .pace label{width:auto;margin:0 0 0 10px;min-height:44px;display:flex;align-items:center;gap:6px}
}
@media(max-width:1000px) and (max-height:500px){
 body:not(.destination-open) .cockpit{--road-height:calc(100svh - 164px);--cockpit-view:calc(var(--road-height) + 164px);padding-top:var(--cockpit-view)}
 body:not(.immersed):not(.destination-open) .cockpit{--road-height:max(236px,calc(100svh - 164px))}
 body:not(.destination-open) .welcome{top:62px;max-width:390px;padding:4px}
 body:not(.destination-open) .welcome .eyebrow{font-size:8px;line-height:10px;margin:0 0 2px}
 body:not(.destination-open) .welcome h2{font-size:20px;line-height:1.05;margin:0 0 4px}
 body:not(.destination-open) .welcome>p:not(.eyebrow):not(.loading){display:block;font-size:10px;line-height:1.3;margin:0 0 4px}
 body:not(.destination-open) .welcome .loading{font-size:9px;line-height:1.3;margin:4px 0 0}
 body:not(.destination-open) .welcome button{min-height:44px;padding:8px 14px}
 body:not(.destination-open) .radio-controls{grid-template-columns:44px 64px 44px 64px}
 body:not(.destination-open) .radio .seek-label{display:block;line-height:0}
}

/* Keep the full district label beyond the original wheel in short landscape. */
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape){
 body:not(.destination-open) .route-map{left:calc(clamp(210px,35vw,300px) - 181px)}
}

/* Original cockpit materials, composed for upright phones and tablets.
   All displays and controls below are the existing live DOM nodes. */
@media(max-width:759px) and (min-height:501px){
 body:not(.destination-open) .instrument-rack{display:contents}
 body:not(.destination-open) .speed-dial{position:absolute;left:90px;top:calc(var(--road-height) + 6px);width:88px;height:88px;z-index:3}
 body:not(.destination-open) .route-map{position:absolute;left:max(188px,calc(50% - 12px));right:12px;top:calc(var(--road-height) + 48px);width:auto;max-width:250px;height:84px;padding:4px 6px;z-index:3;background:radial-gradient(ellipse at top,#1a2a2a,#0a1519 75%);border:1px solid #8b71533d;border-radius:3px;box-shadow:inset 0 0 14px #0009,0 0 1px #baa17866}
 body:not(.destination-open) .route-map svg{display:block;width:100%;height:48px}
 body:not(.destination-open) .route-map span{font-size:8px;line-height:12px;text-align:center}
 body:not(.destination-open) .route-map time{display:block;font-size:10px;line-height:12px;text-align:center;margin:0}
 /* A passive slotted speaker grille occupies the unused smaller recess. */
 body:not(.destination-open) .cockpit::before{content:"";position:absolute;left:calc(50% - 166px);top:calc(var(--road-height) + 48px);width:145px;height:84px;z-index:3;pointer-events:none;transform:skewX(7deg);border:1px solid #8c704b70;border-radius:4px;background:repeating-linear-gradient(0deg,#080e11 0 4px,#79634a80 4px 5px,#172022 5px 8px);box-shadow:inset 0 0 18px 5px #000c,0 0 0 3px #151b1b80}
 body:not(.destination-open) .radio{background:linear-gradient(110deg,#0d1719ed,#111c1dda),url('assets/dashboard-clean-v2.png') 58% bottom/780px auto;border-top:1px solid #9b7b54;border-bottom:3px ridge #62513e;box-shadow:inset 0 1px 3px #b5a08026,inset 0 -3px 8px #0009}
 body:not(.destination-open) .radio::before,body:not(.destination-open) .radio::after{content:"";position:absolute;top:7px;width:4px;height:4px;border-radius:50%;border:1px solid #aa927044;background:linear-gradient(120deg,#8c7a61,#0a1215);pointer-events:none}
 body:not(.destination-open) .radio::before{left:5px}
 body:not(.destination-open) .radio::after{right:5px}
 body:not(.destination-open) .radio-controls .music-more{background:linear-gradient(155deg,#4b473b,#243338 35%,#132328);border-color:#897250;box-shadow:inset 0 1px 1px #c3ac812e,0 2px 2px #0008;color:#e4d1ae}
}
/* At tablet width the live map and receiver fit in the authored bezels. */
@media(min-width:760px) and (max-width:1000px) and (min-height:501px){
 body:not(.destination-open) .cockpit{--dash-height:26.1vw;padding-top:calc(var(--road-height) + var(--dash-height))}
 body:not(.destination-open) .plate{left:0;top:calc(var(--road-height) - 30.2vw);width:100%;height:auto;transform:none}
 body:not(.destination-open) .mobile-dash-material{height:var(--dash-height);background-size:100% auto;background-position:center bottom}
 body:not(.destination-open) .wheel{left:-20%;top:calc(var(--road-height) - .9vw);width:48%;height:auto;aspect-ratio:1}
 body:not(.destination-open) .instrument-rack{display:contents}
 body:not(.destination-open) .speed-dial{position:absolute;left:.45%;top:calc(var(--road-height) + 6.95vw);width:13.4vw;height:13.4vw;z-index:3;box-shadow:none;border:0;background:none}
 body:not(.destination-open) .speed-dial .ticks{display:none}
 body:not(.destination-open) .route-map{position:absolute;left:30%;right:auto;top:calc(var(--road-height) + 6.5vw);width:17%;height:13.5vw;min-height:108px;padding:4px 5px;z-index:3;background:radial-gradient(ellipse at top,#192b2b,#0a1519 75%);border:1px solid #8b715333;border-radius:3px;box-shadow:inset 0 0 14px #0009}
 body:not(.destination-open) .route-map svg{display:block;width:100%;height:calc(100% - 27px)}
 body:not(.destination-open) .route-map span{font-size:8px;line-height:12px;text-align:center}
 body:not(.destination-open) .route-map time{display:block;font-size:10px;line-height:12px;text-align:center;margin:0}
 body:not(.destination-open) .radio{position:absolute;left:50.2%;right:auto;top:calc(var(--road-height) + 6.3vw);width:33%;height:13.5vw;min-height:112px;box-sizing:border-box;padding:3px 4px;grid-template-columns:28px minmax(0,1fr);justify-content:normal;gap:6px;z-index:5;border:1px solid #8b715333;border-radius:3px;background:radial-gradient(ellipse at top,#19292b,#091418 80%);box-shadow:inset 0 0 12px #0009}
 body:not(.destination-open) .radio>img{width:28px;height:28px;align-self:start}
 body:not(.destination-open) .radio-body{display:block;min-width:0}
 body:not(.destination-open) .radio h1{font-size:13px;line-height:16px;margin:0;letter-spacing:.01em;white-space:nowrap}
 body:not(.destination-open) .radio .seek-label{display:block;line-height:0}
 body:not(.destination-open) .radio .seek-label input{height:44px;margin:0}
 body:not(.destination-open) .radio .times{position:absolute;left:39px;right:5px;top:49px;font-size:8px;line-height:10px;margin:0;pointer-events:none}
 body:not(.destination-open) .radio-controls{display:grid;grid-template-columns:44px 52px 44px 44px;gap:4px;margin:0;justify-content:start}
 body:not(.destination-open) .radio-controls button,body:not(.destination-open) .radio-controls #play{width:100%;height:44px;min-height:44px;min-width:44px;padding:3px;font-size:12px}
 body:not(.destination-open) .radio-controls .music-more{font-size:10px;background:linear-gradient(155deg,#4b473b,#243338 35%,#132328);border-color:#897250;color:#e4d1ae}
}

/* Project information stays within the immersive experience. */
#about .about-credits{margin-top:22px;border-top:1px solid #5b6d7144}
#about .about-credits summary,.catalog-notes summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:#b7c6c2;font-size:12px}
#about .about-credits summary::before,.catalog-notes summary::before{content:"+";margin-right:9px;color:#d3b28e}
#about .about-credits[open] summary::before,.catalog-notes[open] summary::before{content:"−"}
#about .about-credits .credits{border:0;margin:0 0 12px;padding:0}
.catalog-notes{margin-top:22px;border-top:1px solid #5b6d7144}
.catalog-notes ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.catalog-notes a{display:flex;align-items:center;min-height:44px;font-size:12px;line-height:1.5}
@media(max-width:600px){.catalog-notes ul{grid-template-columns:1fr}}

#about .about-transmission{min-width:0;max-width:100%;margin:22px 0;padding:18px;border:1px solid #4c7878;border-left:3px solid #89beb8;border-radius:4px;background:linear-gradient(135deg,#12272c,#0c191f);box-shadow:inset 0 0 22px #07111680}
#about .transmission-label{margin:0 0 14px;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:#aacdc7}
#about .about-transmission pre{max-width:100%;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#ded7b7;text-align:left;letter-spacing:normal}
#about .about-transmission code{font:inherit}
@media(max-width:480px){#about .about-transmission{padding:14px}#about .about-transmission pre{font-size:11px}}

#about .dialog-head{position:sticky;top:-30px;z-index:1;background:#111b21;padding:8px 0}
@media(max-width:1000px){#about .dialog-head{top:-22px}}

/* Reveal the intercepted transmission without moving its surrounding layout. */
#about .about-transmission pre{position:relative}
#about .about-transmission code{display:block}
#about .transmission-typing{display:none;position:absolute;inset:0;white-space:inherit;overflow-wrap:inherit;font:inherit;pointer-events:none;user-select:none}
#about .is-typing code{color:transparent}
#about .is-typing .transmission-typing{display:block}
#about .transmission-dots{display:inline-block;width:4ch;margin-left:6px;font-size:18px;font-weight:700;line-height:1;letter-spacing:0;color:#c5f8e6;text-shadow:0 0 8px #8fe6cb80;opacity:1}
#about[open] .transmission-dots{animation:transmission-dots 1s steps(1,end) infinite}
@keyframes transmission-dots{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){#about[open] .transmission-dots{animation:none;opacity:1}}

/* Keep the signal visible and allow replay after a slow preview opening. */
#about .transmission-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}
#about .transmission-header .transmission-label{margin:0}
#about .transmission-replay{flex-shrink:0;min-height:36px;padding:6px 10px;border:1px solid #5b8b83;border-radius:3px;background:#18342f;color:#c5e6db;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer}
#about .transmission-replay:hover{background:#244c42}
#about .transmission-replay:focus-visible{outline:2px solid #c5f8e6;outline-offset:3px}