:root:not(#_){--red:#d9472b;--peach:#f2a98a;--dusk:#2c5266;--sun:#f0a92a;--pink:#d9472b;--bg:#0c1317;--bg2:#121b21;--bg3:#18252d;--ink:#f1ebe2;--mute:#9db0b8;--line:rgba(241,235,226,.12);--card:#121b21;--acc:#f2a98a;--disp:"Fraunces",Georgia,"Times New Roman",serif;--body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--r:18px;--w:1240px;--red-ink:#b83a22}@media (prefers-color-scheme:light){:root:not([data-theme=dark]):not(#_){--bg:#f4ece0;--bg2:#ece1d0;--bg3:#e2d4bf;--ink:#132029;--mute:#5a666c;--line:rgba(19,32,41,.14);--card:#fbf6ee;--acc:#c2401f}}:root[data-theme=light]:not(#_){--bg:#f4ece0;--bg2:#ece1d0;--bg3:#e2d4bf;--ink:#132029;--mute:#5a666c;--line:rgba(19,32,41,.14);--card:#fbf6ee;--acc:#c2401f}[data-skin] body{font-family:var(--body);letter-spacing:-.005em}[data-skin] .disp,[data-skin] h1,[data-skin] h2,[data-skin] h3{font-family:var(--disp)!important;font-weight:500!important;text-transform:none!important;letter-spacing:-.025em!important;font-optical-sizing:auto}[data-skin] h1.disp,[data-skin] .hero h1{font-size:clamp(3.2rem,8.5vw,7.2rem)!important;line-height:.92!important;font-weight:400!important}[data-skin] .hero h1 span,[data-skin] .hero h1 em,[data-skin] .hero h1 i{font-style:italic;color:var(--acc)}[data-skin] h2.disp,[data-skin] h2{font-size:clamp(2rem,4.4vw,3.4rem)!important;line-height:1!important}[data-skin] .kick{font-family:var(--body)!important;font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;color:var(--acc)}[data-skin] .hd{background:color-mix(in srgb,var(--bg) 90%,transparent)!important;border-bottom:1px solid var(--line)}[data-skin] .logo i{background:var(--acc)!important}[data-skin] .btn{border-radius:999px!important;font-family:var(--body);font-weight:600;letter-spacing:.01em;padding:.8em 1.4em}[data-skin] .btn.p{background:var(--acc)!important;color:#fff!important;border-color:var(--acc)!important}[data-skin] .btn.p:hover{filter:brightness(1.08)}[data-skin] .btn.g{border:1.5px solid currentColor!important}[data-skin] .s{padding-top:clamp(64px,9vw,128px)!important;padding-bottom:clamp(64px,9vw,128px)!important}[data-skin] .s.alt{background:var(--bg2)!important}[data-skin] .card,[data-skin] .cv,[data-skin] .mx-card,[data-skin] .csl-card,[data-skin] .lb-lead,[data-skin] .mx-feat,[data-skin] .csl-lead{border-radius:var(--r)!important;border:1px solid var(--line)!important;box-shadow:none!important}[data-skin] img{border-radius:12px}[data-skin] .hero img,[data-skin] .hx img{border-radius:22px}[data-skin] .tagc,[data-skin] .tg{background:transparent!important;color:var(--acc)!important;border:1px solid currentColor;border-radius:999px}[data-skin] .ft{background:var(--bg3)!important;border-top:1px solid var(--line)}[data-skin] .cc-cur,[data-skin] .cursor{display:none!important}[data-skin] .skin-clamp>*:nth-child(n+9){display:none!important}[data-skin] .skin-more{margin:24px auto 0;display:flex}
/* ===== chriscoco.uk stage layer: "Sunset Edition" (premium Balearic music magazine) ===== */
:root:not(#_){--acc-ink:#1b0e08;--acc-2:#f6c27a;--hot:#e5643f;--rule:color-mix(in srgb,var(--ink) 22%,transparent);--glow:rgba(242,169,138,.20);--glow2:rgba(240,169,42,.12);--paper:var(--bg);--ease:cubic-bezier(.2,.7,.2,1);--shadow:0 30px 70px -38px rgba(0,0,0,.85);--measure:68ch}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]):not(#_){--acc:#ad3719;--mute:#4d585e;--acc-ink:#fff;--acc-2:#9a5a00;--hot:#a8361a;--glow:rgba(194,64,31,.13);--glow2:rgba(240,169,42,.20);--shadow:0 30px 60px -36px rgba(70,40,20,.45)}}
:root[data-theme=light]:not(#_){--acc:#ad3719;--mute:#4d585e;--acc-ink:#fff;--acc-2:#9a5a00;--hot:#a8361a;--glow:rgba(194,64,31,.13);--glow2:rgba(240,169,42,.20);--shadow:0 30px 60px -36px rgba(70,40,20,.45)}

/* base type + texture */
[data-skin] body{font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}
[data-skin] body::after{content:"";position:fixed;inset:0;z-index:2147483000;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
[data-skin] ::selection{background:var(--acc);color:var(--acc-ink)}
[data-skin] :focus-visible{outline:2px solid var(--acc)!important;outline-offset:3px!important;border-radius:6px}
[data-skin] .ccp :focus-visible{outline-color:#f2a98a!important}
[data-skin] .kick{letter-spacing:.2em;font-size:.72rem}
[data-skin] .mute{color:var(--mute)}
[data-skin] h2.disp,[data-skin] .sh h2{font-weight:400!important}
[data-skin] .sh{align-items:end;border-bottom:1px solid var(--rule);padding-bottom:18px;margin-bottom:clamp(24px,3.4vw,44px)}
[data-skin] .sh h2.disp{font-size:clamp(2.4rem,5.6vw,4.6rem)!important;line-height:.95!important}
[data-skin] .sh .more,[data-skin] .feed-h .more{display:inline-flex;align-items:center;gap:.45em;min-height:44px;font-weight:600;text-decoration:none;color:var(--ink);border-bottom:0}
[data-skin] .sh .more:not([target=_blank])::after,[data-skin] .feed-h .more:not([target=_blank])::after{content:"\2192";transition:transform .3s var(--ease);color:var(--acc)}
[data-skin] .sh .more:hover::after,[data-skin] .feed-h .more:hover::after{transform:translateX(4px)}

/* refined link underlines */
[data-skin] main p a:not(.btn),[data-skin] .prose a,[data-skin] .feed-follow a,[data-skin] .bio .links a,[data-skin] .ft a{text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:color-mix(in srgb,currentColor 38%,transparent);transition:text-decoration-color .2s,color .2s}
[data-skin] main p a:not(.btn):hover,[data-skin] .prose a:hover,[data-skin] .feed-follow a:hover,[data-skin] .ft a:hover{text-decoration-color:var(--acc);text-decoration-thickness:2px}

/* buttons: contrast-safe accent, 44px targets */
[data-skin] .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.78em 1.5em;transition:transform .25s var(--ease),background-color .25s,box-shadow .25s,color .25s}
[data-skin] .btn.p{color:var(--acc-ink)!important;box-shadow:0 10px 30px -12px var(--acc)}
[data-skin] .btn.p:hover{transform:translateY(-2px);filter:none;box-shadow:0 16px 36px -12px var(--acc)}
[data-skin] .btn.g:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}

/* header */
[data-skin] .hd{backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
[data-skin] .hd .logo b{font-family:var(--disp);font-weight:500;letter-spacing:-.01em;text-transform:none;font-size:1.15rem}
[data-skin] .nav a{position:relative;font-weight:600;min-height:44px;display:inline-flex;align-items:center}
[data-skin] .nav a::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:8px;height:1.5px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
[data-skin] .nav a:hover{background:transparent}
[data-skin] .nav a:hover::after,[data-skin] .nav a[aria-current]::after{transform:scaleX(1)}
[data-skin] .hd .mc,[data-skin] .hd .tg{width:44px;height:44px}

/* ================= HERO: magazine cover ================= */
[data-skin] .hero.hx{position:relative;isolation:isolate;overflow:hidden;background:var(--bg)!important;color:var(--ink)!important}
[data-skin] .hero.hx::before{content:"";position:absolute;inset:-20% -10% auto;height:120%;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 78% 38%,var(--glow),transparent 70%),radial-gradient(40% 40% at 12% 8%,var(--glow2),transparent 70%)}
[data-skin] .hx .mast{border-bottom:0!important;border-top:3px double var(--rule);padding:10px 0 0;margin:0;font-size:.7rem;letter-spacing:.2em;color:var(--mute)}
[data-skin] .hx .mast>span:first-child{font-family:var(--disp);font-style:italic;letter-spacing:0;text-transform:none;font-size:1.05rem;color:var(--acc)}
[data-skin] .hx-tag{color:var(--mute)!important;font-weight:600!important}
[data-skin] .hx-np{position:relative}
[data-skin] .hx-who{font-family:var(--disp)!important;font-style:italic;font-weight:400!important;letter-spacing:0!important;text-transform:none;font-size:clamp(1.3rem,2.4cqi,2rem)!important;color:var(--ink)!important;margin:0 0 .1em!important}
[data-skin] .hero.hx h1 .hx-big{font-style:italic;font-weight:300;font-size:clamp(4rem,17cqi,15rem)!important;line-height:.82!important;letter-spacing:-.045em!important;padding-bottom:.08em;background:linear-gradient(100deg,var(--acc) 0%,var(--hot) 55%,var(--acc-2) 110%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;font-variation-settings:"opsz" 144}
[data-skin] .hero.hx h1 .hx-who{-webkit-text-fill-color:currentColor}
[data-skin] .hx-ph{position:relative;border-radius:4px!important;aspect-ratio:4/3;box-shadow:var(--shadow)}
[data-skin] .hx-ph img{border-radius:0!important;filter:saturate(1.08) contrast(1.04);transform:scale(1.02);transition:transform 1.6s var(--ease)}
[data-skin] .hx-ph:hover img{transform:scale(1.05)}
[data-skin] .hx-ph::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(242,169,138,.0) 40%,rgba(12,19,23,.55)),linear-gradient(120deg,rgba(240,169,42,.18),rgba(217,71,43,.14) 60%,rgba(44,82,102,.22));mix-blend-mode:normal}
[data-skin] .skin-badge{position:absolute;right:clamp(10px,2vw,22px);bottom:clamp(10px,2vw,22px);z-index:2;width:clamp(88px,10vw,128px);aspect-ratio:1;pointer-events:none;color:#fff;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}
[data-skin] .skin-badge svg{width:100%;height:100%;animation:skin-spin 26s linear infinite}
[data-skin] .skin-badge text{font:600 9.5px var(--body);letter-spacing:.12em;fill:#fff}
[data-skin] .skin-badge::after{content:"";position:absolute;inset:36%;border-radius:50%;background:#f2a98a;box-shadow:0 0 0 6px rgba(242,169,138,.25)}
@keyframes skin-spin{to{transform:rotate(360deg)}}
[data-skin] .hx-copy .kick{color:var(--acc)}
[data-skin] .hero.hx p.sub{font-family:var(--disp);font-size:clamp(1.25rem,1.9vw,1.6rem)!important;line-height:1.32;font-weight:400;letter-spacing:-.01em;color:var(--ink);max-width:30ch}
[data-skin] .hx .btns{gap:12px}
[data-skin] .hx .btns .btn{min-height:52px;font-size:1rem;padding:.85em 1.7em}
[data-skin] .hx .btns .btn.g{color:var(--ink)!important}
[data-skin] .hx .now{color:var(--ink)!important;border-color:var(--rule)!important;border-radius:999px!important;padding:8px 20px 8px 10px;min-height:52px;background:color-mix(in srgb,var(--card) 70%,transparent)}
[data-skin] .hx .now small{color:var(--acc)!important}
[data-skin] .hx .now .eq{width:34px;height:34px;border-radius:50%;background:var(--acc);display:inline-flex;align-items:end;justify-content:center;gap:2px;padding:9px 8px;box-sizing:border-box}
[data-skin] .hx .now .eq i{background:var(--acc-ink)!important}
[data-skin] .hx .now:hover{border-color:var(--acc)!important}
[data-skin] .hx-ed{border-top:0}
[data-skin] .hx-ed .kick{color:var(--acc)!important}
[data-skin] .hx-ed ol{border-top:1px solid var(--rule)!important}
[data-skin] .hx-ed a{color:var(--ink)!important;border-bottom-color:var(--rule)!important;min-height:44px;transition:background-color .3s}
[data-skin] .hx-ed .n{font-style:italic;color:var(--acc)!important;font-size:1.6rem!important}
[data-skin] .hx-ln small{color:var(--mute)!important}
[data-skin] .hx-ln b{text-transform:none!important;font-weight:500!important;font-size:clamp(1.05rem,1.4vw,1.3rem)!important;letter-spacing:-.01em;line-height:1.15!important}
[data-skin] .hx-ed a:hover b{color:var(--acc)!important}
[data-skin] .hx-th{border-radius:4px!important}
@media (min-width:900px){
 [data-skin] .hx-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;align-items:end}
 [data-skin] .hx-ph{margin-top:calc(-1 * clamp(40px,7vw,120px))!important;z-index:-1}
 [data-skin] .hx-copy{padding-bottom:8px}
 [data-skin] .hx-ed ol{grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:clamp(18px,2.6vw,36px)}
}

/* credentials strip */
[data-skin] .creds{background:var(--rule)!important;border-block:1px solid var(--rule)!important}
[data-skin] .creds a{background:var(--bg)!important;transition:background-color .3s;padding:26px 24px!important}
[data-skin] .creds a:hover{background:var(--bg2)!important}
[data-skin] .creds b{text-transform:none!important;font-style:italic;font-weight:400;font-size:clamp(1.8rem,3vw,2.5rem)!important;letter-spacing:-.02em;color:var(--acc)!important}
[data-skin] .creds span{color:var(--ink)!important;opacity:.82}

/* world bento */
[data-skin] .wd a{border-radius:6px!important;border-color:var(--line)!important;transition:transform .5s var(--ease),border-color .3s,box-shadow .5s var(--ease)!important}
[data-skin] .wd a:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow)}
[data-skin] .wd-tx b{text-transform:none!important;font-weight:500!important;letter-spacing:-.015em}
[data-skin] .wd img,[data-skin] .cv img,[data-skin] .card img,[data-skin] .ed img{border-radius:0!important}
@media (min-width:900px){
 [data-skin] .wd{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:minmax(0,auto)}
 [data-skin] .wd li:first-child{grid-column:span 2;grid-row:span 2}
 [data-skin] .wd li:first-child .wd-im{aspect-ratio:auto!important;flex:1;min-height:340px}
 [data-skin] .wd li:first-child .wd-tx b{font-size:clamp(1.8rem,2.8vw,2.6rem)!important}
 [data-skin] .wd li:not(:first-child) a{flex-direction:column!important}
 [data-skin] .wd li:not(:first-child) .wd-im{aspect-ratio:16/10!important;height:auto!important;min-height:0!important}
}

/* ================= Live from the road: timeline ================= */
[data-skin] .feed{padding:clamp(48px,6vw,88px) 0!important;border-bottom:1px solid var(--rule)}
[data-skin] .feed-h{align-items:center!important;border-bottom:1px solid var(--rule);padding-bottom:16px;margin-bottom:28px!important}
[data-skin] .feed-h h2.kick{font-family:var(--disp)!important;font-style:italic;text-transform:none!important;letter-spacing:-.02em!important;font-weight:400!important;font-size:clamp(2.2rem,5vw,4rem)!important;line-height:1!important;color:var(--ink)!important}
[data-skin] .feed .upd{font-size:.8rem;color:var(--mute);letter-spacing:.04em}
[data-skin] .mq{overflow:visible!important;scroll-snap-type:none!important;padding:0 clamp(16px,4vw,40px)!important;max-width:var(--w);margin:0 auto}
[data-skin] .mq-in{display:block!important;width:auto!important;padding:0!important;transform:none!important;animation:none!important}
[data-skin] .mq-track[inert],[data-skin] .mq-track[aria-hidden=true]{display:none!important}
[data-skin] .mq-track{display:grid!important;grid-template-columns:1fr;gap:0!important;transform:none!important;animation:none!important}
[data-skin] .mq li{width:auto!important;position:relative;padding-left:34px}
[data-skin] .mq li::before{content:"";position:absolute;left:9px;top:0;bottom:0;width:1px;background:var(--rule)}
[data-skin] .mq li::after{content:"";position:absolute;left:4px;top:50%;width:11px;height:11px;margin-top:-5.5px;border-radius:50%;background:var(--bg);border:2px solid var(--acc);transition:background-color .3s,transform .3s var(--ease)}
[data-skin] .mq li:first-child::after{background:var(--acc);box-shadow:0 0 0 5px var(--glow)}
[data-skin] .mq li.k-gig::after{border-color:var(--acc-2)}
[data-skin] .mq li:hover::after{background:var(--acc);transform:scale(1.25)}
[data-skin] .mq li a{height:auto!important;min-height:96px;grid-template-columns:64px minmax(0,1fr)!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;padding:14px 8px 14px 0!important;transition:transform .35s var(--ease)!important}
[data-skin] .mq li a:hover{transform:translateX(4px)}
[data-skin] .mq .th{width:64px!important;height:64px!important;border-radius:4px!important}
[data-skin] .mq .t b{font-family:var(--disp);font-weight:500;font-size:1.08rem!important;letter-spacing:-.01em;line-height:1.2!important}
[data-skin] .mq .t small{font-size:.8rem!important}
[data-skin] .mq .lbl{font-size:.66rem!important;letter-spacing:.16em!important}
[data-skin] .mq .db{background:#9e3219!important}
@media (min-width:860px){[data-skin] .mq-track{grid-template-columns:1fr 1fr;column-gap:clamp(28px,4vw,56px)!important}}
[data-skin] .skin-more{margin:28px 0 0!important}
[data-skin] .feed-follow,[data-skin] .feed-all{max-width:var(--w)}
[data-skin] .feed-all summary{min-height:44px;display:flex;align-items:center}

/* ================= Magazine: cover story + grid ================= */
[data-skin] .cv{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;gap:clamp(22px,4vw,56px)!important}
[data-skin] .cv-im{border-radius:4px!important;box-shadow:var(--shadow)}
[data-skin] .cv h2{font-size:clamp(2.4rem,4.8vw,4.6rem)!important;line-height:.94!important;font-weight:400!important;letter-spacing:-.035em!important}
[data-skin] .cv h2 a{background:linear-gradient(var(--acc),var(--acc)) 0 100%/0 2px no-repeat;transition:background-size .5s var(--ease),color .3s}
[data-skin] .cv h2 a:hover{background-size:100% 2px}
[data-skin] .cv-dek{font-family:var(--disp);font-style:italic;font-size:clamp(1.15rem,1.7vw,1.45rem)!important;line-height:1.38!important;color:var(--ink);opacity:.92}
[data-skin] .cv .tagc{background:var(--acc)!important;color:var(--acc-ink)!important;border-color:var(--acc)!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;padding:.4em .8em}
@media (min-width:900px){[data-skin] .cv{grid-template-columns:minmax(0,7fr) minmax(0,5fr)!important}[data-skin] .cv-im{aspect-ratio:5/4!important}}
[data-skin] .ed{border-top:3px double var(--rule)!important}
[data-skin] .ed a{transition:background-color .3s}
[data-skin] .ed .n{font-style:italic;color:var(--acc)!important;font-size:2.2rem!important}
[data-skin] .ed-tx b{text-transform:none!important;font-weight:500!important;font-size:1.2rem!important;letter-spacing:-.01em;line-height:1.15!important}
[data-skin] .ed-im{border-radius:4px!important}
@media (min-width:900px){[data-skin] .ed{grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:clamp(20px,3vw,40px)}}
[data-skin] .card{background:transparent!important;border:0!important;border-radius:0!important;text-decoration:none;transition:transform .5s var(--ease)!important}
[data-skin] .card .im{border-radius:4px;overflow:hidden;aspect-ratio:4/3;background:var(--bg3)}
[data-skin] .card .im img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
[data-skin] .card:hover .im img{transform:scale(1.045)}
[data-skin] .card .tx{padding:16px 0 0!important}
[data-skin] .card h3{font-size:clamp(1.3rem,1.8vw,1.6rem)!important;line-height:1.1!important;margin:.35em 0 .35em!important}
[data-skin] .card:hover h3{color:var(--acc)}
[data-skin] .card p{color:var(--mute);font-size:.98rem;line-height:1.5}
[data-skin] .grid{border-top:1px solid var(--rule);padding-top:clamp(24px,3vw,40px);margin-top:clamp(24px,3vw,40px)}
[data-skin] .prov{font-size:.7rem!important}

/* ================= Melodica: radio show ================= */
[data-skin] #listen.s{position:relative;isolation:isolate;overflow:hidden}
[data-skin] #listen.s::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 60% at 15% 30%,var(--glow),transparent 70%),radial-gradient(40% 50% at 95% 90%,var(--glow2),transparent 70%)}
[data-skin] #listen .sh h2.disp{font-style:italic}
[data-skin] .mx-feat{border:0!important;background:transparent!important;padding:0!important}
@media (min-width:900px){[data-skin] .mx-feat{grid-template-columns:minmax(0,5fr) minmax(0,6fr)!important;gap:clamp(40px,6vw,96px)!important}}
[data-skin] .mx-feat .mx-art{position:relative;overflow:visible!important;border-radius:4px!important;margin-right:12%;isolation:isolate}
[data-skin] .mx-feat .mx-art img{position:relative;z-index:1;border-radius:4px!important;box-shadow:var(--shadow)}
[data-skin] .mx-feat .mx-art::before{content:"";position:absolute;z-index:0;top:4%;bottom:4%;right:0;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f2a98a 0 9%,#111 9.5% 11%,#1b1b1b 11.5%,#0b0b0b 30%,#1c1c1c 31%,#0b0b0b 48%,#232323 49%,#0a0a0a 70%);transform:translateX(16%);transition:transform .8s var(--ease)}
[data-skin] .mx-feat:hover .mx-art::before{transform:translateX(30%) rotate(40deg)}
[data-skin] .mx-feat .mx-art:hover img,[data-skin] .mx-feat:hover .mx-art img{transform:none}
[data-skin] .mx-feat .tagc{background:var(--acc)!important;color:var(--acc-ink)!important;border-color:var(--acc)!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;padding:.4em .8em;display:inline-flex;align-items:center;gap:.5em}
[data-skin] .mx-feat .tagc::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:skin-pulse 1.8s ease-in-out infinite}
@keyframes skin-pulse{50%{opacity:.25}}
[data-skin] .mx-feat h3.disp{font-size:clamp(2.6rem,5.4vw,5rem)!important;line-height:.92!important;font-weight:400!important;letter-spacing:-.04em!important}
[data-skin] .mx-meta{color:var(--acc)!important;font-weight:600!important;letter-spacing:.14em!important;font-size:.74rem!important}
[data-skin] .mx-feat .mx-note{font-family:var(--disp);font-size:1.18rem!important;line-height:1.5;max-width:52ch}
[data-skin] .lite-bc{border-radius:999px!important;min-height:64px;padding:10px 22px 10px 10px!important;background:var(--card)!important;border:1px solid var(--rule)!important;color:var(--ink)!important;transition:border-color .3s,transform .3s var(--ease),box-shadow .3s!important;max-width:520px}
[data-skin] .lite-bc:hover{border-color:var(--acc)!important;transform:translateY(-2px);box-shadow:0 14px 34px -18px var(--acc)}
[data-skin] .lite-bc .pl{width:46px!important;height:46px!important;background:var(--acc)!important;color:var(--acc-ink)!important;font-size:1rem;transition:transform .3s var(--ease)}
[data-skin] .lite-bc:hover .pl{transform:scale(1.08)}
[data-skin] .lite-bc small{color:var(--mute)!important}
[data-skin] .mx-mini a{min-height:44px;transition:padding .3s var(--ease)}
[data-skin] .mx-mini a:hover{padding-left:6px}
[data-skin] .mx-mini img{border-radius:4px!important}
[data-skin] .lb-shelf-h{font-family:var(--body)!important;font-weight:600!important;font-size:.74rem!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--acc)}
[data-skin] .mx-card{border-radius:6px!important;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
[data-skin] .mx-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
[data-skin] .mx-card h3{text-transform:none!important;font-weight:500!important}
[data-skin] .lite{border-radius:6px;overflow:hidden}

/* ================= Release-card system (music, label, CS+LB, COT, records) ================= */
[data-skin] .mu-card,[data-skin] .shelf li a,[data-skin] .covers figure{transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .3s}
[data-skin] .mu-card{border-radius:6px!important;border-color:var(--line)!important}
[data-skin] .mu-card:hover,[data-skin] .shelf li a:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--acc) 50%,transparent)!important}
[data-skin] .mu-art{overflow:hidden;position:relative}
[data-skin] .mu-art img,[data-skin] .shelf img,[data-skin] .covers img,[data-skin] .csl-art img{border-radius:0!important;transition:transform .9s var(--ease)}
[data-skin] .mu-card:hover .mu-art img,[data-skin] .shelf li a:hover img,[data-skin] .covers figure:hover img{transform:scale(1.05)}
[data-skin] .mu-tx h3{font-size:1.06rem!important;font-weight:500!important;letter-spacing:-.01em}
[data-skin] .mu-play{background:#b23a1c!important;color:#fff!important;min-height:44px!important}
[data-skin] .mu-play:hover{background:#8f2c14!important}
[data-skin] .mu-f input,[data-skin] .mu-f select{min-height:46px;border-radius:999px!important;padding-inline:1.1rem}
[data-skin] .mu-kinds button,[data-skin] .mu-reset,[data-skin] .mu-all{min-height:44px!important}
[data-skin] .mu-kinds button[aria-pressed=true]{background:var(--acc)!important;color:var(--acc-ink)!important;border-color:var(--acc)!important}
[data-skin] .label{position:relative;isolation:isolate;--ink:#f4efe8;--acc:#f2a98a;--acc-ink:#1b0e08;--acc-2:#f6c27a;--rule:rgba(244,239,232,.22);--glow:rgba(242,169,138,.2);color-scheme:dark}
[data-skin] #label-h span{font-style:italic}
[data-skin] .lb-lead h3.disp,[data-skin] .csl-lead h3.disp{font-size:clamp(2rem,4vw,3.4rem)!important;line-height:.98!important;font-weight:400!important}
[data-skin] .lb-flag{display:inline-block!important;width:auto!important;font-size:.68rem!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--acc-ink)!important;background:var(--acc)!important;padding:.45em .9em!important;border-radius:999px!important;line-height:1.2!important}
[data-skin] .sleeve img{border-radius:3px!important}
[data-skin] .shelf li a{display:block;border-radius:6px;text-decoration:none}
[data-skin] .shelf picture{display:block;overflow:hidden;border-radius:4px;box-shadow:0 18px 40px -26px rgba(0,0,0,.8)}
[data-skin] .shelf b{display:block;font-family:var(--disp);font-weight:500;font-size:1.05rem;letter-spacing:-.01em;margin-top:.7em;line-height:1.2}
[data-skin] .shelf li a:hover b{color:var(--acc)}
[data-skin] .shelf small{color:var(--mute)}
[data-skin] .csl-art{overflow:hidden;border-radius:4px;display:block}
[data-skin] .csl-lead{border:0!important;background:transparent!important}
[data-skin] .csl-list li{transition:transform .35s var(--ease)}
[data-skin] .csl-list li:hover{transform:translateX(4px)}
[data-skin] .csl-list h3{font-weight:500!important;letter-spacing:-.01em}
[data-skin] .cot-ph{display:block;overflow:hidden;border-radius:4px;box-shadow:var(--shadow)}
[data-skin] .cot-ph img{border-radius:0!important;transition:transform 1.2s var(--ease)}
[data-skin] .cot-ph:hover img{transform:scale(1.04)}
[data-skin] .cot-sign{font-family:var(--disp);font-style:italic;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1;color:var(--acc);letter-spacing:-.02em;margin:0 0 .6em;text-transform:none!important}
[data-skin] .covers figure{margin:0}
[data-skin] .covers picture{display:block;overflow:hidden;border-radius:4px}
[data-skin] .covers figure:hover{transform:translateY(-5px)}
[data-skin] .covers figcaption b{font-family:var(--disp);font-weight:500;letter-spacing:-.01em}

/* ================= Picks chart + dates ================= */
[data-skin] .chart li{transition:padding .35s var(--ease)}
[data-skin] .chart li:hover{padding-left:6px}
[data-skin] .chart li::before{font-style:italic;color:var(--acc)!important;font-weight:300}
[data-skin] .chart b{text-transform:none!important;font-weight:500;font-size:1.3rem!important;letter-spacing:-.015em}
[data-skin] .chart .k{border-radius:999px!important;border-color:var(--rule)!important;color:var(--mute)}
[data-skin] .chart a{min-height:44px;justify-content:center}
[data-skin] .ev .col{background:transparent!important;border:0!important;border-top:3px double var(--rule)!important;border-radius:0!important;padding:18px 0 0!important}
[data-skin] .ev h3{text-transform:none!important;font-style:italic;font-weight:400!important}
[data-skin] .ev li{display:block;padding:14px 0!important;border-top:1px solid var(--line)!important;transition:padding .3s var(--ease)}
[data-skin] .ev li:hover{padding-left:6px!important}

/* about */
[data-skin] .bio .ph img{border-radius:4px!important;box-shadow:var(--shadow)}
[data-skin] .bio .lead{font-family:var(--disp);font-size:clamp(1.45rem,2.4vw,2rem)!important;line-height:1.28!important;letter-spacing:-.015em;font-weight:400;text-transform:none!important}
[data-skin] .bio .lead::first-letter{font-size:3.4em;float:left;line-height:.8;margin:.06em .08em 0 0;font-style:italic;color:var(--acc)}
[data-skin] .bio>div>p:not(.lead):not(.kick):not(.mute){max-width:var(--measure)}
[data-skin] .bio .links{display:flex;flex-wrap:wrap;gap:8px}
[data-skin] .bio .links a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--rule);border-radius:999px;text-decoration:none!important;font-weight:600;font-size:.88rem;transition:border-color .3s,color .3s}
[data-skin] .bio .links a:hover{border-color:var(--acc);color:var(--acc)}

