/* Brand News OT — main.css
   Sections: 1 base · 2 layout · 3 header · 4 nav · 5 mobile · 6 language · 7 ticker
   8 hero · 9 cards · 10 card styles · 11 grids/modules · 12 single · 13 archives
   14 footer styles · 15 components · 16 blocks · 17 responsive · 18 motion/a11y
   Everything colour/type comes from :root tokens written by inc/tokens.php.
   With no preset the tokens are neutral, so the page looks like plain WordPress. */

/* 1 — base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bnot-bg);color:var(--bnot-text);font-family:var(--bnot-font-body);font-size:var(--bnot-font-size);line-height:var(--bnot-lh);letter-spacing:var(--bnot-ls);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:var(--bnot-font-heading);font-weight:var(--bnot-heading-weight);color:var(--bnot-heading);line-height:1.2;margin:0 0 .5em;overflow-wrap:anywhere}
p{margin:0 0 1em}
a{color:var(--bnot-link);text-decoration:none;transition:color .15s}
a:hover{color:var(--bnot-hover)}
img,video,svg{max-width:100%;height:auto;display:block}
img{border-style:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
ul,ol{margin:0;padding:0;list-style:none}
.bnot-prose ul,.bnot-prose ol{padding-left:1.4em;margin:0 0 1.2em}
.bnot-prose ul{list-style:disc}.bnot-prose ol{list-style:decimal}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:var(--bnot-card);clip:auto!important;clip-path:none;color:var(--bnot-heading);display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
:focus-visible{outline:2px solid var(--bnot-primary);outline-offset:2px;border-radius:4px}
:where(.bnot-site){min-height:100vh;display:flex;flex-direction:column}
.bnot-main{flex:1 0 auto;padding-block:clamp(16px,3vw,40px)}

/* 2 — layout */
.bnot-container{width:100%;max-width:var(--bnot-container);margin-inline:auto;padding-inline:clamp(16px,3vw,32px)}
.bnot-container--content{max-width:var(--bnot-content)}
.bnot-grid{display:grid;gap:clamp(16px,2.4vw,28px)}
.bnot-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bnot-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bnot-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bnot-grid--featured{grid-template-columns:2fr 1fr 1fr}
.bnot-grid--featured>:first-child{grid-row:span 1}
.bnot-list{display:grid;gap:clamp(14px,2vw,22px)}
.bnot-list--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bnot-stack{display:grid;gap:12px}
.bnot-panel{background:var(--bnot-card);border:1px solid var(--bnot-border);border-radius:12px;padding:clamp(16px,2vw,24px)}
.bnot-archive__layout,.bnot-single__layout--sidebar{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(24px,4vw,56px);align-items:start}
.bnot-single__layout{display:grid}
.bnot-sidebar{display:grid;gap:20px}
.bnot-sidebar--sticky{position:sticky;top:calc(var(--bnot-header-h,72px) + 16px)}
.bnot-page-head{margin-bottom:clamp(20px,3vw,36px)}
.bnot-page-head__title{font-size:clamp(1.8rem,3.6vw,2.8rem);margin:.2em 0 .3em}
.bnot-page-head__desc{color:var(--bnot-muted);max-width:70ch}

