/* Mavion News: the corporate brand, with layouts made for reading. */
@font-face { font-family:'Mavion Sans'; src:url('/fonts/mavion-sans.ttf') format('truetype'); font-weight:400; font-display:swap; }
@view-transition { navigation:auto; }
:root,body.home-broadcast {
  --bg:#000222; --bg-raised:#090b2c; --bg-card:#090b2c;
  --bg-primary:#000222; --bg-secondary:#090b2c; --card-bg:#090b2c;
  --white:#fafafa; --text:#e6e6f0; --dim:#b0b1c8; --dimmer:#a4a5bc;
  --text-secondary:#b0b1c8; --text-muted:#a4a5bc;
  --line:rgb(250 250 250 / .1); --line-2:rgb(250 250 250 / .2);
  --card-border:rgb(250 250 250 / .1); --glass-border:rgb(250 250 250 / .14);
  --blue:#968eff; --accent:#968eff; --blue-soft:rgb(150 142 255 / .14);
  --red:#ff7878; --red-soft:rgb(255 120 120 / .12);
  --sans:'Mavion Sans','Helvetica Neue',Arial,sans-serif;
  --serif:var(--sans); --mono:var(--sans); --font-body:var(--sans); --font-display:var(--sans);
  --wrap:1280px; --gutter:clamp(20px,4vw,40px); --radius:12px;
  --ease:cubic-bezier(.16,1,.3,1); --rhythm:64px;
  --read-bg:#000222; --read-surface:#090b2c; --read-text:#e6e6f0; --read-muted:#b0b1c8;
}
html,body.mavion-news { background:var(--bg); color:var(--text); }
body.mavion-news { font-family:var(--sans); }
h1,h2,h3,h4,h5,h6,.serif,.ct,.tw__head,.sec__title { font-family:var(--sans)!important; font-weight:400; }
input,select,textarea,button { font-family:var(--sans); }
::selection { background:rgb(150 142 255 / .3); color:var(--white); }
:focus-visible { outline:2px solid var(--accent)!important; outline-offset:4px; }
body::before,body::after,.backdrop { display:none!important; }
.reveal,.reveal.in { opacity:1; transform:none; }
#heroLead[aria-busy="true"]:empty::before { content:'Loading top stories…'; display:block; color:var(--dim); padding-block:40px; font-size:22px; }
#storyTitle:empty::before { content:'Loading story…'; color:var(--dim); }
.wrap { max-width:var(--wrap); padding-inline:var(--gutter); }
.skip { background:var(--white); color:var(--bg); }
.mast,.mast.is-scrolled { position:sticky!important; top:0; background:#000222f5!important; backdrop-filter:blur(14px); border-bottom:1px solid var(--line)!important; box-shadow:none; }
.mast__inner { max-width:1280px; min-height:96px; height:auto!important; padding:20px var(--gutter)!important; display:grid!important; grid-template-columns:minmax(210px,1fr) auto auto; align-items:center; gap:32px; }
.mast .brand,.sheet .brand { display:inline-flex; gap:18px; align-items:center; }
.mast .brand img,.sheet .brand img { width:176px!important; height:auto!important; aspect-ratio:1431/408; border-radius:0!important; object-fit:contain; transform:none!important; }
.brand__edition { font-size:15px; color:var(--dim); border-left:1px solid var(--line-2); padding-left:16px; }
.mast__nav { display:flex!important; gap:24px!important; margin:0!important; background:none; border:0; padding:0; box-shadow:none; }
.mast__nav a { font-family:var(--sans); font-size:14px; font-weight:400; letter-spacing:0; text-transform:none; padding:12px 0!important; color:var(--dim); border-radius:0; min-height:44px; }
.mast__nav a::after { background:var(--accent); height:2px; bottom:0; }
.mast__nav a:hover,.mast__nav a[aria-current] { color:var(--white); }
.mast__tools { display:flex!important; gap:12px; align-items:center; margin:0!important; }
.mast__tools .iconbtn { display:grid!important; width:44px; height:44px; border:0; background:none; color:var(--white); border-radius:8px; }
.mast__tools .iconbtn:hover { background:var(--blue-soft); color:var(--accent); }
.mast__tools .iconbtn svg { width:21px; height:21px; }
.news-account { display:flex; align-items:center; justify-content:center; gap:9px; min-height:44px; font-size:14px; color:var(--white); padding:8px; white-space:nowrap; }
.news-account svg { width:22px; height:22px; flex-shrink:0; }
.news-account:hover { color:var(--accent); }
.news-account.is-signed-in svg,.news-account.is-signed-in span { display:none; }
.news-account .account-avatar { width:32px; height:32px; border-radius:50%; object-fit:cover; }
.news-home-intro { display:flex; align-items:end; justify-content:space-between; gap:32px; padding-block:36px 28px; border-bottom:1px solid var(--line); }
.news-home-intro p { margin:0; }
.news-home-intro .news-eyebrow { color:var(--accent); font-size:13px; margin-bottom:12px; }
.news-home-intro .news-strap { font-size:clamp(25px,3vw,36px); letter-spacing:-.025em; line-height:1.25; color:var(--white); }
.news-home-intro > p { color:var(--dim); max-width:38ch; font-size:14px; line-height:1.7; }
body.home-broadcast .hero { padding-top:36px; padding-bottom:40px; }
body.home-broadcast .hero__grid { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:40px; align-items:center; }
body.home-broadcast .hero__lead { background:none!important; border:0; border-radius:0; min-height:0; box-shadow:none; }
body.home-broadcast .hero__lead::after { display:none; }
body.home-broadcast .hero__body { padding:12px 0!important; }
body.home-broadcast .hero__title { font-size:clamp(32px,4vw,52px); font-weight:400; letter-spacing:-.035em; line-height:1.14; max-width:23ch; color:var(--white); }
body.home-broadcast .hero__title::after { content:none; }
body.home-broadcast .hero__body > .kick { background:var(--blue-soft); color:var(--accent); font-weight:400; border-radius:8px; letter-spacing:0; padding:7px 12px; }
body.home-broadcast .hero__pill { color:var(--red); background:var(--red-soft); border-radius:8px; }
body.home-broadcast .hero__meta { display:flex; margin-top:20px; }
body.home-broadcast .sec:not(.tw) { background:var(--bg); }
body.home-broadcast .tw { background:var(--bg-raised); max-width:1280px; padding:32px var(--gutter); }
body.home-broadcast .hero__dek { font-size:16px; line-height:1.7; color:var(--dim); max-width:55ch; }
body.home-broadcast .hero-art { border-radius:12px; border:1px solid var(--line); box-shadow:none; }
body.home-broadcast .hero-art .media { aspect-ratio:16/10; }
.hero__pill,.kick,.rail__head,.sec__index,.phead__index,.cat__count,.meta,.article__meta,.tw__head em { font-family:var(--sans); letter-spacing:.01em; text-transform:none; }
.hero__pill,.kick--live { color:var(--red); background:var(--red-soft); box-shadow:none; }
.hero__pill .dot { background:var(--red); }
.kick:not(.kick--live),.sec__index { color:var(--accent); }
.hero__meta,.meta,.article__meta { color:var(--dim); font-size:12px; line-height:1.6; }
.sec { padding-block:48px; }
.sec__title { font-size:clamp(28px,3vw,38px); letter-spacing:-.025em; color:var(--white); }
.sec__more,.loadmore,.chip,.btn-ghost { min-height:44px; border-radius:8px; color:var(--text); }
.sec__more:hover,.loadmore:hover,.btn-ghost:hover { border-color:var(--accent); background:var(--blue-soft); }
.tw,.trend,.live,.pick,.cat { background:var(--bg-card); border:1px solid var(--line); border-radius:12px; box-shadow:none; }
.tw { padding:32px var(--gutter); }
.tw__head { font-size:25px; font-weight:400; line-height:1.3; text-transform:none; }
.tw__n,.trend__n { color:var(--accent); font-weight:400; font-family:var(--sans); }
.tw__list a,.trend__ct { font-family:var(--sans); line-height:1.4; }
.tw__item a { text-transform:none; letter-spacing:0; }
.card { background:var(--bg-card); border:1px solid var(--line); border-radius:12px; overflow:hidden; padding:0 0 22px; color:var(--text); transition:border-color 220ms var(--ease),transform 220ms var(--ease); }
.card > .kick,.card > .ct,.card > .dek,.card > .meta { margin-inline:22px; }
.card .media { border-radius:0; }
.card__copy { padding:0 22px; }
.card .ct { font-size:22px; line-height:1.35; letter-spacing:-.02em; font-weight:400; color:var(--white); }
.card--lead .ct { font-size:clamp(26px,3vw,36px); }
.card .dek { font-size:14px; line-height:1.75; color:var(--dim); }
.card--h { grid-template-columns:104px minmax(0,1fr); gap:16px; padding:18px; align-items:start; }
.card--h > .kick,.card--h > .ct,.card--h > .dek,.card--h > .meta { margin-inline:0; }
.card--h .media { border-radius:8px; }
.card--h .card__copy { padding:0; }
.card--h .ct { font-size:18px; }
.card:hover { border-color:var(--accent); transform:translateY(-3px); }
.card:hover .ct { color:var(--white); }
.media,.article__media { background:var(--bg-raised); }
.phead__title,.explore__title { font-family:var(--sans); font-size:clamp(36px,4.5vw,56px); line-height:1.12; letter-spacing:-.035em; }
.phead__index { font-size:13px; color:var(--accent); }
.phead__crumbs { font-size:13px; letter-spacing:0; }
.phead__dek { color:var(--dim); line-height:1.7; }
.ltable { width:100%; max-width:100%; table-layout:fixed; }
.ltable th,.ltable td { overflow-wrap:anywhere; }
.ltable code { white-space:normal; overflow-wrap:anywhere; }
.chips-bar { background:#000222f5; top:96px; }
.chip.is-active { background:var(--white); color:var(--bg); }
.sheet { background:var(--bg)!important; padding:24px var(--gutter) 100px; backdrop-filter:none; overflow-y:auto; }
.sheet__top { max-width:1200px; width:100%; margin-inline:auto; }
.sheet__links { max-width:1200px; margin-inline:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:48px; row-gap:0; }
.sheet__links a { display:flex; align-items:center; justify-content:space-between; font-family:var(--sans); font-weight:400; font-size:clamp(24px,3vw,36px); padding:16px 0; min-height:64px; border-bottom:1px solid var(--line); color:var(--white); }
.sheet__links a::after { color:var(--accent); }
.sheet__sub { max-width:1200px; margin-inline:auto; gap:20px; flex-wrap:wrap; }
.sheet__sub a { color:var(--dim); min-height:44px; display:inline-flex; align-items:center; }
.sheet .iconbtn { min-width:44px; min-height:44px; }
.ms-panel { background:var(--bg-raised)!important; border-color:var(--line-2)!important; box-shadow:0 24px 80px #0006!important; }
.ms-close { min-width:44px; min-height:44px; border:0; border-radius:8px; display:grid; place-items:center; background:none; color:var(--text); cursor:pointer; }
.ms-close:hover { background:var(--blue-soft); }
.ms-close svg { width:22px; height:22px; }
.ms-panel :focus-visible { outline-offset:-3px; }
.ms-row__t { white-space:normal!important; line-height:1.4!important; }
.ms-foot,.ms-kbd,.ms-row__meta,.ms-row__kick { font-family:var(--sans)!important; letter-spacing:0!important; }
.ms-row mark { background:var(--blue-soft)!important; color:var(--white); }
.news-footer { margin-top:64px!important; background:var(--bg-raised)!important; color:var(--text); border-top:1px solid var(--line); }
.mavion-news .foot__main[data-corporation-sites] { grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr))!important; gap:48px; padding-block:56px 40px; }
.foot__brand img { width:70px!important; height:auto!important; transform:none!important; border-radius:0; }
.foot__brand h2 { font-size:28px; letter-spacing:-.025em; margin:24px 0 18px; line-height:1.25; }
.foot__brand p { line-height:1.8; font-size:14px; color:var(--dim); }
.foot__col h3,.foot__col h4 { font-family:var(--sans); text-transform:none; letter-spacing:0; font-size:16px; color:var(--white); margin:0 0 18px; }
.foot__col a { padding-block:8px; min-height:36px; color:var(--dim); font-size:14px; }
.foot__col a:hover { color:var(--white); }
.news-feed { padding-block:32px; display:flex; align-items:center; gap:32px; justify-content:space-between; border-bottom:1px solid var(--line); }
.news-feed h2 { font-size:26px; line-height:1.3; margin:0 0 12px; }
.news-feed p { margin:0; max-width:60ch; color:var(--dim); font-size:14px; line-height:1.7; }
.news-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; padding:12px 20px; border-radius:8px; background:var(--white); color:var(--bg); font-size:14px; white-space:nowrap; transition:transform 200ms var(--ease); }
.news-button svg { width:20px; height:20px; flex-shrink:0; transition:transform 200ms var(--ease); }
.news-button:hover svg { transform:translateX(3px); }
.news-button:active { transform:scale(.98); }
.foot__bottom { font-family:var(--sans); font-size:12px; color:var(--dim); }
.foot__bottom a { min-height:44px; display:inline-flex; align-items:center; color:var(--accent); }
.article-broadcast-stage { display:block; max-width:1280px; min-height:0; margin-inline:auto; padding:40px var(--gutter) 32px; background:var(--bg); }
.article-broadcast-main { max-width:860px; margin-inline:auto; }
.article-typewall { display:none; }
.article-broadcast-stage .article__head { padding:0; max-width:none; }
.article-broadcast-stage .article__title { font-size:clamp(34px,4.4vw,58px); font-family:var(--sans); font-weight:400; line-height:1.13; letter-spacing:-.035em; max-width:28ch; }
.article-broadcast-stage .article__lede { max-width:65ch; font-family:var(--sans); font-size:18px; line-height:1.7; color:var(--dim); }
.article__hero,.article__media { max-width:none; border-radius:12px; box-shadow:none; }
.article-broadcast-stage .article__hero { width:100%; max-width:none; }
.article-broadcast-stage .article__media { border-radius:12px; aspect-ratio:16/9; }
.article__layout { display:grid; max-width:1280px; width:100%; margin-inline:auto; grid-template-columns:44px minmax(0,760px) minmax(150px,220px); justify-content:center; gap:32px; padding:40px var(--gutter) 64px; background:var(--read-bg,var(--bg)); }
.article__body { min-width:0; width:100%; max-width:760px; }
.article__body .prose { font-family:var(--sans); font-size:var(--read-size,18px); line-height:1.9; color:var(--read-text,var(--text)); max-width:68ch; }
.article__body .prose h2,.article__body .prose h3 { color:var(--read-heading,var(--white)); }
.story-page[data-read-theme="light"] .article__layout,.story-page[data-read-theme="sepia"] .article__layout { --blue:#5d49c8; --accent:#5d49c8; }
.article__body .prose h2,.article__body .prose h3 { line-height:1.3; }
.story-toc,.story-support,.story-comments,.article__settings { background:var(--read-surface,var(--bg-raised)); border-color:var(--read-border,var(--line)); }
.article__body .prose blockquote { font-family:var(--sans); color:var(--text); }
.story-hero__chip--live { background:var(--red-soft)!important; color:var(--red)!important; box-shadow:none!important; }
.story-read-settings { display:block; visibility:hidden; background:var(--bg-raised); color:var(--text); border-color:var(--line-2); max-width:calc(100vw - 32px); max-height:70dvh; overflow-y:auto; }
.story-read-settings.open { visibility:visible; }
.story-read-settings h4 { font-family:var(--sans); font-size:13px; letter-spacing:0; text-transform:none; }
.story-rs-btn { min-height:44px; }
.mp-card { background:var(--bg-raised)!important; font-family:var(--sans)!important; border-color:var(--line-2)!important; }
.cirya-bottomnav { background:#090b2cf5!important; border-color:var(--line-2)!important; font-family:var(--sans)!important; border-radius:16px; left:16px!important; right:16px!important; bottom:calc(12px + env(safe-area-inset-bottom))!important; padding:8px!important; }
.cirya-bottomnav__tab { color:var(--dim)!important; font-weight:400!important; }
.cirya-bottomnav__tab.is-active { color:var(--accent)!important; }
.cirya-bottomnav__tab.is-active svg { filter:none!important; }
.cirya-bottomnav__dot { display:none!important; }
@media(min-width:768px) { .cirya-bottomnav { display:none!important; } }
@media(max-width:1100px) { .mast__nav { gap:18px!important; }.mast__inner { gap:20px; }.mast .brand img { width:154px!important; }.brand__edition { padding-left:12px; }.mast .brand { gap:12px; } }
@media(max-width:959px) { .mast__inner { grid-template-columns:minmax(0,1fr) auto; min-height:84px; padding-block:16px!important; }.mast__nav { display:none!important; }.chips-bar { top:84px; }.article__layout { grid-template-columns:44px minmax(0,1fr); }.story-toc { grid-column:2; width:100%; position:static; }.mavion-news .foot__main[data-corporation-sites] { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:28px; }.foot__brand { grid-column:1/-1; } }
@media(max-width:767px) { .mast__inner { min-height:78px; padding:14px 20px!important; gap:8px; }.mast .brand img,.sheet .brand img { width:134px!important; }.brand__edition { font-size:12px; padding-left:10px; }.mast .brand { gap:10px; }.mast__tools { gap:4px; }.news-account span { display:none; }.news-account { width:40px; padding:8px; }.mast__tools .iconbtn { width:40px; height:44px; }.mast__nav { display:none!important; }.chips-bar { top:78px; }.news-home-intro { flex-direction:column; align-items:start; gap:18px; padding-block:28px; }.news-home-intro > p { max-width:none; }.hero__grid,body.home-broadcast .hero__grid { grid-template-columns:minmax(0,1fr)!important; gap:24px; }.hero__rail { order:0!important; }.hero__body { padding:0!important; }.hero__title { font-size:34px!important; }.hero__dek { font-size:15px!important; }.hero-art .media { aspect-ratio:16/9!important; }.sec { padding-block:36px; }.tw { padding:26px 20px; }.tw__grid,.latest__grid { grid-template-columns:minmax(0,1fr); }.feat__top,.feat__row { grid-template-columns:minmax(0,1fr); }.latest__list .card--h { grid-template-columns:92px minmax(0,1fr); }.sheet { padding-top:18px; }.sheet__links { grid-template-columns:minmax(0,1fr); }.sheet__links a { font-size:26px; }.sheet__ctrls { gap:4px; }.news-feed { flex-direction:column; align-items:start; gap:24px; }.mavion-news .foot__main[data-corporation-sites] { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:28px; padding-block:36px; }.news-footer { margin-top:40px!important; }.article-broadcast-stage { padding-top:28px; }.article__layout { grid-template-columns:minmax(0,1fr); gap:24px; padding-top:24px; }.article__rail { position:static; display:flex; flex-wrap:wrap; justify-content:start; }.article__body,.story-toc { grid-column:1; }.article__body .prose { font-size:17px; line-height:1.85; }.article-broadcast-stage .article__lede { font-size:16px; }.foot__bottom { padding-bottom:100px; } }
@media(max-width:359px) { .mast .brand img { width:116px!important; }.mast .brand { gap:8px; }.brand__edition { padding-left:8px; }.mast__tools { gap:0; }.mast__tools .iconbtn { width:36px; }.news-account { width:36px; } }
@media(hover:none) { .card:hover { transform:none; } }
.story-page .article__body .prose { font-size:var(--read-size,1.08rem); }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
html[data-source-brief] #storyComments,html[data-source-brief] #storyViewsWrap{display:none!important}
.mavion-news #ciryaPill { display:none!important; }
.story-support { width:100%; max-width:100%; box-sizing:border-box; padding:18px 20px; gap:14px; align-items:flex-start; }
.story-support__icon { width:36px; height:36px; border-radius:10px; }
.story-support__icon svg { width:22px; height:22px; display:block; }
.story-support__text strong { font-size:16px; font-weight:600; line-height:1.4; }
.story-support__text span { display:block; font-size:14px; line-height:1.6; }
.article__body .prose p + p { margin-top:1.15em; }
@media(max-width:480px) { .story-support { padding:16px; gap:12px; }.story-support__icon { width:32px; height:32px; }.story-support__text strong { font-size:15px; } }
@media(max-width:359px) { .mast .brand__edition { display:none; } }