/* dynamic-atmosphere: macOS Tahoe ambient background for every native XBLUEMAN page.
   Visual only: no layout, size, font, spacing or content changes. Load after liquid-glass.css.
   Scope: body.xb (shared public shell); homepage glass rules stay homepage-scoped.
   No-JS fallback: the static gradient on body (below) is always present; the JS only adds
   html[data-xb-atmo-phase] and the decorative layer #xb-atmo.
   Opt-out: <html data-xb-atmosphere="off"> or <body data-xb-atmosphere="off"> disables layer + JS.
   Fixed phase: data-xb-atmosphere="morning|day|evening|night"; default/auto uses browser local time
   (05-10 morning, 10-17 day, 17-20 evening, otherwise night).
   Device fallback: <=767px uses 2 moving layers and no backdrop blur; reduced-motion = static;
   reduced-transparency / forced-colors = opaque surfaces, no layer. */

:root{--xa-a:rgba(191,218,249,.95);--xa-b:rgba(220,201,241,.9);--xa-c:rgba(202,232,243,.9);--xa-base:#f2f6fc;--xa-fill:rgba(253,254,255,.76)}
#xb-atmo [data-phase=morning]{--xa-a:rgba(250,231,191,.92);--xa-b:rgba(199,222,250,.95);--xa-c:rgba(224,208,246,.9)}
#xb-atmo [data-phase=day]{--xa-a:rgba(186,216,249,.96);--xa-b:rgba(211,195,242,.9);--xa-c:rgba(194,229,243,.92)}
#xb-atmo [data-phase=evening]{--xa-a:rgba(221,194,239,.94);--xa-b:rgba(250,215,193,.9);--xa-c:rgba(193,210,246,.94)}
#xb-atmo [data-phase=night]{--xa-a:rgba(183,202,240,.95);--xa-b:rgba(210,191,237,.94);--xa-c:rgba(195,221,244,.92)}

/* static fallback (no JS) */
html:not([data-xb-atmosphere=off]) body.xb:not([data-xb-atmosphere=off]){background:radial-gradient(1100px 620px at 10% -6%,#dde9fb 0,transparent 60%),radial-gradient(900px 560px at 100% 12%,#ebe6f8 0,transparent 62%),radial-gradient(1000px 700px at 50% 105%,#e4f1f8 0,transparent 60%),#f2f6fc!important}

/* ambient layer (inserted by JS as first body child) */
#xb-atmo{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict;background:var(--xa-base)}
/* no isolation: root paints the base, layer (z:-1 in root context) sits above it, below all body content; header overflow/position untouched */
html.xb-atmo-root{background:var(--xa-base)!important}
html.xb-atmo-root body.xb.xb-atmo-on{background:transparent!important}
/* outer page wrappers only: let the shared layer show around content (no geometry change) */
html.xb-atmo-root body.xb.xb-atmo-on .xbd-page,html.xb-atmo-root body.xb.xb-atmo-on .xbs-page{background:transparent!important}
#xb-atmo .xa-palette{position:absolute;inset:0;opacity:0;transition:opacity 10s ease}
#xb-atmo .xa-palette.is-active{opacity:1}
#xb-atmo .xa-palette:not(.is-active) i{animation-play-state:paused}
#xb-atmo i{position:absolute;display:block;width:90vmax;height:90vmax;border-radius:50%;opacity:.95}
#xb-atmo .xa1{left:-20vmax;top:-22vmax;background:radial-gradient(closest-side,var(--xa-a) 8%,transparent 76%);animation:xa-d1 20s ease-in-out infinite}
#xb-atmo .xa2{right:-25vmax;top:-12vmax;background:radial-gradient(closest-side,var(--xa-b) 8%,transparent 76%);animation:xa-d2 24s ease-in-out infinite}
#xb-atmo .xa3{left:-15vmax;bottom:-32vmax;background:radial-gradient(closest-side,var(--xa-c) 8%,transparent 76%);animation:xa-d3 16s ease-in-out infinite}
#xb-atmo .xa4{left:30vmax;top:10vmax;width:60vmax;height:60vmax;background:radial-gradient(closest-side,rgba(241,250,255,.35),transparent 70%);animation:xa-d4 22s ease-in-out infinite}
#xb-atmo .xa-px{position:absolute;inset:-6px;transform:translate3d(var(--xa-x,0),var(--xa-y,0),0);transition:transform .6s ease-out}
/* Two independent palettes really crossfade; visible gradients never change colors abruptly. */
html.xb-atmo-hidden #xb-atmo i{animation-play-state:paused}
@keyframes xa-d1{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(16vmax,10vmax,0) scale(1.14)}}
@keyframes xa-d2{0%,100%{transform:translate3d(0,0,0) scale(1.05)}50%{transform:translate3d(-17vmax,12vmax,0) scale(.95)}}
@keyframes xa-d3{0%,100%{transform:translate3d(0,0,0);opacity:.8}50%{transform:translate3d(16vmax,-10vmax,0);opacity:1}}
@keyframes xa-d4{0%,100%{transform:translate3d(0,0,0) scale(.9);opacity:.5}50%{transform:translate3d(-12vmax,8vmax,0) scale(1.1);opacity:.85}}

/* glass surfaces (scoped, beats home-refresh.css regardless of order) */
body.xb .xb-home .xw-panel,body.xb:has(.xb-home) .xw-panel{background:linear-gradient(180deg,rgba(240,246,253,.8),rgba(250,252,255,.76))!important}
body.xb:has(.xb-home) .xw-day{background:rgba(253,254,255,.78)!important}
body.xb .xb-home .xh-quick ul,body.xb .xb-home .xh-left .xh-card,body.xb .xb-home .xh-center .xh-card,body.xb .xb-home .xbv-home,body.xb .xb-home .xh-right>section,body.xb .xb-home .svc-panel,body.xb .xb-home .xh-right .xh-card,
body.xb .qq-side>section,body.xb .qq-svc .svc-panel,body.xb .qq-rail>section,body.xb .qq-rail>nav,body.xb .qq-hot{background:var(--xa-fill)!important;border-color:rgba(255,255,255,.78)!important;box-shadow:0 1px 0 rgba(255,255,255,.75) inset,0 8px 24px rgba(40,64,120,.08),0 1px 2px rgba(40,64,120,.05)!important}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 @media(min-width:768px){
  body.xb:has(.xb-home) .xw-panel,body.xb .xb-home .xh-quick ul,body.xb .xb-home .xh-card,body.xb .xb-home .xbv-home,body.xb .xb-home .xh-right>section,body.xb .xb-home .svc-panel,body.xb .qq-side>section,body.xb .qq-svc .svc-panel,body.xb .qq-rail>section,body.xb .qq-rail>nav,body.xb .qq-hot{-webkit-backdrop-filter:saturate(160%) blur(12px)!important;backdrop-filter:saturate(160%) blur(12px)!important}
 }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 body.xb:has(.xb-home) .xw-panel,body.xb:has(.xb-home) .xw-day,body.xb .xb-home .xh-quick ul,body.xb .xb-home .xh-card,body.xb .xb-home .xbv-home,body.xb .xb-home .xh-right>section,body.xb .xb-home .svc-panel,body.xb .qq-side>section,body.xb .qq-svc .svc-panel,body.xb .qq-rail>section,body.xb .qq-rail>nav,body.xb .qq-hot{background:#fdfeff!important}
}
/* header: keep blue, mild static gloss via background layer only (no overlay element) */
body.xb.xb-atmo-on #xb-top.xb-mast{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0) 45%),linear-gradient(180deg,rgba(43,108,232,.95),rgba(31,91,216,.95))!important}

@media(max-width:767px){
 #xb-atmo .xa2,#xb-atmo .xa4{display:none;animation:none}
 body.xb:has(.xb-home) .xw-panel,body.xb .xb-home .xh-card,body.xb .xb-home .xh-quick ul,body.xb .xb-home .xh-right>section,body.xb .xb-home .svc-panel,body.xb .qq-side>section{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(253,254,255,.88)!important}
}
@media(prefers-reduced-motion:reduce){
 #xb-atmo i,#xb-atmo .xa-px,#xb-atmo .xa-palette{animation:none!important;transition:none!important;transform:none!important}
 #xb-atmo{transition:none}
}
@media(prefers-reduced-transparency:reduce){
 #xb-atmo{display:none}
 html:not([data-xb-atmosphere=off]) body.xb:not([data-xb-atmosphere=off]){background:#f2f6fc!important}
 html.xb-atmo-root,html.xb-atmo-root body.xb.xb-atmo-on{background:#f2f6fc!important}
 body.xb .xb-home .xh-quick ul,body.xb .xb-home .xh-card,body.xb .xb-home .xbv-home,body.xb .xb-home .xh-right>section,body.xb .xb-home .svc-panel,body.xb .qq-side>section,body.xb .qq-svc .svc-panel,body.xb .qq-rail>section,body.xb .qq-rail>nav,body.xb .qq-hot,body.xb:has(.xb-home) .xw-day{background:#fdfeff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 body.xb:has(.xb-home) .xw-panel{background:#eef5fd!important}
}
@media(forced-colors:active){
 #xb-atmo{display:none}
 html.xb-atmo-root body.xb.xb-atmo-on,html:not([data-xb-atmosphere=off]) body.xb:not([data-xb-atmosphere=off]),body.xb{background:Canvas!important}
 body.xb .xb-home .xh-quick ul,body.xb .xb-home .xh-card,body.xb .xb-home .xbv-home,body.xb .xb-home .xh-right>section,body.xb .xb-home .svc-panel,body.xb .qq-side>section{background:Canvas!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
html[data-xb-atmosphere=off] #xb-atmo,body[data-xb-atmosphere=off] #xb-atmo{display:none}

/* ===== Discover feed + note reader (ambient6): reuse the shared layer and light glass inside body.xbd-page / body.xbd-note
   (standalone, mobile, embedded iframe). Visual only: no geometry, crop, text or event changes.
   Specificity ladder (all !important, beats discover-visual.css / discover-note.css loaded later):
   enable  = html.xb-atmo-root body.xb.<scope>.xb-atmo-on ...                       (<= 0,6,x)
   prefs / data-off = prefixed with html:not(#xa-n) body:not(#xa-n) => +2 IDs, always wins, live via media queries. ===== */
html:not([data-xb-atmosphere=off]) body.xb.xbd-note:not([data-xb-atmosphere=off]),html:not([data-xb-atmosphere=off]) body.xb.xbd-page:not([data-xb-atmosphere=off]){--n-card:rgba(253,254,255,.72);--xa-glass:rgba(253,254,255,.62);--xa-glass2:rgba(253,254,255,.8)}
html:not([data-xb-atmosphere=off]):has(body.xbn-embedded:not([data-xb-atmosphere=off])){background:var(--xa-base)!important}
/* no-JS soft tint */
html:not([data-xb-atmosphere=off]) body.xb.xbd-note:not([data-xb-atmosphere=off]),html:not([data-xb-atmosphere=off]) body.xb.xbd-note.xbn-embedded:not([data-xb-atmosphere=off]),html:not([data-xb-atmosphere=off]) body.xb.xbd-page:not([data-xb-atmosphere=off]),html:not([data-xb-atmosphere=off]) body.xb.xbd-page:not([data-xb-atmosphere=off]) #xb-main{background:radial-gradient(1100px 620px at 10% -6%,#dde9fb 0,transparent 60%),radial-gradient(900px 560px at 100% 12%,#ebe6f8 0,transparent 62%),radial-gradient(1000px 700px at 50% 105%,#e4f1f8 0,transparent 60%),#f2f6fc!important}
html.xb-atmo-root body.xb.xbd-note.xb-atmo-on,html.xb-atmo-root body.xb.xbd-note.xbn-embedded.xb-atmo-on,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on #xb-main{background:transparent!important}
/* restore layer hidden by discover-note.css / discover-visual.css */
html.xb-atmo-root body.xb.xbd-note.xb-atmo-on>#xb-atmo,html.xb-atmo-root body.xb.xbd-note.xbn-embedded.xb-atmo-on>#xb-atmo,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on>#xb-atmo{display:block!important}

/* --- feed (body.xbd-page) --- */
html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-page,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-feeds,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-grid,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-col,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-top{background:transparent!important}
html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-card{background:var(--xa-glass)!important;border-radius:14px!important;box-shadow:0 0 0 1px rgba(255,255,255,.72) inset,0 1px 0 rgba(255,255,255,.8) inset,0 8px 22px rgba(40,64,120,.08),0 1px 2px rgba(40,64,120,.05)!important}
html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-card .xbd-body{background:transparent!important}
html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-search,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-sorts a[aria-current],html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-chips a,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-chips button{background:var(--xa-glass2)!important;box-shadow:0 0 0 1px rgba(255,255,255,.75) inset,0 4px 12px rgba(40,64,120,.06)!important}
html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-search:focus-within{background:rgba(253,254,255,.94)!important;box-shadow:0 0 0 1px #bcd0f5 inset!important}
html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xb-tab,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xb-shell-nav{background:rgba(253,254,255,.82)!important;border-color:rgba(255,255,255,.7)!important}

/* --- reader (body.xbd-note) --- */
html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xb-cols,html.xb-atmo-root body.xb.xbd-note.xb-atmo-on #xb-main{background:transparent!important}
html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xb-col-main{background:var(--xa-glass)!important}
html.xb-atmo-root body.xb.xbd-note.xbn-embedded.xb-atmo-on .xb-col-main{background:transparent!important}
html.xb-atmo-root body.xb.xbd-note.xbn-embedded.xb-atmo-on .xbn-side{background:var(--xa-glass)!important}
html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xb-thread-h,html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xb-posts,html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xb-post,html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xb-post-first,html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xb-post .xb-prose,html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xbn-dots{background:transparent!important}
/* platform-polish groups #ct with all .xb-post cards via :is(), giving even
   unrelated posts ID specificity. Counter that only inside this native reader. */
html.xb-atmo-root body.xb.xbd-note.xb-atmo-on #postlist,
html.xb-atmo-root body.xb.xbd-note.xb-atmo-on #postlist .xb-post,
html.xb-atmo-root body.xb.xbd-note.xb-atmo-on #postlist .xb-prose{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xb-post-first .xb-post-f{border-bottom-color:rgba(214,226,244,.55)!important}
html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xbn-top,html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xbn-dock,html.xb-atmo-root body.xb.xbd-note.xbn-embedded.xb-atmo-on .xbn-side .xbn-dock{background:var(--xa-glass2)!important;border-color:rgba(255,255,255,.7)!important;box-shadow:0 1px 0 rgba(255,255,255,.75) inset,0 6px 18px rgba(40,64,120,.06)!important}
html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xbn-author{background:linear-gradient(180deg,rgba(247,250,255,.72),rgba(238,244,255,.62))!important;border-color:rgba(255,255,255,.78)!important}
html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xbn-say,html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xbn-media-notice{background:rgba(241,244,249,.7)!important}
html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xbn-menu{background:rgba(253,254,255,.94)!important}

@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 @media(min-width:768px){
  html.xb-atmo-root body.xb.xbd-note.xb-atmo-on:not(.xbn-embedded) .xb-col-main,html.xb-atmo-root body.xb.xbd-note.xbn-embedded.xb-atmo-on .xbn-side,html.xb-atmo-root body.xb.xbd-note.xb-atmo-on:not(.xbn-embedded) .xbn-top,html.xb-atmo-root body.xb.xbd-note.xb-atmo-on:not(.xbn-embedded) .xbn-dock,
  html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-card,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-search,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xb-tab{-webkit-backdrop-filter:saturate(160%) blur(14px)!important;backdrop-filter:saturate(160%) blur(14px)!important}
  /* embedded side column already blurs; no nested blur */
  html.xb-atmo-root body.xb.xbd-note.xbn-embedded.xb-atmo-on .xbn-side .xbn-top,html.xb-atmo-root body.xb.xbd-note.xbn-embedded.xb-atmo-on .xbn-side .xbn-dock{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(253,254,255,.55)!important}
 }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xb-col-main,html.xb-atmo-root body.xb.xbd-note.xbn-embedded.xb-atmo-on .xbn-side,html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xbn-top,html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xbn-dock,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-card,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-search,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xb-tab{background:rgba(253,254,255,.9)!important}
}
@media(max-width:767px){
 html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xb-col-main{background:rgba(253,254,255,.8)!important}
 html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-card{background:rgba(253,254,255,.8)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xbn-top,html.xb-atmo-root body.xb.xbd-note.xb-atmo-on .xbn-dock,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xb-tab,html.xb-atmo-root body.xb.xbd-page.xb-atmo-on .xbd-search{background:rgba(253,254,255,.9)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}

/* --- preferences + opt-out: +2 IDs via :not(#xa-n), outrank every enable/no-JS rule above, live on preference change --- */
@media(prefers-reduced-transparency:reduce){
 html:not(#xa-n) body:not(#xa-n).xb.xbd-note>#xb-atmo,html:not(#xa-n) body:not(#xa-n).xb.xbd-page>#xb-atmo{display:none!important}
 html:not(#xa-n):has(body.xbn-embedded),html:not(#xa-n) body:not(#xa-n).xb.xbd-note,html:not(#xa-n) body:not(#xa-n).xb.xbd-page,html:not(#xa-n) body:not(#xa-n).xb.xbd-page #xb-main{background:#f2f6fc!important}
 html:not(#xa-n) body:not(#xa-n).xb.xbd-note .xb-col-main,html:not(#xa-n) body:not(#xa-n).xb.xbd-note .xbn-side,html:not(#xa-n) body:not(#xa-n).xb.xbd-note .xbn-top,html:not(#xa-n) body:not(#xa-n).xb.xbd-note .xbn-dock,html:not(#xa-n) body:not(#xa-n).xb.xbd-page .xbd-card,html:not(#xa-n) body:not(#xa-n).xb.xbd-page .xbd-search,html:not(#xa-n) body:not(#xa-n).xb.xbd-page .xb-tab{background:#fdfeff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 html:not(#xa-n) body:not(#xa-n).xb.xbd-note.xbn-embedded .xb-col-main{background:#fdfeff!important}
}
@media(forced-colors:active){
 html:not(#xa-n) body:not(#xa-n).xb.xbd-note>#xb-atmo,html:not(#xa-n) body:not(#xa-n).xb.xbd-page>#xb-atmo{display:none!important}
 html:not(#xa-n):has(body.xbn-embedded),html:not(#xa-n) body:not(#xa-n).xb.xbd-note,html:not(#xa-n) body:not(#xa-n).xb.xbd-page,html:not(#xa-n) body:not(#xa-n).xb.xbd-page #xb-main,
 html:not(#xa-n) body:not(#xa-n).xb.xbd-note .xb-col-main,html:not(#xa-n) body:not(#xa-n).xb.xbd-note .xbn-side,html:not(#xa-n) body:not(#xa-n).xb.xbd-note .xbn-top,html:not(#xa-n) body:not(#xa-n).xb.xbd-note .xbn-dock,html:not(#xa-n) body:not(#xa-n).xb.xbd-page .xbd-card,html:not(#xa-n) body:not(#xa-n).xb.xbd-page .xbd-search,html:not(#xa-n) body:not(#xa-n).xb.xbd-page .xb-tab{background:Canvas!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
html[data-xb-atmosphere=off]:not(#xa-n) body:not(#xa-n) #xb-atmo,html:not(#xa-n) body[data-xb-atmosphere=off]:not(#xa-n) #xb-atmo{display:none!important}

/* Standalone map-to-note entry: the header and media grid must share one width.
   The original .xb-wrap width and note's margin:0 displaced the grid relative to its header.
   Embedded/mobile readers keep their existing edge-to-edge geometry and image fitting. */
@media(min-width:900px){
 html body.xb.xbd-note:not(.xbn-embedded) #xb-main>.xbn-top,
 html body.xb.xbd-note:not(.xbn-embedded) #xb-main>.xb-cols{width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
 html body.xb.xbd-note:not(.xbn-embedded) .xb-col-main{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
 html body.xb.xbd-note:not(.xbn-embedded) .xbn-media-stack,
 html body.xb.xbd-note:not(.xbn-embedded) .xbn-gal,
 html body.xb.xbd-note:not(.xbn-embedded) .xbn-track{min-width:0;max-width:100%}
}