/* 3 — header */
.bnot-topbar{font-size:.85rem;border-bottom:1px solid var(--bnot-border);background:var(--bnot-card)}
.bnot-topbar__inner{display:grid;gap:16px;align-items:center;min-height:38px}
.bnot-topbar--cols-1 .bnot-topbar__inner{grid-template-columns:1fr}
.bnot-topbar--cols-2 .bnot-topbar__inner{grid-template-columns:1fr auto}
.bnot-topbar--cols-3 .bnot-topbar__inner{grid-template-columns:1fr auto 1fr}
.bnot-topbar--cols-4 .bnot-topbar__inner{grid-template-columns:1fr auto 1fr auto}
.bnot-topbar__col--4{justify-content:flex-end}
.bnot-btn--sm{padding:6px 12px;font-size:.7rem;border-radius:6px}
@media (max-width:640px){.bnot-topbar__col--4 .bnot-btn--cta{display:inline-flex}}
.bnot-topbar__col--2{justify-self:center}.bnot-topbar--cols-2 .bnot-topbar__col--2{justify-self:end}
.bnot-topbar__col--3{justify-self:end}
.bnot-topbar--sticky{position:sticky;top:0;z-index:60}
.bnot-slot-menu{display:flex;gap:16px;flex-wrap:wrap}
.bnot-slot-text p:last-child{margin:0}
.bnot-header{background:var(--bnot-card);border-bottom:1px solid var(--bnot-border);position:relative;z-index:50}
.bnot-header--sticky{position:sticky;top:0}
.bnot-header__inner{display:flex;align-items:center;gap:clamp(12px,2vw,32px);min-height:var(--bnot-header-h,72px)}
.bnot-header__brand{display:flex;align-items:center;flex:0 0 auto}
.bnot-header__tools{display:flex;align-items:center;gap:6px;margin-left:auto}
.bnot-logo{margin:0;font-size:inherit;display:block}
.bnot-logo__link{display:inline-flex;align-items:center;color:var(--bnot-heading)}
.bnot-logo__img{max-width:240px;max-height:var(--bnot-logo-h,44px);width:auto;height:auto;object-fit:contain}
.bnot-logo__img--dark{display:none}
[data-bnot-mode="dark"] .bnot-logo:has(.bnot-logo__img--dark) .bnot-logo__img--light{display:none}
[data-bnot-mode="dark"] .bnot-logo__img--dark{display:block}
.bnot-logo__text{font-family:var(--bnot-font-heading);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;color:var(--bnot-heading)}
.bnot-logo__tagline{display:none}
.bnot-logo--sticky-alt,.bnot-logo--mobile-alt{display:none}
.bnot-header.is-stuck .bnot-logo--sticky-alt:not(:empty){display:block}
.bnot-header.is-stuck .bnot-logo--sticky-alt:not(:empty)~*,.bnot-header.is-stuck .bnot-header__brand:has(.bnot-logo--sticky-alt:not(:empty)) .bnot-logo--header{display:none}
.bnot-header.is-stuck{box-shadow:0 6px 24px -12px rgba(var(--bnot-shadow-rgb),.25)}
.bnot-iconbtn{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:10px;color:var(--bnot-heading);transition:background .15s}
.bnot-iconbtn:hover{background:rgba(var(--bnot-primary-rgb),.08)}
.bnot-menu-toggle{display:none}
.bnot-mode-toggle__moon{display:none}
[data-bnot-mode="dark"] .bnot-mode-toggle__sun{display:none}
[data-bnot-mode="dark"] .bnot-mode-toggle__moon{display:block}
.bnot-search{border-top:1px solid var(--bnot-border);background:var(--bnot-card);padding:14px 0}
.bnot-search__form{display:flex;gap:8px;max-width:720px}
.bnot-search__form input{flex:1;padding:12px 16px;border:1px solid var(--bnot-border);border-radius:10px;background:var(--bnot-bg);color:var(--bnot-text);min-width:0}
.bnot-search__form button,.bnot-btn{padding:12px 20px;border-radius:10px;background:var(--bnot-primary);color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:transform .15s,background .15s}
.bnot-btn:hover,.bnot-search__form button:hover{background:color-mix(in srgb,var(--bnot-primary) 84%,#000);color:var(--bnot-on-primary)}
[data-bnot-mode="dark"] .bnot-btn:hover{background:color-mix(in srgb,var(--bnot-primary) 84%,#fff)}
.bnot-btn,.bnot-btn--primary{color:var(--bnot-on-primary)}
.bnot-circle{color:var(--bnot-on-primary)}
.bnot-circle:hover{color:var(--bnot-on-primary);background:color-mix(in srgb,var(--bnot-primary) 84%,#000)}
[data-bnot-mode="dark"] .bnot-circle:hover{background:color-mix(in srgb,var(--bnot-primary) 84%,#fff)}
.bnot-search__form--page{margin-top:12px}
/* header styles */
.bnot-header-centered .bnot-header__inner{flex-wrap:wrap;justify-content:center;padding-block:10px}
.bnot-header-centered .bnot-header__brand{flex-basis:100%;justify-content:center}
.bnot-header-centered .bnot-nav{order:3;flex-basis:100%;display:flex;justify-content:center;border-top:1px solid var(--bnot-border);padding-top:8px}
.bnot-header-centered .bnot-header__tools{position:absolute;right:clamp(16px,3vw,32px);top:16px;margin:0}
.bnot-header-split .bnot-header__inner{justify-content:space-between}
.bnot-header-split .bnot-nav{margin-left:auto}
.bnot-header-split .bnot-header__tools{margin-left:0;padding-left:16px;border-left:1px solid var(--bnot-border)}

/* 4 — nav */
.bnot-nav{font-family:var(--bnot-font-nav);display:flex;align-items:center;gap:8px}
.bnot-nav__list{display:flex;gap:2px;align-items:center;flex-wrap:nowrap;white-space:nowrap;min-width:0}
.bnot-nav__list.is-measuring{visibility:hidden;overflow:hidden}
.bnot-nav{min-width:0}
.bnot-nav__list>li{position:relative}
.bnot-nav__list a{display:block;padding:10px 12px;border-radius:8px;font-weight:600;font-size:.95rem;color:var(--bnot-heading)}
.bnot-nav__list>li>a:hover,.bnot-nav__list>li.current-menu-item>a,.bnot-nav__list>li.current-menu-ancestor>a,.bnot-nav__more.is-open>a{color:var(--bnot-nav-hover);background:color-mix(in srgb,var(--bnot-nav-hover) 12%,transparent)}
.bnot-nav__list .sub-menu a:hover{color:var(--bnot-nav-hover)}
.bnot-topbar a:not(.bnot-btn):hover{color:var(--bnot-nav-hover)}
.bnot-topbar .bnot-slot-menu a{color:var(--bnot-text)}
.bnot-iconbtn:hover{color:var(--bnot-nav-hover);background:color-mix(in srgb,var(--bnot-nav-hover) 12%,transparent)}
.bnot-nav__list .sub-menu{position:absolute;left:0;top:100%;min-width:220px;background:var(--bnot-card);border:1px solid var(--bnot-border);border-radius:12px;padding:6px;box-shadow:0 16px 40px -18px rgba(var(--bnot-shadow-rgb),.35);opacity:0;visibility:hidden;transform:translateY(6px);transition:.15s;z-index:20}
.bnot-nav__list li:hover>.sub-menu,.bnot-nav__list li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.bnot-nav__list .sub-menu .sub-menu{left:100%;top:0}
.bnot-nav__list .sub-menu a{font-weight:500;padding:8px 10px}
.bnot-nav__list .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 0 3px 7px;opacity:.6}

/* 5 — mobile menu */
.bnot-mobile{position:fixed;inset:0;z-index:200}
.bnot-mobile[hidden]{display:none}
.bnot-mobile__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);width:100%;height:100%}
.bnot-mobile__panel{position:absolute;top:0;right:0;bottom:0;width:min(88vw,380px);background:var(--bnot-card);padding:18px;overflow:auto;box-shadow:-10px 0 40px rgba(0,0,0,.25);animation:bnot-slide .22s ease-out}
.bnot-mobile--fullscreen .bnot-mobile__panel{width:100%;left:0;animation:bnot-fade .2s ease-out}
.bnot-mobile__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.bnot-mobile__head .bnot-logo__img{max-height:var(--bnot-mobile-logo)}
.bnot-mobile__list a{display:block;padding:12px 8px;border-bottom:1px solid var(--bnot-border);font-weight:600;font-size:1.05rem;color:var(--bnot-heading)}
.bnot-mobile__list .sub-menu a{font-weight:500;padding-left:24px;font-size:.98rem}
.bnot-mobile__lang{margin:16px 0}
.bnot-mobile__social{margin-top:16px}
@keyframes bnot-slide{from{transform:translateX(100%)}to{transform:none}}
@keyframes bnot-fade{from{opacity:0}to{opacity:1}}

/* 6 — language switcher */
.bnot-lang{position:relative;font-family:var(--bnot-font-nav)}
.bnot-lang__toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--bnot-border);border-radius:999px;font-weight:600;font-size:.85rem;color:var(--bnot-heading);background:var(--bnot-card)}
.bnot-lang__toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.bnot-lang__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:170px;background:var(--bnot-card);border:1px solid var(--bnot-border);border-radius:12px;padding:6px;box-shadow:0 16px 40px -18px rgba(var(--bnot-shadow-rgb),.35);z-index:30}
.bnot-lang__menu[hidden]{display:none}
.bnot-lang__menu a{display:block;padding:8px 10px;border-radius:8px;color:var(--bnot-heading);font-weight:500}
.bnot-lang__menu a:hover,.bnot-lang__menu a[aria-current]{background:rgba(var(--bnot-primary-rgb),.08);color:var(--bnot-primary)}
.bnot-lang--buttons{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--bnot-border);border-radius:999px}
.bnot-lang__btn{padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:700;color:var(--bnot-muted)}
.bnot-lang__btn.is-active{background:var(--bnot-primary);color:#fff}
.bnot-lang--footer .bnot-lang__menu{bottom:calc(100% + 6px);top:auto}

/* 7 — ticker */
.bnot-ticker{background:var(--bnot-card);color:var(--bnot-text);font-size:.88rem;overflow:hidden;border-top:1px solid var(--bnot-border);border-bottom:1px solid var(--bnot-border)}
.bnot-ticker a{color:var(--bnot-heading);font-weight:600}
.bnot-ticker__label{color:#fff}
.bnot-ticker--sticky{position:sticky;top:var(--bnot-header-h,72px);z-index:40}
.bnot-ticker__inner{display:flex;align-items:center;gap:14px;min-height:36px}
.bnot-ticker__label{flex:0 0 auto;font-weight:800;letter-spacing:.04em;font-size:.75rem;text-transform:uppercase;background:var(--bnot-primary);padding:4px 10px;border-radius:4px}
.bnot-ticker__track{flex:1;display:flex;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.bnot-ticker__list{display:flex;gap:40px;white-space:nowrap;width:max-content;animation:bnot-ticker var(--bnot-ticker-dur,60s) linear infinite}
.bnot-ticker[data-direction="right"] .bnot-ticker__list{animation-direction:reverse}
.bnot-ticker.is-paused .bnot-ticker__list,.bnot-ticker[data-pause="1"]:hover .bnot-ticker__list{animation-play-state:paused}
.bnot-ticker__item a{color:#fff}.bnot-ticker__item a:hover{text-decoration:underline}
.bnot-ticker__price{font-weight:700;margin-left:4px}
.bnot-ticker__chg--up,.bnot-market__chg--up{color:#34d399}.bnot-ticker__chg--down,.bnot-market__chg--down{color:#f87171}
.bnot-ticker__pause{color:#fff;opacity:.7;width:28px;height:28px;display:grid;place-items:center;border-radius:6px}
.bnot-ticker__pause:hover{opacity:1;background:rgba(255,255,255,.12)}
@keyframes bnot-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* 8 — hero */
.bnot-hero{margin-bottom:clamp(24px,4vw,48px)}
.bnot-hero--1{display:grid;grid-template-columns:3fr 2fr;gap:clamp(16px,2.4vw,28px)}
.bnot-hero--1 .bnot-hero__side{display:grid;gap:14px;align-content:start}
.bnot-hero--2{display:grid;grid-template-columns:1fr 2fr 1fr;gap:clamp(16px,2.4vw,28px)}
.bnot-hero--2 .bnot-hero__col{display:grid;gap:14px;align-content:start}
.bnot-hero--3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;gap:12px}
.bnot-hero--3 .bnot-hero__tile--0{grid-column:span 2;grid-row:span 2}
.bnot-hero--3 .bnot-card--overlay{height:100%}
.bnot-hero__headline{font-size:clamp(1.9rem,4.4vw,3.4rem);letter-spacing:-.02em;line-height:1.05;color:var(--bnot-heading);margin:.3em 0 .4em}
.bnot-hero__headline a{color:inherit}
.bnot-hero__dek{font-size:1.15rem;color:var(--bnot-muted);max-width:52ch;line-height:1.5}
.bnot-hero__plate{border-radius:20px;overflow:hidden;aspect-ratio:5/4;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);transform:perspective(1200px) rotateY(-6deg) rotateX(2deg)}
.bnot-hero__plate img{width:100%;height:100%;object-fit:cover}
.bnot-hero__rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

/* 9 — cards (structure) */
.bnot-card{position:relative;display:flex;flex-direction:column;background:var(--bnot-card);border:1px solid var(--bnot-border);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.bnot-card__media{display:block;overflow:hidden;background:rgba(var(--bnot-primary-rgb),.06)}
.bnot-thumb__img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10;transition:transform .5s ease}
.bnot-card:hover .bnot-thumb__img{transform:scale(1.03)}
.bnot-thumb__placeholder{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,rgba(var(--bnot-primary-rgb),.14),rgba(var(--bnot-accent-rgb),.12))}
.bnot-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.bnot-card__cat{display:flex;gap:6px;flex-wrap:wrap}
.bnot-card__title{font-size:1.15rem;margin:0;line-height:1.25}
.bnot-card__title a{color:var(--bnot-heading)}
.bnot-card__title a:hover{color:var(--bnot-primary)}
.bnot-card__excerpt{color:var(--bnot-muted);font-size:.93rem;margin:0}
.bnot-card--sm .bnot-card__title{font-size:1rem}
.bnot-card--sm .bnot-card__body{padding:12px 14px}
.bnot-card--h{flex-direction:row;align-items:stretch}
.bnot-card--h .bnot-card__media{flex:0 0 38%;max-width:300px}
.bnot-card--h .bnot-thumb__img,.bnot-card--h .bnot-thumb__placeholder{height:100%;aspect-ratio:4/3}
.bnot-card--h.bnot-card--sm .bnot-card__media{flex-basis:36%;max-width:150px}
.bnot-card--overlay{color:#fff;min-height:260px;justify-content:flex-end}
.bnot-card--overlay .bnot-card__media{position:absolute;inset:0}
.bnot-card--overlay .bnot-thumb__img,.bnot-card--overlay .bnot-thumb__placeholder{height:100%;aspect-ratio:auto}
.bnot-card--overlay .bnot-card__body{position:relative;z-index:1;background:linear-gradient(180deg,transparent,rgba(5,8,16,.86) 70%);padding-top:80px;justify-content:flex-end}
.bnot-card--overlay .bnot-card__title{font-size:clamp(1.2rem,2.2vw,1.7rem)}
.bnot-card--overlay .bnot-card__title a,.bnot-card--overlay .bnot-meta,.bnot-card--overlay .bnot-meta a,.bnot-card--overlay .bnot-card__excerpt{color:#fff}
.bnot-card--overlay .bnot-card__excerpt{opacity:.85}
.bnot-card--overlay .bnot-chip{background:var(--bnot-cat);color:var(--bnot-on-primary);border-color:transparent}
.bnot-hero__lead .bnot-card--overlay{min-height:420px;height:100%}
.bnot-card--compact{flex-direction:row;gap:12px;border:0;background:transparent;border-radius:0;overflow:visible;align-items:center}
.bnot-card--compact .bnot-card__media{flex:0 0 72px;border-radius:10px;overflow:hidden}
.bnot-card--compact .bnot-thumb__img,.bnot-card--compact .bnot-thumb__placeholder{aspect-ratio:1}
.bnot-card--compact .bnot-card__body{padding:0;gap:4px}
.bnot-card--compact .bnot-card__title{font-size:.98rem}
.bnot-card--rank{counter-increment:bnot-rank}
.bnot-grid--ranked{counter-reset:bnot-rank}
.bnot-card--rank::before{content:counter(bnot-rank,decimal-leading-zero);position:absolute;top:10px;left:12px;z-index:2;font-family:var(--bnot-font-heading);font-weight:800;font-size:1.4rem;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.bnot-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;color:var(--bnot-muted)}
.bnot-meta a{color:var(--bnot-heading);font-weight:600}
.bnot-meta__sep{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}
.bnot-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--bnot-cat) 12%,transparent);color:var(--bnot-cat);font-size:.74rem;font-weight:700;letter-spacing:.02em;font-family:var(--bnot-font-nav);border:1px solid color-mix(in srgb,var(--bnot-cat) 22%,transparent);transition:background .15s,color .15s}
.bnot-chip:hover{background:var(--bnot-cat);color:var(--bnot-on-primary)}
.bnot-chip:hover{background:var(--bnot-primary);color:#fff}
.bnot-chip span{opacity:.6;font-weight:500}
.bnot-chip--lg{font-size:.9rem;padding:8px 16px;border:1px solid var(--bnot-border);background:var(--bnot-card);color:var(--bnot-heading)}
.bnot-chips{display:flex;flex-wrap:wrap;gap:8px}
.bnot-chips--scroll{margin:8px 0 12px}

/* 10 — card styles (body class bnot-cards-*) */
.bnot-cards-editorial .bnot-card{border-radius:6px;border-color:transparent;border-bottom:2px solid var(--bnot-border)}
.bnot-cards-editorial .bnot-card--v .bnot-card__body{padding-inline:4px}
.bnot-cards-editorial .bnot-card__title{font-family:var(--bnot-font-heading)}
.bnot-cards-editorial .bnot-chip{border-radius:6px}
.bnot-cards-bold .bnot-card{border-radius:18px;border-width:2px}
.bnot-cards-bold .bnot-card__title{font-size:1.25rem;letter-spacing:-.015em}
.bnot-cards-bold .bnot-chip{background:var(--bnot-cat);color:var(--bnot-on-primary);border-color:transparent;border-radius:6px}
.bnot-cards-glass .bnot-card{background:rgba(var(--bnot-primary-rgb),.05);backdrop-filter:blur(12px);border-color:rgba(var(--bnot-primary-rgb),.16);border-radius:20px}
.bnot-cards-glass .bnot-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.22),transparent 40%)}
.bnot-cards-minimal .bnot-card{border:0;border-radius:0;background:transparent}
.bnot-cards-minimal .bnot-card__media{border-radius:4px}
.bnot-cards-minimal .bnot-card--v .bnot-card__body{padding-inline:0}
.bnot-cards-minimal .bnot-card--h{border-bottom:1px solid var(--bnot-border);border-radius:0;padding-bottom:16px}
.bnot-cards-minimal .bnot-chip{text-transform:none;font-size:.78rem}
.bnot-cards-outlined .bnot-card{background:transparent;border:1.5px solid var(--bnot-heading);border-radius:10px;box-shadow:4px 4px 0 var(--bnot-accent)}
.bnot-cards-outlined .bnot-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--bnot-accent)}
.bnot-cards-outlined .bnot-chip{border:1.5px solid var(--bnot-cat);background:transparent;border-radius:6px}
.bnot-cards-split .bnot-card--v{border-radius:0;border:0;border-left:4px solid var(--bnot-primary);background:var(--bnot-card)}
.bnot-cards-split .bnot-card--v .bnot-card__body{padding-left:14px}
.bnot-cards-split .bnot-card--h{border-radius:0;border:0;border-top:1px solid var(--bnot-border)}
.bnot-cards-split .bnot-card__title{font-size:1.1rem}