/* bookings CTA */
[data-skin] .skin-book{position:relative;border-radius:6px;padding:clamp(28px,4vw,52px);background:linear-gradient(135deg,#2c5266 0%,#3b2b40 55%,#8a3a22 100%);color:#fff;overflow:hidden;isolation:isolate}
[data-skin] .skin-book::after{content:"";position:absolute;z-index:-1;width:60%;aspect-ratio:1;right:-14%;bottom:-40%;border-radius:50%;background:radial-gradient(circle,rgba(246,194,122,.75),rgba(217,71,43,.35) 45%,transparent 70%)}
[data-skin] .skin-book .kick{color:#f6c27a!important}
[data-skin] .skin-book h2,[data-skin] .skin-book p{color:#fff!important}
[data-skin] .skin-book .btn.p{background:#fff!important;color:#1b0e08!important;border-color:#fff!important}

[data-skin] main section.s:has(>.wrap>.nl[style*="none"]){display:none}
/* footer */
[data-skin] .ft{background:var(--bg2)!important}
[data-skin] .ft h2{font-family:var(--body)!important;font-size:.72rem!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--acc);font-weight:700!important}
[data-skin] .ft li a{display:inline-flex;align-items:center;min-height:36px}

/* ================= Story pages ================= */
[data-skin] .art-h{text-align:center;padding-top:clamp(40px,8vw,104px)!important}
[data-skin] .art-h h1{margin-inline:auto!important;max-width:20ch!important;font-size:clamp(2.6rem,7vw,6.2rem)!important;line-height:.94!important;letter-spacing:-.04em!important;font-weight:400!important}
[data-skin] .art-h .dek{margin-inline:auto!important;max-width:min(46ch,100%)!important;font-family:var(--disp);font-style:italic;font-weight:400!important;color:var(--ink);opacity:.9}
[data-skin] .art-h .meta{color:var(--mute);font-size:.86rem}
[data-skin] .art-h .tagc{display:inline-flex;align-items:center;min-height:32px;padding:0 .9em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;text-decoration:none}
[data-skin] .art-hero img{border-radius:0!important}
[data-skin] .prose{max-width:var(--measure)!important;font-size:clamp(1.08rem,1.5vw,1.2rem)!important;line-height:1.75!important}
[data-skin] .prose>p:first-of-type::first-letter{font-family:var(--disp)!important;font-style:italic;font-weight:400;font-size:5.4em;line-height:.8;color:var(--acc)!important;margin:.04em .09em 0 0}
[data-skin] .prose h2{text-transform:none!important;font-weight:400!important;font-size:clamp(1.8rem,3.4vw,2.6rem)!important;letter-spacing:-.025em!important;line-height:1.05!important}
[data-skin] .prose h2::before{content:"";display:block;width:48px;height:2px;background:var(--acc);margin-bottom:.6em}
[data-skin] .prose blockquote,[data-skin] .skin-pq{margin:1.8em 0;padding:.2em 0 .2em 1em;border-left:2px solid var(--acc)!important;font-family:var(--disp);font-style:italic;font-weight:400!important;font-size:clamp(1.5rem,2.6vw,2.1rem)!important;line-height:1.22;letter-spacing:-.015em;color:var(--ink)}
@media (min-width:1100px){[data-skin] .skin-pq{float:right;width:42%;margin:.4em -18% 1em 1.6em;border-left:0!important;border-top:2px solid var(--acc)!important;padding:.6em 0 0}}
[data-skin] .ai-note{max-width:var(--measure);margin-inline:auto;font-size:.88rem;color:var(--mute)}
[data-skin] .src{max-width:var(--measure);margin-inline:auto;font-size:.92rem}
[data-skin] .src h2{font-family:var(--body)!important;font-size:.74rem!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--acc)}
[data-skin] .share{max-width:var(--measure);margin-inline:auto}
[data-skin] .share a,[data-skin] .share button{min-height:44px;display:inline-flex;align-items:center}
[data-skin] .mx-art-block{border-radius:6px!important}

/* ================= Player dock: matches skin ================= */
[data-skin] .ccp{--pk:#f2a98a;background:#0c1317!important;border-color:rgba(241,235,226,.14)!important;border-radius:14px!important}
[data-skin] .ccp.is-docked{box-shadow:0 24px 60px -18px rgba(0,0,0,.7),0 0 0 1px rgba(242,169,138,.12)!important;backdrop-filter:blur(10px)}
[data-skin] .ccp-title{font-family:var(--disp);font-weight:500!important;letter-spacing:-.01em;font-size:1.05rem}
[data-skin] .ccp-tabs{background:#18252d!important}
[data-skin] .ccp-tabs button{min-height:40px!important}
[data-skin] .ccp-tabs button[aria-selected=true]{background:#f2a98a!important;color:#1b0e08!important}
[data-skin] .ccp-go-i::before{background-color:#b23a1c!important}
[data-skin] .ccp .ccp-load{background:#121b21!important;border-color:rgba(241,235,226,.2)!important}
[data-skin] .ccp .ccp-load:hover{border-color:#f2a98a!important}
[data-skin] .ccp .ccp-load .pl{background-color:#b23a1c!important}
[data-skin] .ccp.is-docked.is-idle:not(.is-float):not(.is-max) #ccp-pane-bc{display:none!important}
[data-skin] .ccp-pill{background:#0c1317!important;border-color:rgba(242,169,138,.35)!important;min-height:44px}
[data-skin] .ccp-pill:hover{border-color:#f2a98a!important}
[data-skin] .ccp-dots{width:40px!important;height:40px!important}
@media (max-width:700px){[data-skin] .ccp.is-docked{border-radius:16px 16px 0 0!important}}

[data-skin].skin-herovis .ccp.is-docked.is-idle:not(.is-float):not(.is-max):not(.is-menu){opacity:0!important;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s .3s}
[data-skin] .ccp.is-docked{transition:opacity .3s}
[data-skin] .feed-all li a{display:inline-flex;align-items:center;min-height:44px}
[data-skin] .hd .logo{min-height:44px}
[data-skin] .logo i{color:var(--acc-ink)!important}
/* ================= Reveal motion ================= */
[data-skin].skin-rv .rv{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
[data-skin].skin-rv .rv.in{opacity:1;transform:none}

/* ================= Mobile ================= */
@media (max-width:640px){
 [data-skin] .hx .mast{font-size:.62rem}
 [data-skin] .hx-tag{display:none!important}
 [data-skin] .hero.hx h1 .hx-big{font-size:clamp(3.6rem,22vw,6rem)!important}
 [data-skin] .hx .btns .btn{flex:1 1 auto}
 [data-skin] .skin-badge{width:80px}
 [data-skin] .creds{grid-template-columns:1fr 1fr!important}
 [data-skin] .creds a{padding:18px 16px!important}
 [data-skin] .creds b{font-size:1.6rem!important}
 [data-skin] .creds span{font-size:.86rem}
 [data-skin] .mq li{padding-left:28px}
 [data-skin] .mq li::before{left:6px}[data-skin] .mq li::after{left:1px}
 [data-skin] .mx-feat .mx-art{margin-right:14%}
 [data-skin] .chart b{font-size:1.12rem!important}
 [data-skin] .sh{flex-wrap:wrap}
}

@media (prefers-reduced-motion:reduce){
 [data-skin] *,[data-skin] *::before,[data-skin] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 [data-skin].skin-rv .rv{opacity:1!important;transform:none!important}
}


/* ================= Round 2: product features ================= */
[data-skin] .skin-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
[data-skin] [tabindex="-1"]:focus-visible{outline:none!important}
[data-skin] main section[id],[data-skin] main article[id],[data-skin] main li[id],[data-skin] main h2[id]{scroll-margin-top:84px}
[data-skin].skin-modal,[data-skin].skin-modal body{overflow:hidden}
[data-skin].skin-tt body,[data-skin].skin-tt body *,[data-skin].skin-tt body *::before,[data-skin].skin-tt body *::after{transition:background-color .55s ease,color .55s ease,border-color .55s ease,fill .55s ease,box-shadow .55s ease!important}

/* header search button */
[data-skin] .skin-sbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-width:44px;height:44px;padding:0 10px 0 14px;margin-inline:4px;border-radius:999px;border:1px solid var(--rule);background:transparent;color:var(--ink);font:600 .85rem/1 var(--body);cursor:pointer;transition:border-color .25s,background-color .25s}
[data-skin] .skin-sbtn:hover{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 7%,transparent)}
[data-skin] .skin-sbtn svg{flex:none}
[data-skin] .skin-sbtn kbd,[data-skin] .skin-pal-f kbd{font:600 .7rem/1 var(--body);padding:4px 6px;border:1px solid var(--rule);border-radius:6px;color:var(--mute);background:transparent}
@media (max-width:1180px){[data-skin] .skin-sbtn kbd{display:none}[data-skin] .skin-sbtn{padding:0 14px}}
@media (max-width:1023px){[data-skin] .skin-sbtn .skin-sbtn-l{display:none}[data-skin] .skin-sbtn{width:44px;padding:0;margin-inline:2px}}
@media (max-width:640px){[data-skin] .hd .wrap{column-gap:10px}[data-skin] .hd .skin-sbtn{margin-left:-6px!important;margin-right:0}[data-skin] .hd .logo b{font-size:1.02rem}}
@media (max-width:374px){[data-skin] .hd .logo b{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}

/* dialogs */
[data-skin] .skin-ov{position:fixed;inset:0;z-index:2147483100;display:flex;align-items:flex-start;justify-content:center;padding:clamp(12px,10vh,120px) 16px 16px;background:rgba(8,12,15,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease}
[data-skin] .skin-ov[hidden]{display:none}
[data-skin] .skin-ov.on{opacity:1}
[data-skin] .skin-dlg{position:relative;width:min(640px,100%);max-height:min(80vh,760px);display:flex;flex-direction:column;background:var(--bg);color:var(--ink);border:1px solid var(--rule);border-radius:16px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);overflow:hidden;transform:translateY(10px) scale(.985);transition:transform .28s var(--ease)}
[data-skin] .skin-ov.on .skin-dlg{transform:none}
[data-skin] .skin-x{flex:none;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink);cursor:pointer;transition:border-color .2s,background-color .2s}
[data-skin] .skin-x:hover{border-color:var(--rule);background:color-mix(in srgb,var(--ink) 6%,transparent)}

/* search palette */
[data-skin] .skin-pal-h{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;border-bottom:1px solid var(--rule)}
[data-skin] .skin-pal-h>svg{color:var(--acc);flex:none}
[data-skin] .skin-pal-h:focus-within{box-shadow:inset 0 -2px 0 var(--acc)}
[data-skin] .skin-pal-h input{flex:1;min-width:0;height:52px;border:0;background:transparent;color:var(--ink);font:400 1.12rem var(--body);outline:none!important;-webkit-appearance:none;appearance:none}
[data-skin] .skin-pal-h input::placeholder{color:var(--mute);opacity:1}
[data-skin] .skin-pal-h input::-webkit-search-cancel-button{display:none}
[data-skin] .skin-pal-l{list-style:none;margin:0;padding:8px;overflow:auto;overscroll-behavior:contain;flex:1 1 auto;min-height:0}
[data-skin] .skin-pal-o{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 12px;border-radius:10px;cursor:pointer;scroll-margin:8px}
[data-skin] .skin-pal-o[aria-selected=true]{background:color-mix(in srgb,var(--acc) 13%,var(--bg));box-shadow:inset 3px 0 0 var(--acc)}
[data-skin] .skin-pal-tx{flex:1;min-width:0}
[data-skin] .skin-pal-tx b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-skin] .skin-pal-tx small{display:block;margin-top:2px;color:var(--mute);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-skin] .skin-pal-tx mark{background:none;color:inherit;text-decoration:underline;text-decoration-color:var(--acc);text-decoration-thickness:2px;text-underline-offset:.18em}
[data-skin] .skin-pal-k{flex:none;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);border:1px solid var(--rule);border-radius:999px;padding:4px 9px;white-space:nowrap}
[data-skin] .skin-pal-o[aria-selected=true] .skin-pal-k{color:var(--ink);border-color:color-mix(in srgb,var(--acc) 60%,transparent)}
[data-skin] .skin-pal-empty{padding:28px 16px;color:var(--mute);text-align:center;list-style:none}
[data-skin] .skin-pal-f{display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;padding:10px 18px;border-top:1px solid var(--rule);font-size:.78rem;color:var(--mute)}
[data-skin] .skin-pal-f kbd{margin-right:3px}
[data-skin] .skin-pal-st{margin-left:auto}
@media (max-width:600px){[data-skin] .skin-pal-f>span:not(.skin-pal-st){display:none}[data-skin] #skin-pal{padding-top:12px}[data-skin] .skin-pal-d{max-height:calc(100dvh - 24px)}}

/* booking planner */
[data-skin] .skin-dlg-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 14px 6px 24px}
[data-skin] .skin-dlg-h .kick{margin:0 0 .3em;color:var(--acc)}
[data-skin] .skin-dlg-t{font-family:var(--disp);font-weight:400;font-size:clamp(1.8rem,4.4vw,2.5rem);line-height:1;letter-spacing:-.025em;margin:0}
[data-skin] .skin-dlg-sub{margin:.6em 0 0;color:var(--mute);font-size:.95rem;line-height:1.45;max-width:46ch}
[data-skin] .skin-plan{overflow:auto;overscroll-behavior:contain;padding:6px 24px 24px;min-height:0}
[data-skin] .skin-plan fieldset{border:0;margin:18px 0 0;padding:0;min-width:0}
[data-skin] .skin-plan legend,[data-skin] .skin-fld>span{display:block;padding:0;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
[data-skin] .skin-plan legend small{letter-spacing:.04em;text-transform:none;font-weight:500}
[data-skin] .skin-chips{display:flex;flex-wrap:wrap;gap:8px}
[data-skin] .skin-chip{position:relative;display:inline-flex}
[data-skin] .skin-chip input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
[data-skin] .skin-chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--rule);border-radius:999px;font-weight:600;font-size:.9rem;transition:background-color .2s,border-color .2s,color .2s;pointer-events:none}
[data-skin] .skin-chip:hover span{border-color:var(--acc)}
[data-skin] .skin-chip input:checked+span{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
[data-skin] .skin-chip input:focus-visible+span{outline:2px solid var(--acc);outline-offset:3px}
[data-skin] .skin-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
[data-skin] .skin-fld{display:block;min-width:0}
[data-skin] .skin-fld input,[data-skin] .skin-fld select{display:block;width:100%;min-height:48px;box-sizing:border-box;border:1px solid var(--rule);border-radius:10px;background:var(--card);color:var(--ink);padding:0 12px;font:inherit;font-size:1rem;color-scheme:inherit}
[data-skin] .skin-fld input:focus-visible,[data-skin] .skin-fld select:focus-visible{border-color:var(--acc)}
[data-skin] .skin-go{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-top:24px}
[data-skin] .skin-fine{margin:0;font-size:.85rem;color:var(--mute)}
@media (max-width:520px){[data-skin] .skin-plan-d{max-height:calc(100dvh - 24px)}[data-skin] .skin-row2{grid-template-columns:1fr}[data-skin] .skin-go .btn{width:100%}[data-skin] .skin-dlg-h{padding:18px 8px 4px 18px}[data-skin] .skin-plan{padding:4px 18px 20px}#skin-plan{padding-top:12px}}
[data-skin] .skin-book-ctas{display:flex;flex-wrap:wrap;gap:12px}
[data-skin] .skin-book .skin-plan-btn{color:#fff!important;border-color:rgba(255,255,255,.7)!important;background:transparent!important}
[data-skin] .skin-book .skin-plan-btn:hover{background:rgba(255,255,255,.12)!important;border-color:#fff!important}
[data-skin] .skin-book :focus-visible{outline-color:#fff!important}
[data-skin] .skin-prefill{margin:20px 0 0;padding:14px 18px;border-radius:12px;border:1px solid color-mix(in srgb,var(--acc) 45%,transparent);background:color-mix(in srgb,var(--acc) 9%,transparent);color:var(--ink);font-size:.95rem}
[data-skin] .skin-prefill b{color:var(--acc)}

/* tool bars: chips, search, sort (Mixes + label catalogue) */
[data-skin] .skin-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 clamp(20px,3vw,32px)}
[data-skin] .skin-chipb{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--rule);background:transparent;color:var(--ink);font:600 .88rem/1 var(--body);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
[data-skin] .skin-chipb:hover{border-color:var(--acc)}
[data-skin] .skin-chipb[aria-pressed=true]{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
[data-skin] .skin-chipb .c{font-weight:500;opacity:.8;font-variant-numeric:tabular-nums}
[data-skin] .skin-chipb[aria-pressed=true] .c{opacity:1}
[data-skin] .skin-shuffle{border-style:dashed;color:var(--acc)}
[data-skin] .skin-shuffle:hover{border-style:solid;background:color-mix(in srgb,var(--acc) 8%,transparent)}
[data-skin] .skin-count{flex:1 0 100%;margin:4px 0 0;font-size:.85rem;color:var(--mute)}
[data-skin] .skin-tools-mx{margin-bottom:10px}
[data-skin] .skin-count-mx{margin:0 0 clamp(20px,3vw,32px)}
@media (max-width:640px){[data-skin] .skin-tools-mx{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}[data-skin] .skin-tools-mx::-webkit-scrollbar{display:none}[data-skin] .skin-tools-mx .skin-chipb{flex:none}[data-skin] .skin-tools-mx .skin-chipb:last-child{margin-right:28px}}
[data-skin] .skin-yrs{display:flex;flex-wrap:wrap;gap:8px}
[data-skin] .skin-search{flex:1 1 240px;min-width:0;min-height:46px;box-sizing:border-box;border:1px solid var(--rule);border-radius:999px;padding:0 18px;background:var(--card);color:var(--ink);font:inherit;font-size:1rem}
[data-skin] .skin-search::placeholder{color:var(--mute);opacity:1}
[data-skin] .skin-sortl{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--mute);font-weight:600}
[data-skin] .skin-sel{min-height:46px;border:1px solid var(--rule);border-radius:999px;padding:0 14px;background:var(--card);color:var(--ink);font:inherit;font-size:.92rem}
[data-skin] .skin-empty{padding:28px 0;color:var(--mute)}
[data-skin] .skin-linkb{background:none;border:0;padding:0 .2em;min-height:44px;color:var(--acc);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
[data-skin] .skin-new{display:inline-block;margin-left:.55em;vertical-align:.25em;font:700 .6rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;background:var(--acc);color:var(--acc-ink);padding:.4em .65em;border-radius:999px}
[data-skin] .skin-pick .mx-card{box-shadow:0 0 0 2px var(--acc),var(--shadow)}

/* last played */
[data-skin] .skin-last{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;margin:0 0 clamp(22px,3vw,34px);padding:10px 8px 10px 16px;border:1px solid var(--rule);border-radius:16px;background:color-mix(in srgb,var(--card) 70%,transparent)}
[data-skin] .skin-last p{margin:0;flex:1 1 220px;min-width:0;line-height:1.25}
[data-skin] .skin-last small{display:block;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
[data-skin] .skin-last b{font-family:var(--disp);font-weight:500;font-size:1.12rem;letter-spacing:-.01em}
[data-skin] .skin-last .btn{min-height:44px;padding:.6em 1.2em}
[data-skin] .skin-last-ic{flex:none;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,var(--acc) 0 14%,#141414 15% 34%,#262626 35% 37%,#141414 38% 100%);box-shadow:0 6px 16px -8px rgba(0,0,0,.6)}

/* stories: progress + up next */
[data-skin] .skin-prog{position:fixed;left:0;right:0;top:0;height:3px;z-index:2147483050;pointer-events:none;opacity:0;transition:opacity .3s}
[data-skin] .skin-prog.on{opacity:1}
[data-skin] .skin-prog i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--hot) 60%,var(--acc-2));transform-origin:0 50%;transform:scaleX(0)}
[data-skin] .skin-rt{white-space:nowrap}
[data-skin] .skin-next{max-width:var(--measure);margin:2.6em auto 0;border-top:3px double var(--rule);padding-top:16px}
[data-skin] .skin-next .kick{margin:0 0 .4em;color:var(--acc)}
[data-skin] .skin-next a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;text-decoration:none!important;color:var(--ink)}
[data-skin] .skin-next-tx small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:.3em}
[data-skin] .skin-next b{display:block;font-family:var(--disp);font-weight:400;font-size:clamp(1.45rem,3.2vw,2.1rem);line-height:1.08;letter-spacing:-.02em;transition:color .25s}
[data-skin] .skin-next-ar{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--acc);color:var(--acc-ink);font-size:1.3rem;transition:transform .3s var(--ease)}
[data-skin] .skin-next a:hover b{color:var(--acc)}
[data-skin] .skin-next a:hover .skin-next-ar{transform:translateX(4px)}

/* home: "In this issue" strip */
[data-skin] .skin-toc{border-bottom:1px solid var(--rule)}
[data-skin] .skin-toc .wrap{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding-top:12px;padding-bottom:12px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
[data-skin] .skin-toc .wrap::-webkit-scrollbar{display:none}
[data-skin] .skin-toc .kick{flex:none;margin:0 8px 0 0;color:var(--acc)}
[data-skin] .skin-toc a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border-radius:999px;border:1px solid var(--rule);color:var(--ink);text-decoration:none;font-weight:600;font-size:.86rem;white-space:nowrap;transition:border-color .2s,color .2s}
[data-skin] .skin-toc a:last-child{margin-right:32px}
[data-skin] .skin-toc a:hover{border-color:var(--acc);color:var(--acc)}
[data-skin] .skin-toc a:focus-visible{outline-offset:-2px!important}
@media (max-width:640px){[data-skin] .skin-toc .kick{display:none}}

/* back to top */
[data-skin] .skin-top{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(var(--skin-dock,0px) + 16px);z-index:55;width:48px;height:48px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid var(--rule);background:var(--bg);color:var(--ink);box-shadow:0 12px 30px -14px rgba(0,0,0,.5);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s var(--ease),visibility 0s .3s,bottom .3s var(--ease),border-color .2s}
[data-skin] .skin-top.on{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .3s var(--ease),bottom .3s var(--ease),border-color .2s}
[data-skin] .skin-top:hover{border-color:var(--acc);color:var(--acc)}
[data-skin].skin-modal .skin-top{visibility:hidden}
@media print{[data-skin] .skin-top,[data-skin] .skin-prog,[data-skin] .skin-sbtn,[data-skin] .skin-ov,[data-skin] .skin-toc{display:none!important}}

/* ================= Round 3: subpage system, forms, shelves, mobile, performance ================= */
:root:not(#_){--skin-hd:64px;--skin-field:color-mix(in srgb,var(--ink) 52%,var(--bg));--skin-card:color-mix(in srgb,var(--card,var(--bg2)) 78%,transparent)}

/* --- page heroes: one family for hub pages, form pages, magazine, guestbook --- */
[data-skin] .hub-h:not(:has(.hub-ph))::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(55% 90% at 92% 0%,var(--glow),transparent 70%),radial-gradient(40% 70% at 0% 100%,var(--glow2),transparent 72%)}
[data-skin] .hub-h h1.disp,[data-skin] .ph1 h1,[data-skin] .mg-mast h1{font-weight:400!important;letter-spacing:-.035em!important;line-height:.92!important;text-wrap:balance}
[data-skin] .hub-h .kick,[data-skin] .ph1 .kick,[data-skin] .mg-mast .mast{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
[data-skin] .hub-h .kick::after,[data-skin] .ph1 .kick::after{content:"";flex:0 0 48px;height:1px;background:currentColor;opacity:.45}
[data-skin] .hub-h .sub,[data-skin] .ph1>h1+p,[data-skin] .mg-sub{font-family:var(--disp)!important;font-weight:400!important;font-size:clamp(1.15rem,1.9vw,1.42rem)!important;line-height:1.45!important;max-width:54ch;text-wrap:pretty}
[data-skin] .hub-fig{box-shadow:var(--shadow);border-radius:6px!important}
[data-skin] .ph1{position:relative;padding-bottom:clamp(24px,4vw,44px)!important;margin-bottom:clamp(28px,4vw,52px);border-bottom:1px solid var(--rule)}
[data-skin] main:has(>.wrap>.ph1){background:radial-gradient(70% 560px at 100% 0%,var(--glow),transparent 72%) no-repeat}
[data-skin] .ph1 .kick a{min-height:44px;display:inline-flex;align-items:center}
[data-skin] .ph1+.mute,[data-skin] .ph1+p{font-size:1rem}

/* --- section sub-navigation: chips, sticky under the header on desktop, scrollspy --- */
[data-skin] .subnav{gap:8px!important;padding-block:12px!important;background:var(--bg)!important;border-bottom:1px solid var(--rule)!important;box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}
[data-skin] .subnav a{min-height:44px;display:inline-flex;align-items:center;padding:0 1.05rem!important;font-weight:600!important;font-size:.9rem!important;border-color:var(--rule)!important;color:var(--ink);transition:background-color .25s,color .25s,border-color .25s}
[data-skin] .subnav a:hover{border-color:var(--acc)!important;color:var(--acc)}
[data-skin] .subnav a.skin-on{background:var(--ink);color:var(--bg)!important;border-color:var(--ink)!important}
@media (min-width:900px){[data-skin] .subnav{top:var(--skin-hd)!important;z-index:40!important}
 [data-skin] main:has(>.subnav) section[id]{scroll-margin-top:calc(var(--skin-hd) + 84px)}}
@media (max-width:899px){[data-skin] .subnav{position:relative!important;top:auto!important;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);padding-right:28px!important;scroll-padding-inline:16px}}

/* --- forms: bookings, submit, guestbook --- */
[data-skin] .wrap>form.form{max-width:760px;padding:clamp(20px,3.4vw,40px);border:1px solid var(--rule);border-radius:var(--r,18px);background:var(--skin-card);box-shadow:0 30px 60px -48px rgba(0,0,0,.55);gap:20px!important}
[data-skin] .form label{font:600 .95rem/1.3 var(--body)!important;color:var(--ink);gap:8px!important}
[data-skin] .form label small{font-weight:500;color:var(--mute);font-size:.88rem}
[data-skin] .form :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not(.hp),select,textarea){font:400 17px/1.4 var(--body)!important;color:var(--ink);min-height:52px!important;padding:.8rem 1rem!important;border:1.5px solid var(--skin-field)!important;border-radius:12px!important;transition:border-color .2s,box-shadow .2s,background-color .2s;width:100%;max-width:100%;box-sizing:border-box}
[data-skin] .form textarea{min-height:150px!important;resize:vertical}
[data-skin] .form :is(input,select,textarea):hover{border-color:color-mix(in srgb,var(--ink) 78%,var(--bg))!important}
[data-skin] .form :is(input,select,textarea):focus-visible{outline:2px solid var(--acc)!important;outline-offset:1px!important;border-color:var(--acc)!important;box-shadow:0 0 0 6px color-mix(in srgb,var(--acc) 14%,transparent)}
[data-skin] .form ::placeholder{color:var(--mute);opacity:.85}
[data-skin] .form .skin-req{color:var(--acc);margin-left:.2em;font-weight:700}
[data-skin] .form :is(input,select,textarea):user-invalid,[data-skin] .form.skin-tried :is(input,select,textarea):invalid{border-color:var(--hot)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--hot) 12%,transparent)}
[data-skin] .form .skin-err{display:flex;align-items:flex-start;gap:.45em;color:var(--hot);font:600 .9rem/1.35 var(--body);margin-top:2px}
[data-skin] .form .skin-err::before{content:"!";flex:none;display:grid;place-items:center;width:1.25em;height:1.25em;border-radius:50%;background:var(--hot);color:var(--bg);font-size:.78em;font-weight:800;margin-top:.05em}
[data-skin] .form .skin-err[hidden]{display:none}
[data-skin] .form .skin-reqnote{font:500 1rem/1.4 var(--body);color:var(--mute);margin:0}
[data-skin] .form .cf-turnstile{min-height:65px}
[data-skin] .form button[type=submit]{min-width:min(100%,240px);min-height:52px}
[data-skin] .form.skin-sending button[type=submit]{cursor:progress;opacity:.8}
[data-skin] .form.skin-sending button[type=submit]::before{content:"";width:1em;height:1em;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:skin-spin .8s linear infinite}
@keyframes skin-spin{to{transform:rotate(360deg)}}
[data-skin] main .err{border-left:4px solid var(--hot);font-weight:600;line-height:1.5}
[data-skin] .gb-cnt.is-near{color:var(--hot)!important;font-weight:700}
@media (min-width:1080px){[data-skin] main>.wrap:has(>form.form+section.s){display:grid;grid-template-columns:minmax(0,760px) minmax(0,1fr);column-gap:clamp(40px,5vw,80px);align-items:start}
 [data-skin] main>.wrap:has(>form.form+section.s)>.ph1{grid-column:1/-1}
 [data-skin] main>.wrap>form.form+section.s{position:sticky;top:calc(var(--skin-hd) + 24px);padding:8px 0 0!important;margin:0!important}
 [data-skin] main>.wrap>form.form+section.s .sh{margin-bottom:16px}
 [data-skin] main>.wrap>form.form+section.s .sh h2.disp{font-size:clamp(1.9rem,2.6vw,2.5rem)!important}
 [data-skin] main>.wrap>form.form+section.s .links{display:grid;gap:8px}}
@media (max-width:640px){[data-skin] .wrap>form.form{padding:18px 16px;border-radius:14px}[data-skin] .form button[type=submit]{width:100%}}

/* --- magazine index + categories --- */
[data-skin] .cats a{min-height:44px;display:inline-flex!important;align-items:center;font-weight:600!important}
[data-skin] .cats a[aria-current]{background:var(--acc)!important;color:var(--acc-ink)!important;border-color:var(--acc)!important}
@media (min-width:900px){[data-skin] .mg-top .ed{grid-template-columns:minmax(0,1fr)!important}[data-skin] .mg-lead .cv h2{font-size:clamp(2rem,3vw,3.1rem)!important;line-height:1!important}}
[data-skin] .mg-top .ed a{min-height:44px}
[data-skin] .card p{font-size:1rem!important}
[data-skin] .mg-foot{border-top:3px double var(--rule);padding-top:clamp(20px,3vw,32px);margin-top:clamp(32px,5vw,64px)}
[data-skin] main .ai-note,[data-skin] .lb-cr{font-size:1rem!important}
[data-skin] .mg-foot .ai-note{font-size:1rem!important;line-height:1.55;max-width:68ch;padding:14px 18px;border-left:3px solid var(--acc);background:color-mix(in srgb,var(--acc) 6%,transparent);border-radius:0 10px 10px 0}
[data-skin] .mg-rss a{min-height:44px;display:inline-flex;align-items:center}

/* --- hub page modules: roster, territories, dates, records, timeline --- */
[data-skin] .ros article{border-color:var(--rule)!important;border-radius:8px!important;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}
[data-skin] .ros article:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--acc) 45%,transparent)!important}
[data-skin] .ros h3{font-weight:500!important;letter-spacing:-.01em;text-transform:none!important;font-size:1.45rem!important}
[data-skin] :is(.ros,.csl-card,.mx-card,.csl-list,.mu-tx,.lb-two,.lb-lead) h3 a{display:inline-flex;align-items:center;min-height:44px;padding-block:4px}
[data-skin] .ros .tx p{font-size:1rem}
[data-skin] .ros .tx .sl{font-size:.9rem!important;line-height:1.3}
[data-skin] .ros .tx .sl a{display:inline-flex;align-items:center;min-height:44px}
[data-skin] .terr a{border-color:var(--rule)!important;border-radius:8px!important;transition:transform .35s var(--ease),border-color .3s,box-shadow .35s var(--ease)!important}
[data-skin] .terr a:hover,[data-skin] .terr a:focus-visible{box-shadow:var(--shadow)}
[data-skin] .terr b{text-transform:none!important;font-weight:400!important;letter-spacing:-.02em}
[data-skin] .terr span{font-size:1rem;line-height:1.5}
[data-skin] .dates a{min-height:44px;display:inline-flex!important;align-items:center}
[data-skin] .csl-old a,[data-skin] .feed-follow a,[data-skin] .lb-h .more,[data-skin] .hub-h .kick a{display:inline-flex!important;align-items:center;min-height:44px}
[data-skin] .csl-old a,[data-skin] .ros .tx .sl a,[data-skin] .ft .cols a{min-width:44px}
[data-skin] .ev li a{padding-block:11px}
[data-skin] details>summary{min-height:44px;padding-block:10px;cursor:pointer;box-sizing:border-box}
[data-skin] .csl-fmt,[data-skin] .csl-cr,[data-skin] .csl-card details li{font-size:1rem!important;line-height:1.5}
[data-skin] .mx-note{font-size:1rem!important}
[data-skin] .facts .facts-l a{display:inline-flex;align-items:center;min-height:44px}
[data-skin] .facts .facts-l li{font-size:1rem}
[data-skin] main p.mute{font-size:1rem!important}
[data-skin] .mu-by{font-size:.95rem!important}
[data-skin] .mu-tk,[data-skin] .mu-buy,[data-skin] .mu-qadd{min-height:44px!important;min-width:44px;display:inline-flex!important;align-items:center;justify-content:center}

/* --- header + footer comfort on touch --- */
[data-skin] .hd .logo{min-height:44px}
[data-skin] .ccp-tabs button{min-height:44px!important}
@media (max-width:719px){[data-skin].skin-typing .ccp.is-idle.is-docked,[data-skin].skin-typing .ccp-pill{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s,visibility 0s .2s}}
[data-skin] .hd .nav a{min-width:44px;justify-content:center;text-align:center}
[data-skin] .ft .cols a{min-height:44px;display:inline-flex;align-items:center}
@media (pointer:coarse){[data-skin] .ccp button,[data-skin] .ccp a{min-height:44px;min-width:44px}}

/* --- listening shelves: horizontal snap rails --- */
[data-skin] .skin-rail{position:relative;--rail-w:clamp(176px,20vw,232px);margin-block:4px 8px;contain:inline-size;min-width:0}
[data-skin] .skin-rail>.skin-rail-l{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:var(--rail-w)!important;grid-template-columns:none!important;grid-template-rows:none!important;align-items:start;gap:clamp(14px,1.6vw,22px)!important;overflow-x:auto!important;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:6px 2px 18px!important;margin:0!important;list-style:none;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink) 30%,transparent) transparent;columns:auto!important;border:0!important}
[data-skin] .skin-rail>.skin-rail-l>li{scroll-snap-align:start;min-width:0;width:auto!important;margin:0!important;opacity:1!important;transform:none!important;content-visibility:visible}
[data-skin] .skin-rail[data-s="0"]>.skin-rail-l{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}
[data-skin] .skin-rail[data-s="1"]>.skin-rail-l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent)}
[data-skin] .skin-rail[data-s="2"]>.skin-rail-l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 56px);mask-image:linear-gradient(90deg,transparent,#000 56px)}
[data-skin] .skin-rail-b{position:absolute;z-index:3;top:calc(var(--rail-w) / 2 + 6px);transform:translateY(-50%);width:48px;height:48px;border-radius:50%;display:none;place-items:center;border:1px solid var(--rule);background:color-mix(in srgb,var(--bg) 92%,transparent);color:var(--ink);box-shadow:0 14px 30px -14px rgba(0,0,0,.55);cursor:pointer;transition:opacity .25s,transform .25s var(--ease),background-color .25s,border-color .25s;backdrop-filter:blur(8px)}
[data-skin] .skin-rail-b.prev{left:-14px}[data-skin] .skin-rail-b.next{right:-14px}
[data-skin] .skin-rail-b:hover{border-color:var(--acc);background:var(--bg);transform:translateY(-50%) scale(1.06)}
[data-skin] .skin-rail-b:disabled{opacity:0;pointer-events:none}
[data-skin] .skin-rail-b svg{width:20px;height:20px}
[data-skin] .skin-rail[data-fit="1"] .skin-rail-b{display:none!important}
@media (hover:hover) and (pointer:fine) and (min-width:720px){[data-skin] .skin-rail-b{display:grid}}
@media (max-width:719px){[data-skin] .skin-rail{--rail-w:min(62vw,240px)}[data-skin] .skin-rail>.skin-rail-l{margin-inline:-16px!important;padding-inline:16px!important;scroll-padding-inline:16px}}
[data-skin] .label .skin-rail-b{background:rgba(12,19,23,.88);color:#f4efe8;border-color:rgba(244,239,232,.3)}
[data-skin] .label .skin-rail-b:hover{background:#0c1317;border-color:#f2a98a}
/* episode cards (Melodica recent shows) */
[data-skin] .skin-rail .mx-mini>li>a{display:flex!important;flex-direction:column;align-items:stretch;gap:12px;padding:0!important;border:0!important;background:none!important;min-height:0;text-decoration:none;color:var(--ink)}
[data-skin] .skin-rail .mx-mini>li>a:hover{padding:0!important}
[data-skin] .skin-rail .mx-mini img{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover;border-radius:6px!important;box-shadow:0 18px 36px -24px rgba(0,0,0,.75);transition:transform .6s var(--ease),box-shadow .4s}
[data-skin] .skin-rail .mx-mini>li>a:hover img{transform:translateY(-4px);box-shadow:var(--shadow)}
[data-skin] .skin-rail .mx-mini span{display:grid;gap:4px;min-width:0}
[data-skin] .skin-rail .mx-mini b{font:500 1.05rem/1.2 var(--disp)!important;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-skin] .skin-rail .mx-mini>li>a:hover b{color:var(--acc)}
[data-skin] .skin-rail .mx-mini small{font-size:.85rem!important;color:var(--mute);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* release shelf (DSPPR catalogue) */
[data-skin] .skin-rail .shelf>li>a{display:grid!important;gap:10px;padding:0!important}
[data-skin] .skin-rail .shelf img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
/* release cards (CS+LB new records) */
[data-skin] .skin-rail.skin-rail-wide{--rail-w:clamp(240px,27vw,320px)}
[data-skin] .skin-rail-wide>.skin-rail-l{align-items:stretch}
[data-skin] .skin-rail-wide>.skin-rail-l>li>.csl-card{height:100%;display:flex;flex-direction:column}
[data-skin] .skin-rail-wide .csl-card>.lite-bc{margin-top:auto}
@media (max-width:719px){[data-skin] .skin-rail.skin-rail-wide{--rail-w:min(78vw,300px)}}

/* --- performance: stable media boxes + skip rendering far-off sections --- */
[data-skin] .mx-mini img,[data-skin] .shelf img,[data-skin] .ed-im img,[data-skin] .mx-card .mx-art img,[data-skin] .mu-art img{aspect-ratio:1/1;height:auto;object-fit:cover}
[data-skin] .ros .im img{aspect-ratio:1/1}
[data-skin] main>section.world-more,[data-skin] main>section.facts,[data-skin] .mg-more,[data-skin] main>#gallery,[data-skin] main>#photos,[data-skin] main>#timeline,[data-skin] main>#earlier,[data-skin] main>#territories,[data-skin] .ft{content-visibility:auto;contain-intrinsic-size:auto 900px}
[data-skin] .mx-grid>li:nth-child(n+9),[data-skin] .mu-grid>li:nth-child(n+17){content-visibility:auto;contain-intrinsic-size:auto 520px}

/* --- keyboard focus never hidden under the sticky header or the docked player --- */
[data-skin]{scroll-padding-top:calc(var(--skin-hd) + 16px);scroll-padding-bottom:calc(var(--skin-dock-h,0px) + 16px)}

/* r4 article sources + native share */
.ai-note .skin-srcjump{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;display:inline-block;min-height:24px}
aside.src{scroll-margin-top:96px}
aside.src:focus{outline:none}
aside.src:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.share .skin-nshare{font:inherit;cursor:pointer}
@media print{.ai-note .skin-srcjump,.share .skin-nshare{display:none}}

/* r5 mixes: link to a single show + highlight when arriving on #show */
html[data-skin] li[id^="melodica-"]{scroll-margin-top:96px}
html[data-skin] li[id^="melodica-"]:target>.mx-card{outline:2px solid var(--hot,#e5643f);outline-offset:6px;border-radius:14px}
html[data-skin] .skin-mxlink{display:inline-flex;align-self:flex-start;width:auto;max-width:100%;align-items:center;gap:6px;margin:10px 0 0;min-height:36px;padding:6px 14px;border:1px solid var(--rule,rgba(0,0,0,.25));border-radius:999px;background:transparent;color:var(--ink,inherit);font:600 .8rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.01em;cursor:pointer}
html[data-skin] .skin-mxlink:hover{border-color:var(--hot,#e5643f)}
html[data-skin] .skin-mxlink:focus-visible{outline:2px solid var(--hot,#e5643f);outline-offset:2px}
html[data-skin] .skin-mxlink svg{width:14px;height:14px;flex:none}
html[data-skin] .skin-mxlink.is-done{border-color:var(--hot,#e5643f)}
@media print{html[data-skin] .skin-mxlink{display:none}}


/* r6 article contents: "In this story" */
.skin-toc{margin:1.5rem 0 2rem;padding:1rem 1.15rem;border:1px solid var(--rule);border-radius:14px}
.skin-toc-h{margin:0 0 .5rem!important;font:600 .75rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.skin-toc ol{list-style:none;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:.5rem}
.skin-toc li{margin:0!important;padding:0!important}
.skin-toc li::before{content:none!important}
.skin-toc a{display:inline-flex;align-items:center;min-height:36px;padding:.35rem .8rem;border:1px solid var(--rule);border-radius:999px;font:500 .9rem/1.2 Inter,system-ui,sans-serif;color:inherit;text-decoration:none}
.skin-toc a:hover,.skin-toc a:focus-visible{border-color:var(--acc);color:var(--acc)}
.skin-toc a[aria-current=true]{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}

/* r1 all-sites 2026-11-13: hold the header search button's slot until the overlay adds it, so the nav and icons don't jump sideways after load (falls back to no gap after 4s) */
[data-skin] .hd .wrap:not(:has(.skin-sbtn))>.mc.fb{margin-right:48px;animation:skin-sbres 0s linear 4s forwards}
@media (min-width:641px){[data-skin] .hd .wrap:not(:has(.skin-sbtn))>.mc.fb{margin-right:62px}}
@media (min-width:1024px){[data-skin] .hd .wrap:not(:has(.skin-sbtn))>.mc.fb{margin-right:124px}}
@media (min-width:1181px){[data-skin] .hd .wrap:not(:has(.skin-sbtn))>.mc.fb{margin-right:173px}}
@keyframes skin-sbres{to{margin-right:0}}

/* geo link 2026-11-14 */.ff-geo{text-align:center;margin:0;padding:14px 16px 28px;font-size:14px}.ff-geo a{color:inherit;opacity:.85;text-decoration:underline;text-underline-offset:3px}.ff-geo a:hover{opacity:1}