/* v7.1 DRAFT: declutter 9.11 + CRG (presentation only; data, wiring, filters and responder data unchanged) */
#mcCRG .r{padding:2px 6px!important}
#mcCRG .r .nm{font-size:13px!important;font-weight:800}
#mcCRG .r b{font-size:18px!important;font-weight:900;min-width:3.2em;text-align:right}
#mcCRG .r b.pg{color:#5dff9a!important}#mcCRG .r b.pa{color:#ffcf6e!important}#mcCRG .r b.pr{color:#ff7a7a!important}
#mcCRG .pz .t b{font-size:18px!important}#mcCRG .pz .t span{font-size:16px!important;font-weight:900;color:#5dff9a!important}
#mcBand .bt.em .v{color:#ff5a5a!important;font-size:clamp(20px,2.4vw,40px)!important;font-weight:900;letter-spacing:.04em}
/* ---- v7.1b: SOLID tiles/screens (transparency only on the page background). Night = black (default), Day = lighter slate. ---- */
:root,html[data-mct=night]{--mc-bg:#05080b;--mc-panel:#05080b}
html[data-mct=day]{--mc-bg:#26323e;--mc-panel:#26323e;--mc-line:#d8a64a}
html body #sideB,html body #mcCRG,html body #mcMini,html body #mcLinks,html body #mcMid>.tl,html body #mcBand .bt,html body #mcBand .lt64,html body #mcLake,html body #mcLake .mini{background:var(--mc-panel)!important;background-image:none!important}
#sideB,#mcCRG,#mcMini,#mcLinks,#mcMid>.tl,#mcBand .bt{--helm-bg:var(--mc-panel)}
#mcCRG .r{background:rgba(255,255,255,.06)!important}
/* Player + Playlist: solid in both themes (covers the console art, so the old "Beethoven" text can never show) */
html body #musicUI,html body #playlistPanel{background:#070706!important;background-image:none!important;opacity:1!important}
html[data-mct=day] body #musicUI,html[data-mct=day] body #playlistPanel{background:#26323e!important}
/* ---- player: same box, less clutter, bigger readable text ---- */
#musicUI #trackTitle{font-size:17px!important;line-height:21px!important;font-weight:800!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#musicUI #trackArtist{font-size:15px!important;line-height:19px!important}
#musicUI #elapsed,#musicUI #duration{font-size:14px!important;font-weight:700}
/* ---- readable labels: min 14px phone/desktop, 16px TV ---- */
html body button,html body .navHit,html body #mcTabs .b,html body #mcTabs a,html body #mcCRG button,html body #mcLib button{font-size:max(14px,1em)!important}
html body button small,html body button .lbl{font-size:inherit!important}
@media (min-width:1800px){html body button,html body #mcTabs .b,html body #mcTabs a,html body #mcCRG button{font-size:max(16px,1em)!important}}
#mcThemeBtn{min-width:44px;min-height:44px;padding:0 10px;font-weight:800;cursor:pointer}
/* v7.1b: day-theme red lifted to clear 4.5:1 on the slate panels */
html[data-mct=day] #mcBand .lt64 .bad,html[data-mct=day] #mcCRG .r b.pr,html[data-mct=day] #mcBand .bt.em .v{color:#ff9a9a!important}
/* skin button: label size only (no behaviour change); 14px so "⚓ CLASSIC" fits without truncation */
html body #ankrSkinSwitch{font-size:14px!important;letter-spacing:0!important}
/* v7.1b: label text inside buttons also >=14px (16px on TV); player label readable brass instead of default blue */
html body button :is(span,b,i,small,em,strong,u){font-size:max(14px,1em)!important}
@media (min-width:1800px){html body button :is(span,b,i,small,em,strong,u){font-size:max(16px,1em)!important}}
#musicUI .musicLabel a{color:#ffcf6e!important;text-decoration:none!important;font-size:14px!important;font-weight:800;display:inline-flex;align-items:center;min-height:44px}
html[data-mct=day] #musicUI .musicLabel a{color:#ffd88a!important}
html body #mcCRG button[data-k][type],html body #mcCRG button[data-k][type] *,html body #playlistPanel button,html body #playlistPanel button *{font-size:max(14px,1em)!important}
@media (min-width:1800px){html body #mcCRG button[data-k][type],html body #playlistPanel button,html body #playlistPanel button *{font-size:max(16px,1em)!important}}
/* v7.1b: title sat under the TV bezel's lower brass rail; nudge it down into the free gap above the artist (same panel size) */
@media (min-width:1301px){#musicUI #trackTitle{transform:translateY(12px)}}
/* 9.11 tile: "CALL 911" must fit without truncation */
html body #mcBand .bt.em .v{font-size:clamp(16px,1.45vw,30px)!important;white-space:nowrap;overflow:visible!important;text-overflow:clip!important}
/* iPad landscape: give the label column room so "ANKR PLAYER™" wraps on the word, not mid-word */
@media (min-width:1000px) and (max-width:1300px){#musicUI{grid-template-columns:minmax(72px,auto) minmax(0,1fr) 84px!important}#musicUI .musicLabel a{line-height:1.1;text-align:center;word-break:keep-all;overflow-wrap:normal}}
/* ---- v7.2: no ellipsis on tiles/panels: wrap instead of cutting text off ---- */
html body #mcBand .lt64 .x,html body #mcBand .lt64 .s{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;line-height:1.15!important}
html body #mcBand .lt64 .n{overflow:visible!important;text-overflow:clip!important;line-height:1.1!important}
html body #mcBand .lt64 .b{justify-content:flex-start!important;gap:2px}
html body #mcBand .lt64[data-k=lvl] .n{font-size:clamp(16px,1.6vw,32px)!important}
html body #mcCRG .r .nm{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.1!important;overflow-wrap:anywhere}
html body #mcCRG .pz .t b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.1!important}
html body #playlistPanel .trackName{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2!important;overflow-wrap:anywhere}
/* v7.2: lake tag row above the bottom tiles (names the lake the tiles show) */
html body #mcBand{grid-template-rows:24px minmax(0,1fr)!important;row-gap:3px!important}
html body #mcBand>.lt64{grid-row:2!important}
html body #mcBand>.bt{grid-row:1 / 3!important}
#mcLakeTag{grid-row:1;grid-column:1 / 7;display:flex;align-items:center;gap:6px;min-height:24px;padding:0 10px;border:1px solid var(--mc-line);border-radius:var(--mc-r);background:var(--mc-panel,#05080b);color:#f3e6c8;font:800 14px/1 ui-monospace,Menlo,monospace;text-decoration:none;white-space:nowrap;overflow:visible}
#mcLakeTag b{color:#ffcf6e;font-size:14px}#mcLakeTag span{color:#c3ccd3;font-size:14px;font-weight:600}
#mcLakeTag.ld b{color:#c3ccd3}
/* v7.2 STAY CONNECTED: official icons, edge to edge (3 + 2 grid), every icon a 44px+ target */
html body #mcLinks{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:auto minmax(44px,1fr) minmax(44px,1fr)!important;gap:var(--mc-gap,6px)!important;padding:6px!important;align-items:stretch;justify-items:stretch}
html body #mcLinks .h{grid-column:1/-1}
html body #mcLinks a.so{grid-column:span 2;display:flex!important;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;width:100%;height:100%;box-sizing:border-box;padding:4px;border-radius:calc(var(--mc-r,10px) - 2px);border:1px solid var(--mc-line);background:rgba(255,255,255,.04);text-decoration:none;color:#ffcf6e;font:800 14px ui-monospace,Menlo,monospace}
html body #mcLinks a.so img{height:min(34px,80%);width:auto;max-width:90%;object-fit:contain;border-radius:6px}
html body #mcLinks a.so:focus-visible{outline:2px solid #ffcf6e;outline-offset:1px}
/* v7.2 one console: mini ANKR Board sits flush with Anchor Guides (above-right) and the tile row (right), one shared gap */
html body #mcMini{top:61.4%!important;height:30.7%!important;width:calc(27% - var(--mc-gap,6px))!important}
html body #mcMid{padding-left:0!important;padding-top:0!important}
/* iPhone portrait: top bar condensed so every control incl. the theme toggle is on-screen (nothing hidden) */
@media (max-width:430px){
 html body #mcTabs{gap:2px!important;padding-left:2px!important;padding-right:2px!important;overflow:visible!important}
 html body #mcTabs>a,html body #mcTabs>button{min-width:44px!important;width:44px!important;padding:0!important;margin:0!important;justify-content:center!important;flex:0 0 44px!important}
 html body #mcTabs>#ankrBlinqRoll{position:static!important}
 html body #mcThemeBtn{font-size:0!important}
 html body #mcThemeBtn::before{content:"◐";font-size:20px}
}
/* v7.2b: give the tile row back the height the lake tag uses (taken from the mostly-empty guide/podcast row; TV and player untouched) */
html body #mcMid{height:calc(15.8% - 27px)!important}
html body #mcBand{top:calc(76.9% - 24px)!important;height:calc(15.2% + 24px)!important}
html body #mcBand .lt64 .h,html body #mcBand .lt64 .tl>div,html body #mcBand .bt .m{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.15!important}
html body #mcCRG .r{height:auto!important;min-height:min-content!important;align-items:center}
html body #mcLinks a.so.bq{flex-direction:column;gap:0;line-height:1.05}
/* ---- v7.3: top-bar hit boxes never overlap ---- */
/* Blinq lives in the bar flow at every size (it hung 31px low over the CRG strip on desktop) */
html body #mcTabs>#ankrBlinqRoll{position:static!important;flex:none!important;transform:none!important;margin:0!important;overflow:hidden!important}
/* phones / iPad portrait: Blinq shows its ⚓ icon only (label stays in aria-label); its text span must not spill over SEARCH and the theme toggle */
html.mc-phone-p body #mcTabs>#ankrBlinqRoll span,html.mc-phone-l body #mcTabs>#ankrBlinqRoll span,html.mc-tab-p body #mcTabs>#ankrBlinqRoll span{font-size:0!important;display:none!important}
@media (max-width:430px){html body #mcTabs>a,html body #mcTabs>button{border-radius:6px!important;overflow:hidden!important}}
/* phone landscape: toggle floats below the TV side tabs (top bar is hidden there) */
#mcThemeBtn.mcThemeFloat{position:fixed!important;right:max(8px,env(safe-area-inset-right));bottom:8px;z-index:2147483000;min-width:56px;min-height:44px;width:auto!important;font-size:14px!important;border-radius:10px;border:1px solid #d6aa5a;background:#120c06;color:#ffcf6e}
#mcThemeBtn.mcThemeFloat::before{content:none!important}
html.mc-bc #mcThemeBtn{display:none!important}
html body #mcThemeBtn.mcThemeFloat{pointer-events:auto!important;visibility:visible!important;opacity:1!important}
/* ---- v7.4: phone landscape floating Blinq, same style as the floating theme toggle, left of it ---- */
html body #ankrBlinqRoll.mcBlinqFloat{position:fixed!important;right:calc(max(8px,env(safe-area-inset-right)) + 71px)!important;bottom:8px!important;left:auto!important;top:auto!important;transform:none!important;margin:0!important;z-index:2147483000!important;min-width:56px!important;min-height:44px!important;height:44px!important;width:auto!important;padding:0 10px!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:14px!important;border-radius:10px!important;border:1px solid #d6aa5a!important;background:#120c06!important;color:#ffcf6e!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important;overflow:hidden!important}
html body #ankrBlinqRoll.mcBlinqFloat span{display:none!important}
html.mc-bc #ankrBlinqRoll.mcBlinqFloat{display:none!important}
html.ankr-pl-full body #ankrBlinqPop.open{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
/* v7.4: only while the Blinq card is open, it outranks the SOUND / channel / ☰ row (z 2147483001) */
html.mc-bq-open body #ankrBlinqPop.open{z-index:2147483647!important;box-sizing:border-box}
html.mc-bq-open body #ankrBlinqPop.open a{min-width:0;overflow-wrap:anywhere}
/* v7.4: 390-wide bar — ANKR and theme labels fit their 44px boxes at 14px (were clipped to "ANI"/"NIGH") */
@media (max-width:430px){html body #mcTabs>a.brand{font-size:0!important;letter-spacing:0!important;padding:0!important}
html body #mcTabs>a.brand::before{content:"ANKR"!important;font-size:14px!important;letter-spacing:0!important;font-weight:800}
html body #mcTabs>#mcThemeBtn{font-size:14px!important;letter-spacing:-.3px!important;padding:0!important;white-space:nowrap}
html body #mcTabs>#mcThemeBtn::before{content:none!important}}
/* ---- v7.4B: mini board text fits on one line; preview keeps its v7.3 height (min 60px untouched) ---- */
html body #mcLake .top>.h{flex:1 1 0!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important}
html body #mcLake .nm .sc{line-height:normal!important;height:auto!important;overflow:visible!important}
html body #mcLake .c.wnd.adv{display:flex!important;flex-wrap:nowrap!important;align-items:center;column-gap:8px;overflow:hidden!important;padding-top:0!important;padding-bottom:0!important}
html body #mcLake .c.wnd.adv>.v.wd{flex:none!important;height:auto!important;line-height:16px!important;white-space:nowrap!important;overflow:visible!important}
html body #mcLake .c.wnd.adv>.s.wds{flex:0 1 auto!important;min-width:0;height:auto!important;line-height:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important}
html body #mcLake .c.wnd.adv>.s.wds.mcv74-off{display:none!important}
/* the advisory name was already collapsed to 0px in v7.3's mini tile; v7.4B removes it from layout and carries it in the wind tooltip */
html body #mcLake .c.wnd.adv>.s.wds{display:none!important}
/* tiles-fix: STAY CONNECTED ends above the bottom tile row (band starts ~73.7% at 1280-2560), so the 2nd icon row is never covered. 3 + 3 grid, every icon >= 44px. */
html body #mcLinks{height:14.2%!important;padding:3px!important;gap:3px!important;grid-template-rows:12px minmax(44px,1fr) minmax(44px,1fr)!important;overflow:hidden}
html body #mcLinks .h{font-size:9px!important;line-height:12px!important;margin:0!important;padding:0 2px!important;white-space:nowrap;overflow:hidden}
html body #mcLinks a.so{min-height:44px!important;padding:2px!important}
html body #mcLinks a.so img{height:min(30px,78%)!important}
@media (max-height:820px){html body #mcLinks{grid-template-rows:minmax(44px,1fr) minmax(44px,1fr)!important}html body #mcLinks .h{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
/* tiles-fix inset: every screen reads as recessed glass set into the brass bezel. Existing ANKR palette only (--mc-line / --mc-r / --mc-panel / --mc-head); no new colors or logos. */
html.mc-desk body,html.mc-tv body{--inset-shadow:inset 0 2px 8px rgba(0,0,0,.78),inset 0 0 0 1px rgba(0,0,0,.55);--inset-rim:0 0 0 1px var(--mc-line)}
html.mc-desk body :is(#sideB,#mcCRG,#musicUI,#playlistPanel,#mcLinks,#mcLake,#mcMid>.tl,#mcBand .lt64,#mcBand .bt.em),
html.mc-tv body :is(#sideB,#mcCRG,#musicUI,#playlistPanel,#mcLinks,#mcLake,#mcMid>.tl,#mcBand .lt64,#mcBand .bt.em){box-shadow:var(--inset-shadow),var(--inset-rim)!important;border-radius:var(--mc-r,10px)!important;background-clip:padding-box}
html.mc-desk body #tv,html.mc-tv body #tv{border-radius:var(--mc-r,10px);overflow:hidden;box-shadow:0 0 0 2px rgba(0,0,0,.85),var(--inset-rim)!important}
html.mc-desk body #tv iframe,html.mc-tv body #tv iframe{border-radius:calc(var(--mc-r,10px) - 2px)}
/* Guides / Podcast: content fills the glass (no empty right half) */
html body #mcMid>.tl{display:flex!important;flex-direction:column!important}
html body #mcMid>.tl .b{flex:1 1 auto;display:flex!important;align-items:center;justify-content:center;text-align:center;font-size:clamp(14px,1.35vw,26px)!important;font-weight:800;letter-spacing:.06em;color:var(--mc-head)}
html body #mcMid>.tl .m{text-align:right}
/* STAY CONNECTED meets the bottom row (no art strip between) */
html body #mcLinks{height:14.6%!important}
/* TV channel label overlapped the board logo; the tuner and CH button already name the channel */
html.mc-desk body #channelName,html.mc-tv body #channelName{display:none!important}
/* tiles-fix emblem: official ANKR emblem (transparent, 2x) as a 16px badge at the left of every tile header bar; replaces the generic anchor glyph. Rust hairline = emblem compass points. Never on the TV/YouTube glass. */
html body :is(#mcMid>.tl .h,#mcBand .lt64 .h,#mcBand .bt .h,#mcLinks .h,#mcCRG .h,#mcLakeTag,.sideScr .hd):not(.mc-noemb)::before{content:"";display:inline-block;flex:0 0 auto;width:16px;height:16px;margin-right:6px;vertical-align:-3px;background:image-set(url("/landing/skins/brand/ankr-emblem-36.webp") type("image/webp") 1x,url("/landing/skins/brand/ankr-emblem-72.webp") type("image/webp") 2x,url("/landing/skins/brand/ankr-emblem-36.png") 1x) center/contain no-repeat;background:url("/landing/skins/brand/ankr-emblem-36.png") center/contain no-repeat\9;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}
html body :is(#mcMid>.tl .h,#mcBand .lt64 .h,#mcLinks .h,#mcCRG .h){border-bottom:1px solid rgba(138,59,44,.55);padding-bottom:2px}
html body #mcTabs .brand .mc-emb{width:18px;height:18px;vertical-align:-4px;margin-right:4px}
html body #mcBand .lt64 .n.nd{font-size:clamp(12px,1.15vw,20px)!important;white-space:nowrap;overflow:visible}
html body #channelName{display:none!important}
@media (max-width:1279px){html body #mcPlan{display:none!important}}