/* 11 — sections & modules */
.bnot-module{margin-bottom:clamp(28px,5vw,64px)}
.bnot-sec-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:clamp(14px,2vw,22px);padding-bottom:10px;border-bottom:2px solid var(--bnot-border);position:relative}
.bnot-sec-head::after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:var(--bnot-primary)}
.bnot-sec-head__title{font-size:clamp(1.3rem,2.2vw,1.7rem);margin:0}
.bnot-sec-head__desc{margin:4px 0 0;color:var(--bnot-muted);font-size:.92rem}
.bnot-sec-head__more{font-size:.85rem;font-weight:700;white-space:nowrap;font-family:var(--bnot-font-nav)}
.bnot-trend-fs{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(16px,2.4vw,28px)}
.bnot-trend-fs__small{display:grid;gap:14px;align-content:start}
.bnot-catsec{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(16px,2.4vw,28px)}
.bnot-catsec__list{display:grid;gap:14px;align-content:start}
.bnot-market{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.bnot-market__tile{display:grid;gap:2px;padding:14px;border:1px solid var(--bnot-border);border-radius:12px;background:var(--bnot-card);color:var(--bnot-text)}
.bnot-market__sym{font-weight:800;font-family:var(--bnot-font-nav)}
.bnot-market__name{font-size:.78rem;color:var(--bnot-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bnot-market__price{font-size:1.05rem;font-weight:700;color:var(--bnot-heading);margin-top:6px}
.bnot-market__chg{font-size:.85rem;font-weight:700}
.bnot-market-list li{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--bnot-border);font-size:.9rem}
.bnot-market-list li:last-child{border:0}
.bnot-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;counter-reset:pick}
.bnot-picks__item{display:flex;gap:12px;align-items:flex-start;counter-increment:pick}
.bnot-picks__item::before{content:counter(pick);flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--bnot-primary);color:#fff;font-weight:800;font-size:.85rem;margin-top:6px}
.bnot-picks__item .bnot-card{flex:1}
.bnot-newsletter__box{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:clamp(20px,3vw,36px);border-radius:18px;background:var(--bnot-card);border:1px solid var(--bnot-border);color:var(--bnot-text);box-shadow:0 20px 50px -30px rgba(var(--bnot-shadow-rgb),.35)}
.bnot-newsletter__title{color:var(--bnot-heading);font-size:clamp(1.3rem,2.4vw,1.8rem);margin:0 0 .3em}
.bnot-newsletter__text p{margin:0;color:var(--bnot-muted)}
.bnot-newsletter__form input{background:var(--bnot-bg);border:1px solid var(--bnot-border)!important;color:var(--bnot-text)}
.bnot-newsletter__form{display:flex;gap:8px;flex-wrap:wrap}
.bnot-newsletter__form input{padding:12px 16px;border-radius:10px;border:0;min-width:240px}
.bnot-newsletter__box .bnot-btn--primary{background:#fff;color:var(--bnot-secondary)}
.bnot-newsletter--compact .bnot-newsletter__box{flex-direction:column;align-items:stretch;padding:18px;border-radius:12px}
.bnot-newsletter--compact input{min-width:0;flex:1}
.bnot-editor-note{padding:12px 16px;border:1px dashed var(--bnot-border);border-radius:10px;color:var(--bnot-muted);font-size:.9rem}
.bnot-ranked{counter-reset:r}
.bnot-ranked li{counter-increment:r;display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--bnot-border);align-items:baseline}
.bnot-ranked li:last-child{border:0}
.bnot-ranked li::before{content:counter(r,decimal-leading-zero);font-family:var(--bnot-font-heading);font-weight:800;color:var(--bnot-primary);font-size:1.1rem}
.bnot-ranked a{color:var(--bnot-heading);font-weight:600;line-height:1.35}
.bnot-widget__title{font-size:1.05rem;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--bnot-border)}
.bnot-social{display:flex;gap:6px;flex-wrap:wrap}
.bnot-social a{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--bnot-border);color:var(--bnot-heading)}
.bnot-social a:hover{background:var(--bnot-primary);border-color:var(--bnot-primary);color:#fff}
.bnot-social--lg a{width:44px;height:44px}

/* 12 — single */
.bnot-single__head{padding-top:8px}
.bnot-single__cats{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 10px}
.bnot-single__cats a{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--bnot-cat);background:color-mix(in srgb,var(--bnot-cat) 12%,transparent);border:1px solid color-mix(in srgb,var(--bnot-cat) 22%,transparent);font-family:var(--bnot-font-nav);line-height:1.2}
.bnot-single__cats a:hover{background:var(--bnot-cat);color:var(--bnot-on-primary)}
.bnot-depth-5d .bnot-single__cats a,.bnot-depth-9d .bnot-single__cats a{background-image:linear-gradient(135deg,color-mix(in srgb,var(--bnot-cat) 16%,transparent),color-mix(in srgb,var(--bnot-accent) 12%,transparent))}
.bnot-depth-3d .bnot-single__cats a{box-shadow:0 4px 12px -8px rgba(var(--bnot-shadow-rgb),.4)}
.bnot-single__title{font-size:clamp(1.9rem,4.4vw,3.2rem);letter-spacing:-.02em;max-width:none;width:100%;margin:0 0 .35em;color:var(--bnot-h1)}
.bnot-single__dek{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--bnot-muted);max-width:none;width:100%;line-height:1.5}
.bnot-single__byline{display:flex;align-items:center;gap:12px;margin:18px 0 26px}
.bnot-single__avatar img{border-radius:50%}
.bnot-single__figure{margin:0 auto 32px}
.bnot-single__image{width:100%;border-radius:16px;height:auto;display:block}
.bnot-simg-cover .bnot-single__image{aspect-ratio:2/1;object-fit:cover}
.bnot-single__fit{display:block;position:relative;border-radius:16px;overflow:hidden}
.bnot-simg-contain .bnot-single__fit{aspect-ratio:2/1;background:var(--bnot-secondary)}
.bnot-simg-contain .bnot-single__fit::before{content:"";position:absolute;inset:-12px;background:var(--bnot-thumb-bg) center/cover no-repeat;filter:blur(22px) saturate(1.2);opacity:.8}
.bnot-simg-contain .bnot-single__image{position:relative;height:100%;object-fit:contain;border-radius:0}
.bnot-single__figure figcaption{font-size:.82rem;color:var(--bnot-muted);margin-top:8px}
.bnot-single__layout--sidebar{grid-template-columns:minmax(0,1fr) 340px}
.bnot-single__main{min-width:0}
.bnot-prose{font-family:var(--bnot-font-article);font-size:calc(var(--bnot-font-size) + 1px);line-height:1.75;max-width:74ch}
.bnot-single__layout:not(.bnot-single__layout--sidebar) .bnot-prose{margin-inline:auto}
.bnot-prose>*+*{margin-top:1.1em}
.bnot-prose h2{font-size:1.65rem;margin-top:1.8em}.bnot-prose h3{font-size:1.3rem;margin-top:1.5em}
.bnot-prose blockquote{margin:1.6em 0;padding:8px 0 8px 22px;border-left:4px solid var(--bnot-accent);font-style:italic;font-size:1.1em;color:var(--bnot-heading)}
.bnot-prose img{border-radius:10px}
.bnot-prose pre{overflow:auto;padding:16px;border-radius:10px;background:var(--bnot-secondary);color:#fff;font-size:.9em}
.bnot-prose code{font-size:.92em;background:rgba(var(--bnot-primary-rgb),.08);padding:.1em .35em;border-radius:4px}
.bnot-prose pre code{background:none;padding:0}
.bnot-prose table{width:100%;border-collapse:collapse;font-size:.95em}
.bnot-prose th,.bnot-prose td{padding:10px;border-bottom:1px solid var(--bnot-border);text-align:left}
.bnot-prose figure{margin:1.4em 0}.bnot-prose figcaption{font-size:.85em;color:var(--bnot-muted)}
.bnot-prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.bnot-prose .bnot-glossary-link{text-decoration:underline dotted;text-decoration-color:var(--bnot-accent)}
.bnot-tags{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}
.bnot-tag{padding:6px 12px;border:1px solid var(--bnot-border);border-radius:6px;font-size:.82rem;color:var(--bnot-heading)}
.bnot-tag:hover{border-color:var(--bnot-primary)}
.bnot-share{display:flex;align-items:center;gap:8px;margin:20px 0 32px;padding:14px 0;border-top:1px solid var(--bnot-border);border-bottom:1px solid var(--bnot-border)}
.bnot-share__label{font-weight:700;font-size:.85rem;margin-right:6px}
.bnot-share a,.bnot-share button{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--bnot-border);color:var(--bnot-heading)}
.bnot-share a:hover,.bnot-share button:hover{background:var(--bnot-primary);color:#fff;border-color:var(--bnot-primary)}
.bnot-share__copy.is-copied{background:#059669;color:#fff;border-color:#059669}
.bnot-authorbox{display:flex;gap:18px;align-items:flex-start;margin:0 0 32px}
.bnot-authorbox__avatar img{border-radius:50%}
.bnot-authorbox__name{font-size:1.1rem;margin:0 0 6px}
.bnot-authorbox__bio{color:var(--bnot-muted);font-size:.95rem;margin:0 0 8px}
.bnot-authorbox__more{font-size:.85rem;font-weight:700}
.bnot-related{margin:36px 0}
.bnot-pages{margin:24px 0;font-weight:600}
.bnot-comments{margin-top:40px}
.bnot-comments__list .comment{padding:16px 0;border-bottom:1px solid var(--bnot-border)}
.bnot-comments__list .children{padding-left:32px}
.comment-author .avatar{border-radius:50%;float:left;margin-right:10px}
.comment-metadata{font-size:.8rem;color:var(--bnot-muted)}
.comment-form label{display:block;font-weight:600;font-size:.9rem;margin-bottom:4px}
.comment-form input:not([type=checkbox]):not([type=submit]),.comment-form textarea{width:100%;padding:10px 12px;border:1px solid var(--bnot-border);border-radius:8px;background:var(--bnot-card);color:var(--bnot-text)}
.comment-form .submit{padding:12px 22px;border-radius:10px;background:var(--bnot-primary);color:#fff;font-weight:600;border:0}
.bnot-ad{margin:16px auto;text-align:center}
.bnot-ad:empty{display:none}

/* 13 — archives, author, search, 404 */
.bnot-author__head{display:flex;gap:24px;align-items:center;margin-bottom:32px}
.bnot-author__avatar img{border-radius:50%}
.bnot-author__name{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 .3em}
.bnot-author__bio{color:var(--bnot-muted);max-width:70ch}
.bnot-result{padding:12px 0;border-bottom:1px solid var(--bnot-border)}
.bnot-result__type{font-size:.78rem;color:var(--bnot-muted);margin-left:6px}
.bnot-404{text-align:center;padding-block:40px}
.bnot-404 .bnot-search__form{margin:20px auto 40px;justify-content:center}
.bnot-404 .bnot-grid{text-align:left}
.bnot-empty{color:var(--bnot-muted);padding:40px 0;text-align:center}
.bnot-pagination{margin:32px 0 0}
.bnot-pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.bnot-pagination .page-numbers{padding:8px 14px;border:1px solid var(--bnot-border);border-radius:8px;color:var(--bnot-heading);font-weight:600;font-size:.9rem}
.bnot-pagination .page-numbers.current{background:var(--bnot-primary);border-color:var(--bnot-primary);color:#fff}
.bnot-pagination .screen-reader-text{display:none}

/* 14 — footer + styles */
.bnot-footer{margin-top:auto;background:var(--bnot-card);border-top:1px solid var(--bnot-border);padding:clamp(32px,5vw,56px) 0 24px;color:var(--bnot-text)}
.bnot-footer__top{display:grid;grid-template-columns:1.2fr 3fr;gap:clamp(24px,4vw,56px);margin-bottom:32px}
.bnot-footer__desc{color:var(--bnot-muted);max-width:40ch;font-size:.95rem;margin:12px 0}
.bnot-footer__cols{display:grid;gap:24px}
.bnot-footer__cols--4{grid-template-columns:repeat(4,minmax(0,1fr))}.bnot-footer__cols--3{grid-template-columns:repeat(3,minmax(0,1fr))}.bnot-footer__cols--2{grid-template-columns:repeat(2,minmax(0,1fr))}.bnot-footer__cols--1{grid-template-columns:1fr}
.bnot-footer__title{font-size:.95rem;margin:0 0 12px;color:var(--bnot-footer-title)}
.bnot-footer .bnot-slot-menu{flex-direction:column;gap:8px}
.bnot-footer .bnot-slot-menu a{color:var(--bnot-text);font-size:.92rem}
.bnot-footer .bnot-slot-menu a:hover{color:var(--bnot-nav-hover);transform:translateX(2px)}
.bnot-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:20px;border-top:1px solid var(--bnot-border);font-size:.85rem;color:var(--bnot-muted)}
.bnot-footer__menu{display:flex;gap:16px;flex-wrap:wrap}
.bnot-footer__menu a{color:var(--bnot-text)}
.bnot-footer__custom{margin-left:12px}
.bnot-footer .bnot-logo__img{max-height:44px}
/* styles */
.bnot-footer-stacked .bnot-footer__top{grid-template-columns:1fr;text-align:center}
.bnot-footer-stacked .bnot-footer__brand{display:flex;flex-direction:column;align-items:center}
.bnot-footer-stacked .bnot-footer__cols{text-align:left;border-top:1px solid var(--bnot-border);padding-top:24px}
.bnot-footer-minimal .bnot-footer{padding-top:24px;background:var(--bnot-bg)}
.bnot-footer-minimal .bnot-footer__top{grid-template-columns:auto 1fr;align-items:center;margin-bottom:16px}
.bnot-footer-minimal .bnot-footer__cols{grid-template-columns:repeat(4,auto);justify-content:end;gap:32px}
.bnot-footer-minimal .bnot-footer__desc{display:none}
.bnot-footer-minimal .bnot-footer .bnot-slot-menu{flex-direction:row}
.bnot-footer-minimal .bnot-footer__title{display:none}
.bnot-footer-dark-band .bnot-footer{background:var(--bnot-secondary);color:rgba(255,255,255,.82);border-top:0}
.bnot-footer-dark-band .bnot-footer .bnot-footer__title{color:var(--bnot-footer-title)}
.bnot-footer .bnot-slot-menu a,.bnot-footer .bnot-footer__menu a{transition:color .15s,transform .15s;display:inline-block}
.bnot-footer-dark-band .bnot-footer .bnot-slot-menu a:hover,.bnot-footer-dark-band .bnot-footer .bnot-footer__menu a:hover,.bnot-footer .bnot-footer__menu a:hover{color:var(--bnot-nav-hover);transform:translateX(2px)}
.bnot-footer-dark-band .bnot-footer .bnot-footer__title,.bnot-footer-dark-band .bnot-footer .bnot-logo__text,.bnot-footer-dark-band .bnot-footer .bnot-slot-menu a,.bnot-footer-dark-band .bnot-footer .bnot-footer__menu a{color:#fff}
.bnot-footer-dark-band .bnot-footer .bnot-footer__desc,.bnot-footer-dark-band .bnot-footer__bottom{color:rgba(255,255,255,.6)}
.bnot-footer-dark-band .bnot-footer__bottom,.bnot-footer-dark-band .bnot-footer .bnot-social a,.bnot-footer-dark-band .bnot-footer .bnot-lang__toggle{border-color:rgba(255,255,255,.15)}
.bnot-footer-dark-band .bnot-footer .bnot-social a,.bnot-footer-dark-band .bnot-footer .bnot-lang__toggle{color:#fff;background:transparent}
.bnot-footer-dark-band .bnot-footer::before{content:"";display:block;height:4px;background:var(--bnot-gradient);margin:calc(-1*clamp(32px,5vw,56px)) 0 clamp(32px,5vw,56px)}
.bnot-footer-split .bnot-footer__top{grid-template-columns:1fr 1fr;position:relative}
.bnot-footer-split .bnot-footer__top::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--bnot-border)}
.bnot-footer-split .bnot-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:clamp(24px,4vw,56px)}
.bnot-footer-centered .bnot-footer{text-align:center}
.bnot-footer-centered .bnot-footer__top{grid-template-columns:1fr}
.bnot-footer-centered .bnot-footer__brand{display:flex;flex-direction:column;align-items:center}
.bnot-footer-centered .bnot-footer__cols{justify-content:center}
.bnot-footer-centered .bnot-footer__bottom{justify-content:center;flex-direction:column}

/* 15 — components */
.bnot-totop{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border-radius:50%;background:var(--bnot-primary);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -10px rgba(var(--bnot-shadow-rgb),.5);z-index:90;transition:opacity .2s}
.bnot-totop[hidden]{display:none}
.bnot-custom .bnot-sec-head{border:0;padding:0}.bnot-custom .bnot-sec-head::after{display:none}
.bnot-breadcrumbs{font-size:.8rem;color:var(--bnot-muted);margin-bottom:8px}
.bnot-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px}
.bnot-breadcrumbs li+li::before{content:"/";margin-right:6px;opacity:.5}
.bnot-breadcrumbs a{color:var(--bnot-muted)}.bnot-breadcrumbs a:hover{color:var(--bnot-primary)}

/* 16 — Gutenberg */
.alignwide{max-width:calc(var(--bnot-container) - 64px);margin-inline:auto}
.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
.wp-block-image img{border-radius:10px}
.wp-block-quote{border-left:4px solid var(--bnot-accent);padding-left:20px}
.wp-block-pullquote{border-block:3px solid var(--bnot-primary);padding:24px 0}
.wp-block-table table{border-collapse:collapse;width:100%}
.wp-block-button__link{background:var(--bnot-primary);color:#fff;border-radius:10px;padding:12px 22px;text-decoration:none}
.wp-block-separator{border-color:var(--bnot-border)}
.has-text-align-center{text-align:center}
.wp-caption{max-width:100%}.wp-caption-text{font-size:.85em;color:var(--bnot-muted)}
.sticky{}.bypostauthor{}
.gallery-caption{font-size:.85em}

/* 17 — responsive */
@media (max-width:1100px){
 .bnot-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bnot-hero--2{grid-template-columns:1fr 1.6fr}
 .bnot-hero--2 .bnot-hero__col--right{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .bnot-footer__top{grid-template-columns:1fr}
 .bnot-footer-minimal .bnot-footer__cols{justify-content:start}
}
@media (max-width:960px){
 .bnot-nav{display:none}
 .bnot-menu-toggle{display:inline-grid}
 .bnot-header-centered .bnot-header__inner{flex-wrap:nowrap;justify-content:space-between}
 .bnot-header-centered .bnot-header__brand{flex-basis:auto}
 .bnot-header-centered .bnot-header__tools{position:static}
 .bnot-archive__layout,.bnot-single__layout--sidebar{grid-template-columns:1fr}
 .bnot-sidebar--sticky{position:static}
 .bnot-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bnot-grid--featured{grid-template-columns:1fr 1fr}.bnot-grid--featured>:first-child{grid-column:1/-1}
 .bnot-hero--1{grid-template-columns:1fr}
 .bnot-hero--3{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}
 .bnot-hero__plate{transform:none;aspect-ratio:16/9}
 .bnot-trend-fs,.bnot-catsec,.bnot-picks,.bnot-list--2{grid-template-columns:1fr}
 .bnot-footer__cols--4,.bnot-footer__cols--3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bnot-footer-split .bnot-footer__top{grid-template-columns:1fr}.bnot-footer-split .bnot-footer__top::before{display:none}.bnot-footer-split .bnot-footer__cols{padding:0}
 .bnot-logo--header:has(~.bnot-logo--mobile-alt:not(:empty)){display:none}
 .bnot-logo--mobile-alt:not(:empty){display:block}
 .bnot-header .bnot-logo__img{max-height:var(--bnot-mobile-logo)}
 .bnot-topbar__col--3,.bnot-topbar--cols-3 .bnot-topbar__col--2{display:none}
 .bnot-topbar--cols-3 .bnot-topbar__inner{grid-template-columns:1fr}
 .bnot-ticker--sticky{position:static}
}
@media (max-width:640px){
 .bnot-grid--2,.bnot-grid--3,.bnot-grid--4,.bnot-grid--featured,.bnot-hero__rail,.bnot-hero--2,.bnot-hero--2 .bnot-hero__col--right{grid-template-columns:1fr}
 .bnot-hero--3{grid-template-columns:1fr;grid-auto-rows:auto}
 .bnot-hero--3 .bnot-hero__tile--0{grid-column:auto;grid-row:auto}
 .bnot-hero--3 .bnot-card--overlay{min-height:220px}
 .bnot-hero__lead .bnot-card--overlay{min-height:320px}
 .bnot-card--h{flex-direction:column}.bnot-card--h .bnot-card__media{max-width:none;flex-basis:auto}
 .bnot-card--h.bnot-card--sm{flex-direction:row}.bnot-card--h.bnot-card--sm .bnot-card__media{flex:0 0 110px}
 .bnot-chips--scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-inline:calc(-1*clamp(16px,3vw,32px));padding-inline:clamp(16px,3vw,32px);scrollbar-width:none}
 .bnot-chips--scroll::-webkit-scrollbar{display:none}
 .bnot-chips--scroll .bnot-chip{flex:0 0 auto}
 .bnot-footer__cols--4,.bnot-footer__cols--3,.bnot-footer__cols--2,.bnot-footer-minimal .bnot-footer__cols{grid-template-columns:1fr}
 .bnot-author__head{flex-direction:column;text-align:center}
 .bnot-ticker--hide-mobile{display:none}
 .bnot-ticker__label{display:none}
 .bnot-newsletter__form input{min-width:0;flex:1}
 .bnot-simg-cover .bnot-single__image{aspect-ratio:16/10}.bnot-single__image,.bnot-single__fit{border-radius:10px}
 .bnot-picks__item::before{display:none}
}

/* 18 — motion & a11y */
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
 .bnot-ticker__list{animation:none;flex-wrap:wrap;white-space:normal;width:auto}
 .bnot-card:hover .bnot-thumb__img{transform:none}
}
@media print{.bnot-header,.bnot-footer,.bnot-ticker,.bnot-sidebar,.bnot-share,.bnot-totop,.bnot-related{display:none!important}}

/* 19. Mobile submenu toggles (injected by main.js) */
.bnot-mobile .menu-item-has-children{display:flex;flex-wrap:wrap;align-items:center}
.bnot-mobile .menu-item-has-children>a{flex:1}
.bnot-mobile__sub{background:none;border:0;padding:8px;color:inherit;cursor:pointer;display:grid;place-items:center}
.bnot-mobile__sub svg{transition:transform .15s}
.bnot-mobile__sub[aria-expanded="true"] svg{transform:rotate(180deg)}
.bnot-mobile .menu-item-has-children>.sub-menu{display:none;flex-basis:100%;padding-left:14px}
.bnot-mobile .menu-item-has-children.is-open>.sub-menu{display:block}
.bnot-ticker.is-focus .bnot-ticker__list{animation-play-state:paused}


/* 20. Category chip rail (independent of card styles) */
.bnot-chips .bnot-chip,.bnot-cards-editorial .bnot-chips .bnot-chip,.bnot-cards-bold .bnot-chips .bnot-chip,.bnot-cards-minimal .bnot-chips .bnot-chip,.bnot-cards-outlined .bnot-chips .bnot-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--bnot-card);border:1px solid var(--bnot-border);color:var(--bnot-text);font-size:.82rem;font-weight:600;letter-spacing:0;text-transform:none;font-family:var(--bnot-font-nav);transition:background .15s,color .15s,border-color .15s}
.bnot-chips .bnot-chip:hover{border-color:var(--bnot-primary);color:var(--bnot-primary)}
.bnot-chips .bnot-chip--active,.bnot-chips .bnot-chip--active:hover{background:var(--bnot-primary);border-color:var(--bnot-primary);color:#fff}
.bnot-chips .bnot-chip small{opacity:.6;font-weight:500}

/* 21. Shared newsroom pieces */
.bnot-live{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#16a34a}
.bnot-live i{width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:bnot-livepulse 1.6s infinite}
.bnot-live--pill{padding:3px 9px;border:1px solid var(--bnot-border);border-radius:999px;color:#dc2626;background:var(--bnot-card)}
.bnot-live--pill i{background:#dc2626;box-shadow:0 0 0 0 rgba(220,38,38,.5)}
@keyframes bnot-livepulse{70%{box-shadow:0 0 0 6px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.bnot-sentiment{display:inline-block;margin-top:4px;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.bnot-sentiment::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:1px;background:currentColor}
.bnot-sentiment--bullish{color:#16a34a}.bnot-sentiment--bearish{color:#dc2626}.bnot-sentiment--neutral{color:var(--bnot-muted)}
.bnot-kicker{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bnot-primary);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.bnot-kicker .bnot-chip{background:transparent;padding:0;border:0;color:var(--bnot-cat);letter-spacing:.1em}
.bnot-author-line{display:flex;align-items:center;gap:12px}
.bnot-author-line__avatar{width:40px;height:40px;border-radius:50%}
.bnot-author-line__name{display:block;font-weight:700;color:var(--bnot-author);font-size:.92rem}
.bnot-author-line__meta{font-size:.78rem;color:var(--bnot-muted)}
.bnot-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bnot-muted);margin-bottom:8px}
.bnot-eyebrow .bnot-chip{background:transparent;padding:0;color:var(--bnot-cat);letter-spacing:inherit;font-size:inherit;border:0}
.bnot-byline-caps{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bnot-author)}
.bnot-byline-caps a{color:inherit}
.bnot-circle{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--bnot-primary);color:#fff;border:0;cursor:pointer;font-size:1rem;text-decoration:none;transition:transform .15s}
.bnot-circle:hover{transform:scale(1.06)}
.bnot-circle--lg{width:48px;height:48px;font-size:1.2rem}
.bnot-pills{display:flex;flex-wrap:wrap;gap:6px}
.bnot-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb,var(--bnot-cat) 14%,transparent);color:var(--bnot-cat);text-decoration:none;border:1px solid color-mix(in srgb,var(--bnot-cat) 25%,transparent)}
a.bnot-pill:hover{background:var(--bnot-cat);color:var(--bnot-on-primary)}
.bnot-panel7 .bnot-pill,.bnot-panel7 .bnot-pill--time{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.14)}
.bnot-slide__caption .bnot-pill{background:color-mix(in srgb,var(--bnot-cat) 14%,transparent);color:var(--bnot-cat);border-color:color-mix(in srgb,var(--bnot-cat) 25%,transparent)}
.bnot-slide__caption .bnot-pill--time{background:rgba(var(--bnot-accent-rgb),.16);color:var(--bnot-heading)}
.bnot-pill--time{background:rgba(var(--bnot-accent-rgb),.14);color:var(--bnot-heading)}
.bnot-pill--glow{background:rgba(22,163,74,.16);color:#22c55e;border:1px solid rgba(34,197,94,.35)}
.bnot-btn--ghost{background:transparent;border:1px solid var(--bnot-border);color:var(--bnot-text)}
.bnot-btn--block{display:flex;width:100%;justify-content:center}
.bnot-btn--pill{border-radius:999px;padding:6px 6px 6px 18px;display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;font-size:.78rem;letter-spacing:.06em}
.bnot-btn--pill .bnot-circle{background:rgba(255,255,255,.2);width:30px;height:30px}
.bnot-btn--cta{background:#22c55e;color:#062b12;font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:10px 18px;border-radius:8px}
.bnot-btn--cta:hover{background:#16a34a;color:#fff}

/* 22. Hero 4 — newsroom split */
.bnot-hero--4 .bnot-hero__inner{display:grid;grid-template-columns:250px minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"live topbar topbar" "live figure text" "more more text" "press press press";gap:clamp(16px,2.4vw,32px) clamp(20px,3vw,40px);align-items:start}
.bnot-hero--4 .bnot-hero__live{grid-area:live}
.bnot-hero--4 .bnot-hero__topbar{grid-area:topbar;margin-bottom:0}
.bnot-hero--4 .bnot-hero__figure{grid-area:figure}
.bnot-hero--4 .bnot-hero__text{grid-area:text}
.bnot-hero--4 .bnot-hero__morerow{grid-area:more;grid-column:1/3;min-width:0}
.bnot-hero--4 .bnot-hero__inner>*{min-width:0}
.bnot-hero__morerow .bnot-card{display:flex;flex-direction:row;min-width:0}
.bnot-hero__morerow .bnot-card__body{min-width:0}
.bnot-hero--4 .bnot-hero__press{grid-area:press;grid-column:auto}
.bnot-hero__live{border-right:1px solid var(--bnot-border);padding-right:clamp(16px,2vw,28px)}
.bnot-hero__live-head{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bnot-muted);margin-bottom:10px}
.bnot-livelist{list-style:none;margin:0;padding:0}
.bnot-livelist li{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:12px 0;border-bottom:1px solid var(--bnot-border);font-size:.86rem;line-height:1.35}
.bnot-livelist__time{font-size:.72rem;color:var(--bnot-muted);font-variant-numeric:tabular-nums;padding-top:2px}
.bnot-livelist a{font-weight:700;color:var(--bnot-heading);display:block}
.bnot-hero__more{display:inline-block;margin-top:14px;font-weight:700;font-size:.86rem;color:var(--bnot-primary)}
.bnot-hero__topbar{display:flex;align-items:center;gap:clamp(12px,2vw,40px);padding-bottom:14px;border-bottom:2px solid var(--bnot-primary);margin-bottom:clamp(16px,2vw,24px);color:var(--bnot-primary)}
.bnot-hero__topbar .bnot-logo__img{max-height:30px}
.bnot-hero__wave{width:110px;height:24px;flex:0 0 auto}
.bnot-hero__tagline{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bnot-muted)}
.bnot-hero__figure{display:block;border-radius:16px;overflow:hidden;aspect-ratio:1;box-shadow:0 30px 60px -30px rgba(var(--bnot-shadow-rgb),.45)}
.bnot-hero__figure img{width:100%;height:100%;object-fit:cover}
.bnot-hero__byline{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:18px 0}
.bnot-hero__intel{border-top:1px solid var(--bnot-border);padding-top:14px}
.bnot-hero__intel .bnot-kicker{color:var(--bnot-muted);margin-bottom:10px}
.bnot-intel{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.bnot-intel__icon{width:30px;height:30px;border-radius:50%;background:#f7931a;color:#fff;display:grid;place-items:center;font-weight:800;font-size:.9rem}
.bnot-intel__name{display:flex;flex-direction:column;font-weight:700;font-size:.82rem;color:var(--bnot-heading)}
.bnot-intel__name small{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bnot-primary);font-weight:800}
.bnot-intel__price{margin-left:auto;text-align:right;font-weight:700;font-size:.82rem;display:flex;flex-direction:column;color:var(--bnot-heading)}
.bnot-intel__price small{font-size:.66rem}

/* 23. Hero 5 — newswire columns */
.bnot-hero--5 .bnot-hero__inner{display:grid;grid-template-columns:270px minmax(0,1fr) 270px;gap:clamp(20px,3vw,40px);align-items:start}
.bnot-hero__h{display:flex;align-items:center;gap:10px;font-size:1.25rem;margin:0 0 14px;color:var(--bnot-heading)}
.bnot-hero__h small{margin-left:auto;font-size:.72rem;color:var(--bnot-muted);font-weight:500}
.bnot-wire{list-style:none;margin:0 0 12px;padding:0}
.bnot-wire li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--bnot-border);font-weight:700;line-height:1.35;font-size:.95rem}
.bnot-wire a{color:var(--bnot-heading)}
.bnot-wire__time{flex:0 0 auto;font-size:.76rem;font-weight:600;color:#dc2626}
.bnot-card--lead.bnot-card--overlay{min-height:430px}
.bnot-press{margin-top:16px;border:1px solid var(--bnot-border);border-radius:14px;padding:16px 18px;background:var(--bnot-card)}
.bnot-press__head{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1rem;margin-bottom:12px}
.bnot-press__head a{color:var(--bnot-heading)}
.bnot-press__tag{font-size:.74rem;font-weight:600;color:var(--bnot-accent)}
.bnot-press__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bnot-press__title{display:block;font-weight:700;font-size:.9rem;line-height:1.35;color:var(--bnot-heading)}
.bnot-press__by{display:block;font-size:.74rem;color:var(--bnot-muted);margin-top:6px}
.bnot-most__figure{display:block;border-radius:10px;overflow:hidden;aspect-ratio:4/3;margin-bottom:10px}
.bnot-most__figure img{width:100%;height:100%;object-fit:cover}
.bnot-most__item{padding:10px 0;border-bottom:1px solid var(--bnot-border)}
.bnot-most__item a{display:block;font-weight:700;color:var(--bnot-heading);line-height:1.35}
.bnot-most__item span{font-size:.76rem;color:var(--bnot-muted)}

/* 24. Hero 6 — tinted magazine */
.bnot-hero--6 .bnot-hero__inner{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
.bnot-tint{display:grid;background:color-mix(in srgb,var(--bnot-accent) 12%,var(--bnot-card));border-radius:6px;overflow:hidden}
.bnot-tint--lead{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:16px}
.bnot-tint__figure{display:block;aspect-ratio:16/10;overflow:hidden}
.bnot-tint__figure img{width:100%;height:100%;object-fit:cover}
.bnot-tint__body{padding:18px 20px}
.bnot-tint--lead .bnot-tint__body{padding:clamp(20px,3vw,40px)}
.bnot-tint__title{margin:0 0 12px;line-height:1.25;font-size:1.05rem}
.bnot-tint--lead .bnot-tint__title{font-size:clamp(1.4rem,2.6vw,2rem)}
.bnot-tint__title a{color:var(--bnot-heading)}
.bnot-tint__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bnot-hl{padding:14px 0;border-bottom:1px solid var(--bnot-border)}
.bnot-hl__title{margin:0 0 8px;font-size:1.02rem;line-height:1.35}
.bnot-hl__title a{color:var(--bnot-heading)}

/* 25. Hero 7 — futuristic */
.bnot-hero--7 .bnot-hero__inner{display:grid;grid-template-columns:320px minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
.bnot-hero__h7{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-family:var(--bnot-font-heading);font-weight:900;font-size:1.5rem;letter-spacing:.02em;text-transform:uppercase;color:var(--bnot-heading)}
.bnot-hero__h7--big{font-size:clamp(2.4rem,6vw,4.6rem);line-height:.95;letter-spacing:-.01em}
.bnot-l7{padding:14px 0;border-bottom:1px solid var(--bnot-border)}
.bnot-l7__title{margin:0 0 8px;font-size:1.05rem;line-height:1.3}
.bnot-l7__title a{color:var(--bnot-heading)}
.bnot-panel7{background:var(--bnot-secondary);color:#fff;border-radius:22px;padding:clamp(14px,1.8vw,20px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px;align-items:stretch}
.bnot-slider{position:relative;display:flex}
.bnot-slide{display:none;position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/11;width:100%}
.bnot-slide.is-active{display:block}
.bnot-slide__figure{display:block;height:100%}
.bnot-slide__figure img{width:100%;height:100%;object-fit:cover}
.bnot-slide__caption{position:absolute;left:14px;right:14px;bottom:14px;background:var(--bnot-card);color:var(--bnot-text);border-radius:14px;padding:16px 18px;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.bnot-slide__title{margin:0 0 10px;font-size:1.25rem;line-height:1.25}
.bnot-slide__title a{color:var(--bnot-heading)}
.bnot-slider__nav{position:absolute;right:16px;top:16px;display:flex;align-items:center;gap:8px;z-index:2}
.bnot-slider__count{font-size:.7rem;font-weight:800;letter-spacing:.06em;background:rgba(0,0,0,.45);color:#fff;padding:6px 10px;border-radius:999px}
.bnot-slider__nav .bnot-circle{width:34px;height:34px;background:rgba(255,255,255,.92);color:var(--bnot-secondary)}
.bnot-panel7__side{display:grid;gap:12px;align-content:space-between}
.bnot-panel7__topics{border-top:1px solid rgba(255,255,255,.12);padding-top:12px;display:grid;gap:8px;justify-items:start}
.bnot-pill--topic{background:rgba(255,255,255,.1);color:#fff;text-transform:none;letter-spacing:0;font-size:.74rem}
.bnot-pill--topic:hover{background:var(--bnot-primary)}
.bnot-l7--thumb{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:start;padding:10px 0}
.bnot-l7__figure{display:block;border-radius:8px;overflow:hidden;aspect-ratio:1}
.bnot-l7__figure img{width:100%;height:100%;object-fit:cover}
.bnot-l7--thumb .bnot-l7__title{font-size:.95rem;margin-bottom:6px}
.bnot-s7{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center}
.bnot-s7--wide{grid-column:1/-1;grid-template-columns:80px 1fr}
.bnot-s7__figure{display:block;border-radius:10px;overflow:hidden;aspect-ratio:1}
.bnot-s7__figure img{width:100%;height:100%;object-fit:cover}
.bnot-s7__title{margin:0 0 6px;font-size:.98rem;line-height:1.3}
.bnot-s7__title a{color:#fff}
.bnot-panel7 .bnot-pill--time{background:rgba(255,255,255,.12);color:#fff}
.bnot-nl7{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;text-align:center;display:grid;gap:10px;justify-items:center}
.bnot-nl7__title{font-family:var(--bnot-font-heading);font-weight:900;font-size:2rem;letter-spacing:.04em;text-transform:uppercase}
.bnot-nl7 p{margin:0;opacity:.85}

/* 26. Ticker strip style (dark price bar) */
.bnot-ticker--strip{background:#0b1220;color:#fff;font-size:.82rem;border:0}
.bnot-ticker--strip .bnot-ticker__list{gap:0}
.bnot-ticker--strip .bnot-ticker__item{padding:8px 22px;border-right:1px solid rgba(255,255,255,.1)}
.bnot-ticker--strip .bnot-ticker__item a{color:#fff;font-weight:700}
.bnot-ticker--strip .bnot-ticker__price{color:#22c55e;font-weight:600;margin-left:6px}
.bnot-ticker__chg--up{color:#22c55e}.bnot-ticker__chg--down{color:#ef4444}
.bnot-ticker--strip .bnot-ticker__label{display:none}

/* 27. "More" overflow menu */
.bnot-nav__more>ul.sub-menu{right:0;left:auto}
.bnot-nav__more.is-open>.sub-menu{opacity:1;visibility:visible;transform:none}
.bnot-nav__more>a::after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:8px;vertical-align:3px}
.bnot-nav__list.is-measuring{visibility:hidden}

/* 28. Creative centred pages */
.bnot-page--creative .bnot-page__head{text-align:center;padding:clamp(24px,5vw,64px) 0 clamp(16px,3vw,32px);max-width:860px;margin:0 auto}
.bnot-page--creative .bnot-page__kicker{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bnot-primary);margin-bottom:12px}
.bnot-page--creative .bnot-page__title{font-size:clamp(2.2rem,6vw,4rem);letter-spacing:-.02em;line-height:1.02;margin:0 0 .3em;color:var(--bnot-h1)}
.bnot-page--creative .bnot-page__lede{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--bnot-muted);max-width:60ch;margin:0 auto}
.bnot-page--creative .bnot-page__rule{width:64px;height:4px;border-radius:2px;margin:22px auto 0;background:var(--bnot-gradient,var(--bnot-primary))}
.bnot-page--creative .bnot-single__figure{max-width:1000px;margin:0 auto clamp(20px,4vw,40px);border-radius:20px;overflow:hidden}
.bnot-page--creative .bnot-page__body{max-width:760px;margin:0 auto}
.bnot-page--creative .bnot-page__body>h2:first-child{margin-top:0}
.bnot-page--creative .bnot-prose h2{text-align:left}
.bnot-page--creative .bnot-page__body p:first-of-type::first-letter{float:left;font-family:var(--bnot-font-heading);font-size:3.4em;line-height:.8;padding:.08em .12em 0 0;color:var(--bnot-primary)}
.bnot-page--creative .bnot-breadcrumbs{justify-content:center}

/* 29. FAQ accordion + disclaimer */
.bnot-faq{margin:clamp(28px,4vw,48px) 0}
.bnot-faq__title{display:flex;align-items:center;gap:12px;font-size:1.7rem;margin:0 0 6px;padding-bottom:12px;border-bottom:2px solid rgba(var(--bnot-primary-rgb),.35)}
.bnot-faq__icon{width:28px;height:28px;border-radius:8px;border:1px solid rgba(var(--bnot-primary-rgb),.5);color:var(--bnot-primary);display:grid;place-items:center;font-size:.9rem;font-weight:800}
.bnot-faq__item{margin-top:14px;border:1px solid var(--bnot-border);border-radius:14px;background:var(--bnot-card);overflow:hidden;transition:border-color .15s}
.bnot-faq__item[open]{border-color:rgba(var(--bnot-primary-rgb),.55);box-shadow:0 0 0 1px rgba(var(--bnot-primary-rgb),.18)}
.bnot-faq__q{list-style:none;display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;font-weight:700;color:var(--bnot-heading);font-size:1.02rem}
.bnot-faq__q::-webkit-details-marker{display:none}
.bnot-faq__num{flex:0 0 auto;width:30px;height:24px;border-radius:6px;display:grid;place-items:center;background:rgba(var(--bnot-primary-rgb),.12);color:var(--bnot-primary);font-size:.7rem;font-weight:800;letter-spacing:.06em}
.bnot-faq__qtext{flex:1}
.bnot-faq__chev{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--bnot-border);position:relative;transition:transform .2s,background .2s}
.bnot-faq__chev::after{content:"";position:absolute;left:10px;top:8px;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.bnot-faq__item[open] .bnot-faq__chev{transform:rotate(180deg);background:rgba(var(--bnot-primary-rgb),.15);border-color:rgba(var(--bnot-primary-rgb),.5);color:var(--bnot-primary)}
.bnot-faq__a{padding:0 18px 18px 62px;position:relative;color:var(--bnot-text)}
.bnot-faq__a::before{content:"";position:absolute;left:48px;top:2px;width:2px;height:1.2em;background:var(--bnot-primary)}
.bnot-faq__a>*:first-child{margin-top:0}.bnot-faq__a>*:last-child{margin-bottom:0}
.bnot-disclaimer{margin:clamp(24px,4vw,40px) 0 0;border:1px solid var(--bnot-border);border-left:3px solid #f59e0b;border-radius:14px;background:var(--bnot-card);padding:18px 22px}
.bnot-disclaimer__label{display:flex;align-items:center;gap:8px;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f59e0b;margin-bottom:8px}
.bnot-disclaimer__label i{width:7px;height:7px;border-radius:50%;background:#f59e0b}
.bnot-disclaimer__text{font-size:.9rem;color:var(--bnot-muted);line-height:1.6}
.bnot-disclaimer__text p{margin:0}
/* Yoast FAQ block in the same skin */
.schema-faq-section{margin-top:14px;border:1px solid var(--bnot-border);border-radius:14px;background:var(--bnot-card);padding:16px 18px}
.schema-faq-question{display:block;font-weight:700;color:var(--bnot-heading);margin-bottom:6px}

@media (max-width:1100px){
 .bnot-hero--5 .bnot-hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .bnot-hero__col--most{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
 .bnot-hero__col--most .bnot-hero__h,.bnot-hero__col--most .bnot-most__figure{grid-column:1/-1}
}
@media (max-width:960px){
 .bnot-hero--4 .bnot-hero__inner,.bnot-hero--6 .bnot-hero__inner,.bnot-hero--7 .bnot-hero__inner,.bnot-hero--5 .bnot-hero__inner{grid-template-columns:1fr}
 .bnot-hero--4 .bnot-hero__inner{grid-template-areas:"topbar" "figure" "text" "more" "live" "press"}
 .bnot-hero__live{border-right:0;padding-right:0;border-bottom:1px solid var(--bnot-border);padding-bottom:16px}
 .bnot-hero__figure{aspect-ratio:16/10}
 .bnot-tint--lead{grid-template-columns:1fr}
 .bnot-panel7{grid-template-columns:1fr}
 .bnot-hero__col--most{grid-template-columns:1fr}
}
@media (max-width:640px){
 .bnot-tint__row{grid-template-columns:1fr}
 .bnot-hero__topbar{flex-wrap:wrap}
 .bnot-faq__a{padding-left:18px}
 .bnot-faq__a::before{display:none}
 .bnot-press__grid{grid-template-columns:1fr}
 .bnot-btn--cta{display:none}
}

/* 30. Hero 4 press box, footer email, author cats */
.bnot-hero__press{grid-column:1/-1;margin-top:8px}
.bnot-press__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bnot-footer__email{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-weight:600;font-size:.9rem;color:var(--bnot-heading)}
.bnot-footer__email:hover{color:var(--bnot-primary)}
.bnot-author__cats{margin:12px 0}
.bnot-author__cats .bnot-eyebrow{margin-bottom:8px}
.bnot-author__info{flex:1}
@media (max-width:960px){.bnot-press__grid--3{grid-template-columns:1fr}}

/* 31. Press cards, topics, top bar date */
.bnot-press__cards{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
.bnot-press__cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bnot-pcard__figure{display:block;border-radius:10px;overflow:hidden;aspect-ratio:16/10;margin-bottom:8px;background:var(--bnot-border)}
.bnot-pcard__figure img{width:100%;height:100%;object-fit:cover}
.bnot-pcard__title{margin:0 0 4px;font-size:.92rem;line-height:1.35}
.bnot-pcard__title a{color:var(--bnot-heading)}
.bnot-press--section{margin:0}
.bnot-topics{display:grid;gap:14px;grid-template-columns:repeat(6,minmax(0,1fr))}
.bnot-topics--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.bnot-topics--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bnot-topic{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-height:120px;padding:14px;border-radius:14px;overflow:hidden;color:#fff;text-decoration:none;background:var(--bnot-secondary) var(--img,none) center/cover;isolation:isolate}
.bnot-topic::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 20%,rgba(0,0,0,.72));z-index:-1}
.bnot-topic__name{font-weight:800;font-family:var(--bnot-font-heading);font-size:1.05rem}
.bnot-topic__count{font-size:.72rem;opacity:.85}
.bnot-topic:hover{color:#fff;transform:translateY(-2px)}
.bnot-topbar__date{font-size:.8rem;color:var(--bnot-muted);font-variant-numeric:tabular-nums}
.bnot-topbar .bnot-ticker{background:transparent;color:inherit;font-size:.8rem}
.bnot-topbar .bnot-ticker__inner{min-height:0;padding:0}
.bnot-topbar__col--2{text-align:center;justify-content:center}
.bnot-topbar__col--2 .bnot-slot-menu{justify-content:center}
.bnot-topbar__col--3{justify-content:flex-end}
@media (max-width:960px){.bnot-press__cards,.bnot-press__cards--3{grid-template-columns:repeat(2,minmax(0,1fr))}.bnot-topics,.bnot-topics--5,.bnot-topics--4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.bnot-topics,.bnot-topics--5,.bnot-topics--4{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 32. Hero 4 more-stories row */
.bnot-hero__morerow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:14px;border-top:1px solid var(--bnot-border)}
.bnot-hero__morerow .bnot-card--compact{align-items:center}
@media (max-width:960px){.bnot-hero__morerow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.bnot-hero__morerow{grid-template-columns:1fr}}

/* 33. Byline share, top bar share */
.bnot-single__byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bnot-single__share{margin-left:auto}
.bnot-single__share .bnot-share{margin:0;padding:0;border:0}
.bnot-single__share .bnot-share__label{display:none}
.bnot-topbar .bnot-share{margin:0;padding:0;border:0;gap:6px}
.bnot-topbar .bnot-share__label{display:none}
.bnot-topbar .bnot-share a,.bnot-topbar .bnot-share button{width:28px;height:28px}

.bnot-meta__author{color:var(--bnot-author);font-weight:600}
/* 34. Footer styles: mega + boxed; topic colour */
.bnot-footer-mega .bnot-footer{border-top:0;position:relative;padding-top:clamp(40px,6vw,72px)}
.bnot-footer-mega .bnot-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--bnot-gradient)}
.bnot-footer-mega .bnot-footer__top{grid-template-columns:1fr}
.bnot-footer-mega .bnot-footer__brand{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--bnot-border);margin-bottom:28px}
.bnot-footer-mega .bnot-footer__desc{margin:0;max-width:52ch}
.bnot-footer-mega .bnot-footer__cols{grid-template-columns:repeat(4,minmax(0,1fr))}
.bnot-footer-boxed .bnot-footer{background:transparent;border-top:0;padding-top:0}
.bnot-footer-boxed .bnot-footer__top{background:var(--bnot-card);border:1px solid var(--bnot-border);border-radius:24px;padding:clamp(24px,4vw,48px);box-shadow:0 30px 60px -40px rgba(var(--bnot-shadow-rgb),.4)}
.bnot-footer-boxed .bnot-footer__bottom{padding-top:20px}
.bnot-topic{--tc:var(--bnot-secondary);background:var(--tc) var(--img,none) center/cover}
@media (max-width:960px){.bnot-footer-mega .bnot-footer__brand{grid-template-columns:1fr}.bnot-footer-mega .bnot-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 35. Ad slots + popup */
.bnot-ad{display:grid;justify-items:center;gap:6px;margin:16px auto}
.bnot-ad--above_header,.bnot-ad--below_header{margin:10px auto}
.bnot-ad--sidebar{margin:0 0 20px}
.bnot-ad--below_footer{margin:12px auto 20px}
.bnot-ad__label{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bnot-muted)}
.bnot-ad img{max-width:100%;height:auto;display:block;border-radius:8px}
.bnot-ad__html{max-width:100%;overflow:hidden}
.bnot-popup{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:16px}
.bnot-popup[hidden]{display:none}
.bnot-popup__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(3px)}
.bnot-popup__box{position:relative;width:100%;background:var(--bnot-card);color:var(--bnot-text);border-radius:18px;padding:36px 20px 20px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);display:grid;justify-items:center;gap:8px;animation:bnot-pop .25s ease-out}
.bnot-popup__close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:1px solid var(--bnot-border);background:var(--bnot-bg);color:var(--bnot-heading);font-size:1.2rem;cursor:pointer;display:grid;place-items:center}
@keyframes bnot-pop{from{transform:translateY(12px);opacity:0}}
@media (prefers-reduced-motion:reduce){.bnot-popup__box{animation:none}}
/* 36. Dark-mode readability for pills + time pills */
.bnot-pill--time{background:color-mix(in srgb,var(--bnot-accent) 18%,transparent);color:color-mix(in srgb,var(--bnot-accent) 70%,var(--bnot-heading));border-color:color-mix(in srgb,var(--bnot-accent) 30%,transparent)}
[data-bnot-mode="dark"] .bnot-pill:not(.bnot-pill--time):not(.bnot-pill--topic):not(.bnot-pill--glow){color:color-mix(in srgb,var(--bnot-cat) 55%,#fff);background:color-mix(in srgb,var(--bnot-cat) 22%,transparent);border-color:color-mix(in srgb,var(--bnot-cat) 40%,transparent)}
[data-bnot-mode="dark"] .bnot-pill--time{color:color-mix(in srgb,var(--bnot-accent) 60%,#fff);background:color-mix(in srgb,var(--bnot-accent) 20%,transparent)}
[data-bnot-mode="dark"] .bnot-chip{color:color-mix(in srgb,var(--bnot-cat) 55%,#fff);background:color-mix(in srgb,var(--bnot-cat) 22%,transparent);border-color:color-mix(in srgb,var(--bnot-cat) 40%,transparent)}
[data-bnot-mode="dark"] .bnot-chip:hover,[data-bnot-mode="dark"] a.bnot-pill:hover{background:var(--bnot-cat);color:var(--bnot-on-primary)}
.bnot-panel7 .bnot-pill:not(.bnot-pill--time):not(.bnot-pill--topic):not(.bnot-pill--glow){background:color-mix(in srgb,var(--bnot-cat) 30%,transparent);color:color-mix(in srgb,var(--bnot-cat) 45%,#fff);border-color:color-mix(in srgb,var(--bnot-cat) 45%,transparent)}
.bnot-panel7 .bnot-pill--time{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.18)}

/* 37. Heading colours, FAQ number, avatars, panel pills, minimal footer, header styles */
.bnot-page-head__title{color:var(--bnot-h1)}
.bnot-prose h2,.bnot-prose h3,.bnot-prose h4,.bnot-page__body h2,.bnot-page__body h3,.bnot-faq__title,.bnot-module__title,.bnot-section-head__title,.bnot-widget__title{color:var(--bnot-h2)}
.bnot-prose h2{position:relative;padding-left:14px}
.bnot-prose h2::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:4px;border-radius:2px;background:var(--bnot-gradient)}
.bnot-faq__num{min-width:32px;width:auto;padding:0 8px;white-space:nowrap;background:color-mix(in srgb,var(--bnot-accent) 18%,transparent);color:var(--bnot-accent);font-size:.72rem}
.bnot-faq__title{border-bottom-color:color-mix(in srgb,var(--bnot-accent) 40%,transparent)}
.bnot-faq__icon{border-color:color-mix(in srgb,var(--bnot-accent) 55%,transparent);color:var(--bnot-accent)}
.bnot-faq__item[open]{border-color:color-mix(in srgb,var(--bnot-accent) 50%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--bnot-accent) 18%,transparent)}
.bnot-faq__item[open] .bnot-faq__chev{background:color-mix(in srgb,var(--bnot-accent) 18%,transparent);border-color:color-mix(in srgb,var(--bnot-accent) 50%,transparent);color:var(--bnot-accent)}
.bnot-faq__a::before{background:var(--bnot-accent)}
.bnot-single__avatar img{width:64px;height:64px}
.bnot-author-line__avatar{width:48px;height:48px}
.bnot-authorbox__avatar img{width:112px;height:112px}
/* Hero 7 panel: time + topics pills in accent like the left list */
.bnot-panel7 .bnot-pill--time,.bnot-slide__caption .bnot-pill--time{background:color-mix(in srgb,var(--bnot-accent) 22%,transparent);color:color-mix(in srgb,var(--bnot-accent) 70%,#fff);border-color:color-mix(in srgb,var(--bnot-accent) 40%,transparent)}
.bnot-pill--glow{background:color-mix(in srgb,var(--bnot-accent) 20%,transparent);color:color-mix(in srgb,var(--bnot-accent) 70%,#fff);border:1px solid color-mix(in srgb,var(--bnot-accent) 45%,transparent)}
.bnot-pill--topic{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14)}
.bnot-pill--topic:hover{background:var(--bnot-accent);color:var(--bnot-secondary);border-color:transparent}
/* Minimal footer: polished compact layout */
.bnot-footer-minimal .bnot-footer{padding-top:32px;background:var(--bnot-card);border-top:1px solid var(--bnot-border)}
.bnot-footer-minimal .bnot-footer__top{grid-template-columns:minmax(220px,1fr) 2fr;align-items:start;gap:clamp(24px,4vw,64px);margin-bottom:20px}
.bnot-footer-minimal .bnot-footer__desc{display:block;margin:8px 0 0;max-width:36ch;font-size:.9rem}
.bnot-footer-minimal .bnot-footer__cols{display:flex;flex-wrap:wrap;gap:22px 40px;justify-content:flex-end}
.bnot-footer-minimal .bnot-footer__col{position:relative;padding-left:14px;border-left:2px solid color-mix(in srgb,var(--bnot-footer-title) 60%,transparent)}
.bnot-footer-minimal .bnot-footer__title{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;color:var(--bnot-footer-title)}
.bnot-footer-minimal .bnot-footer .bnot-slot-menu{flex-direction:row;flex-wrap:wrap;gap:4px 16px}
.bnot-footer-minimal .bnot-footer .bnot-slot-menu a{font-size:.88rem}
.bnot-footer-minimal .bnot-footer__bottom{border-top:1px solid var(--bnot-border)}
/* Header styles */
.bnot-header-stacked .bnot-header__inner{flex-wrap:wrap;padding-block:12px 0;row-gap:8px}
.bnot-header-stacked .bnot-header__brand{order:1;flex:1}
.bnot-header-stacked .bnot-header__tools{order:2}
.bnot-header-stacked .bnot-nav{order:3;flex-basis:100%;border-top:1px solid var(--bnot-border);padding-block:4px}
.bnot-header-stacked .bnot-nav__list{justify-content:flex-start}
.bnot-header-bar .bnot-header__inner{flex-wrap:wrap;padding-top:12px;row-gap:10px}
.bnot-header-bar .bnot-header__brand{order:1;flex:1}
.bnot-header-bar .bnot-header__tools{order:2}
.bnot-header-bar .bnot-nav{order:3;flex-basis:100%;background:var(--bnot-primary);border-radius:12px 12px 0 0;padding:2px 8px}
.bnot-header-bar .bnot-nav__list a{color:var(--bnot-on-primary)}
.bnot-header-bar .bnot-nav__list>li>a:hover,.bnot-header-bar .bnot-nav__list>li.current-menu-item>a{background:rgba(255,255,255,.16);color:var(--bnot-on-primary)}
.bnot-header-bar .bnot-nav__list .sub-menu a{color:var(--bnot-heading)}
.bnot-header-boxed .bnot-header{background:transparent;border-bottom:0;padding:12px 0}
.bnot-header-boxed .bnot-header__inner{background:var(--bnot-card);border:1px solid var(--bnot-border);border-radius:999px;padding-inline:clamp(12px,2vw,24px);box-shadow:0 20px 50px -30px rgba(var(--bnot-shadow-rgb),.4);min-height:64px}
.bnot-header-boxed .bnot-header.is-stuck{padding:6px 0}
.bnot-header-band .bnot-header{background:var(--bnot-primary);border-bottom:0}
.bnot-header-band .bnot-nav__list a,.bnot-header-band .bnot-iconbtn,.bnot-header-band .bnot-logo__text,.bnot-header-band .bnot-lang__toggle{color:var(--bnot-on-primary)}
.bnot-header-band .bnot-nav__list>li>a:hover,.bnot-header-band .bnot-nav__list>li.current-menu-item>a,.bnot-header-band .bnot-iconbtn:hover{background:rgba(255,255,255,.16);color:var(--bnot-on-primary)}
.bnot-header-band .bnot-nav__list .sub-menu a{color:var(--bnot-heading)}
.bnot-header-band .bnot-btn--cta{background:#fff;color:var(--bnot-primary)}
.bnot-header-compact .bnot-header__inner{min-height:56px}
.bnot-header-compact .bnot-nav__list a{padding:6px 10px;font-size:.88rem}
.bnot-header-compact .bnot-logo__img{max-height:32px}
@media (max-width:960px){.bnot-header-stacked .bnot-nav,.bnot-header-bar .bnot-nav{display:none}.bnot-header-boxed .bnot-header__inner{border-radius:18px}}

/* 38. Kill horizontal scroll (glow layers, chip rails, tickers) */
html{overflow-x:clip}
body{overflow-x:clip}
.bnot-hero,.bnot-ticker,.bnot-header,.bnot-topbar,.bnot-footer{overflow-x:clip}
.bnot-container{max-width:min(var(--bnot-container,1200px),100%)}
/* 39. Hero 7 buttons follow the accent on dark surfaces so they read against the navy panel */
[data-bnot-mode="dark"] .bnot-hero--7 .bnot-circle,[data-bnot-mode="dark"] .bnot-hero--7 .bnot-btn--primary{background:var(--bnot-accent);color:var(--bnot-secondary);border:0}
[data-bnot-mode="dark"] .bnot-hero--7 .bnot-btn--pill .bnot-circle{background:rgba(0,0,0,.18);color:inherit}
[data-bnot-mode="dark"] .bnot-slider__nav .bnot-circle{background:rgba(255,255,255,.92);color:var(--bnot-secondary)}
[data-bnot-mode="dark"] .bnot-hero--7 .bnot-circle:hover,[data-bnot-mode="dark"] .bnot-hero--7 .bnot-btn--primary:hover{background:color-mix(in srgb,var(--bnot-accent) 85%,#fff);color:var(--bnot-secondary)}
.bnot-hero--7 .bnot-btn--pill{border:0}
/* 40. Minimal footer — creative compact */
.bnot-footer-minimal .bnot-footer{position:relative;padding-top:36px}
.bnot-footer-minimal .bnot-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--bnot-gradient)}
.bnot-footer-minimal .bnot-footer__top{grid-template-columns:minmax(240px,1fr) 2.2fr;align-items:start}
.bnot-footer-minimal .bnot-footer__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,max-content));gap:18px 36px;justify-content:end;align-items:start}
.bnot-footer-minimal .bnot-footer__col{padding:12px 14px;border:1px solid var(--bnot-border);border-left:3px solid var(--bnot-footer-title);border-radius:10px;background:color-mix(in srgb,var(--bnot-card) 70%,var(--bnot-bg))}
.bnot-footer-minimal .bnot-footer .bnot-slot-menu{flex-direction:column;gap:6px}
.bnot-footer-minimal .bnot-footer .bnot-slot-menu a{font-size:.88rem;display:inline-flex;align-items:center;gap:6px}
.bnot-footer-minimal .bnot-footer .bnot-slot-menu a::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--bnot-footer-title);opacity:.7}
.bnot-footer-minimal .bnot-footer__bottom{border-top:1px solid var(--bnot-border);margin-top:8px}
.bnot-footer-minimal .bnot-footer__menu a{padding:4px 10px;border:1px solid var(--bnot-border);border-radius:999px;font-size:.8rem}
@media (max-width:960px){.bnot-footer-minimal .bnot-footer__cols{justify-content:start}}

/* 41. Hero 7: panel stretches to the live column; ranked strip; no time pills */
.bnot-hero--7 .bnot-hero__inner{align-items:stretch}
.bnot-hero__feature{display:flex;flex-direction:column;min-width:0}
.bnot-panel7{flex:1;grid-template-rows:1fr auto;align-content:stretch}
.bnot-slider{align-items:stretch}
.bnot-slide{aspect-ratio:auto;height:100%;min-height:380px}
.bnot-slide__figure img{height:100%}
.bnot-panel7__side{align-content:space-between;min-height:100%}
.bnot-panel7__foot{grid-column:1/-1;display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);padding-top:14px;margin-top:2px}
.bnot-rank7{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 22px;flex:1;min-width:0}
.bnot-rank7 li{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;min-width:0}
.bnot-rank7__n{grid-row:span 2;font-family:var(--bnot-font-heading);font-weight:900;font-size:1.6rem;color:var(--bnot-accent);opacity:.9;line-height:1}
.bnot-rank7 a{color:#fff;font-weight:700;font-size:.92rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bnot-rank7__meta{font-size:.7rem;opacity:.7}
.bnot-pill--author{background:rgba(255,255,255,.1);color:#fff}
@media (max-width:960px){.bnot-rank7{grid-template-columns:1fr}.bnot-slide{min-height:260px}}

/* 42. CLS guards */
.bnot-thumb{display:block;position:relative}
.bnot-thumb__img{width:100%;height:auto;display:block}
.bnot-card__media .bnot-thumb__img,.bnot-card__media .bnot-thumb__placeholder{aspect-ratio:16/10;object-fit:cover}
.bnot-logo__img{display:block}
img.avatar{aspect-ratio:1;object-fit:cover}
.bnot-ticker__track{min-height:36px}
.bnot-header{min-height:var(--bnot-header-h,72px)}
.bnot-single__avatar,.bnot-author-line__avatar{flex:0 0 auto}

/* 43. Image fit modes: whole picture visible (contain) or natural ratio */
.bnot-thumb__fit{display:block;position:relative;overflow:hidden;border-radius:inherit;width:100%;height:100%}
.bnot-thumb__fit--contain{aspect-ratio:16/10;background:var(--bnot-secondary)}
.bnot-thumb__fit--contain::before{content:"";position:absolute;inset:-14px;background:var(--bnot-thumb-bg,none) center/cover no-repeat;filter:blur(18px) saturate(1.15);opacity:.75}
.bnot-thumb__fit--contain .bnot-thumb__img{position:relative;width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
.bnot-card--h .bnot-thumb__fit--contain,.bnot-card--overlay .bnot-thumb__fit--contain,.bnot-hero__figure .bnot-thumb__fit--contain,.bnot-slide__figure .bnot-thumb__fit--contain,.bnot-tint__figure .bnot-thumb__fit--contain,.bnot-most__figure .bnot-thumb__fit--contain,.bnot-pcard__figure .bnot-thumb__fit--contain,.bnot-l7__figure .bnot-thumb__fit--contain,.bnot-s7__figure .bnot-thumb__fit--contain{aspect-ratio:auto;height:100%}
.bnot-card--overlay .bnot-thumb__fit--contain .bnot-thumb__img{object-fit:cover}
.bnot-img-natural .bnot-card__media .bnot-thumb__img{aspect-ratio:auto;height:auto;object-fit:initial}
.bnot-img-natural .bnot-thumb__img{height:auto}