:root{--viu-sticky-header-height:128px}html{scroll-padding-top:calc(var(--viu-sticky-header-height) + 20px)}.viu-header-sentinel{height:1px;margin-bottom:-1px;pointer-events:none}.viu-news-header{position:sticky;top:0;z-index:9800;isolation:isolate;background:#111313}.viu-news-header.is-stuck{box-shadow:0 5px 18px #11131320}
body.viu-public .utility{min-height:24px;max-width:1280px;margin:auto;padding:4px 28px;font-size:10px;line-height:16px;letter-spacing:.03em;box-sizing:border-box}
body.viu-public .viu-news-header .masthead{box-sizing:border-box;min-height:72px;height:72px;padding:12px 28px!important;gap:24px;align-items:center;background:#111313;max-width:1280px!important;margin:auto!important}
.viu-news-header .brand-tab{display:flex;align-items:center;flex-shrink:0}.viu-news-header .brand{width:210px!important;max-width:210px!important;height:44px!important;object-fit:contain}.viu-news-header .masthead>p{font-size:13px!important;line-height:20px!important;margin:0!important;padding-left:22px;border-left:1px solid #48504b;letter-spacing:0}.viu-news-header .header-actions{margin-left:auto;display:flex;align-items:center;gap:24px}.viu-news-header .header-search,.viu-news-header .header-actions .btn{font-size:12px!important;line-height:18px!important}.viu-news-header .header-actions .btn{padding:9px 13px!important;border-radius:3px!important;min-height:36px}.viu-news-header .header-actions .menu-toggle{font-family:inherit;font-size:13px;min-height:40px}
body.viu-public .viu-news-header .mainnav{display:block;min-height:56px;padding:0 28px!important;background:#ff544c;max-width:1280px!important;margin:auto!important}.viu-news-header .mainnav>div{display:flex;align-items:center;min-height:56px;gap:26px;flex-wrap:nowrap}.viu-news-header .mainnav a{font-size:12px!important;line-height:18px!important;font-weight:700!important;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;min-height:56px;padding:17px 0!important;border-bottom:2px solid transparent;box-sizing:border-box;color:#171b19}.viu-news-header .mainnav a[aria-current="page"]{border-bottom-color:#171b19}.viu-news-header .mainnav a:hover{color:#171b19;border-bottom-color:#171b1980}.viu-news-header a:focus-visible,.viu-news-header button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
/* Editorial scale based on the measured 3CatInfo reference; VIU fonts and colours remain. */
body.viu-public{font-size:16px;line-height:1.5}body.viu-public .front-feature h1,body.viu-public .front-feature h2{font-size:36px!important;line-height:1.36!important;letter-spacing:-.025em!important;font-weight:700!important}body.viu-public .front-secondary-card h2,body.viu-public .front-secondary-card h3,body.viu-public .article-card h3,body.viu-public .channel-card h3,body.viu-public .archive-card.article h3,body.viu-public .veu-card h3{font-size:26px!important;line-height:32px!important;letter-spacing:-.02em!important;font-weight:700!important}body.viu-public .section-heading h2,body.viu-public .section-head h2,body.viu-public .section>h2,body.viu-public .veu-section-header h1{font-size:32px!important;line-height:40px!important;letter-spacing:-.02em!important}body.viu-public .front-copy>p,body.viu-public .article-card p,body.viu-public .channel-card p,body.viu-public .veu-card>p{font-size:18px!important;line-height:26px!important}body.viu-public .card-meta,body.viu-public .card-meta time,body.viu-public .veu-card>time{font-size:12px!important;line-height:18px!important}body.viu-public .history-detail>h1,body.viu-public .history-detail header h1,body.viu-public .article-detail h1,body.viu-public .veu-event h1{font-size:40px!important;line-height:48px!important;letter-spacing:-.025em!important}body.viu-public .article-body p,body.viu-public .article-body li,body.viu-public .history-text p{font-size:18px!important;line-height:30px!important}body.viu-public .article-body h2{font-size:30px!important;line-height:38px!important}
@media(max-width:1000px){.viu-news-header .masthead>p{display:none}.viu-news-header .mainnav>div{gap:18px}.viu-news-header .mainnav a{font-size:11px!important}}
@media(max-width:900px){body.viu-public .viu-news-header .masthead{height:64px;min-height:64px;padding:10px 18px!important}.viu-news-header .brand{width:180px!important;max-width:180px!important;height:38px!important}.viu-news-header .header-actions{gap:12px}.viu-news-header .header-actions .menu-toggle{display:inline-flex}.viu-news-header .header-actions .btn,.viu-news-header .header-search{display:none!important}body.viu-public .viu-news-header .mainnav{display:none;min-height:0;max-height:calc(100dvh - 64px);overflow:auto;box-shadow:none;clip-path:none;padding:0 18px!important}body.viu-public .viu-news-header .mainnav.is-open{display:block}.viu-news-header .mainnav>div{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;min-height:0;padding:8px 0 16px}.viu-news-header .mainnav a{font-size:14px!important;min-height:44px;padding:12px 0!important;white-space:normal}}
@media(max-width:650px){body.viu-public .utility{display:none}body.viu-public .front-feature h1,body.viu-public .front-feature h2{font-size:24px!important;line-height:32px!important}body.viu-public .front-secondary-card h2,body.viu-public .front-secondary-card h3,body.viu-public .article-card h3,body.viu-public .channel-card h3,body.viu-public .archive-card.article h3,body.viu-public .veu-card h3{font-size:20px!important;line-height:29px!important}body.viu-public .section-heading h2,body.viu-public .section-head h2,body.viu-public .section>h2,body.viu-public .veu-section-header h1{font-size:26px!important;line-height:35px!important}body.viu-public .history-detail>h1,body.viu-public .history-detail header h1,body.viu-public .article-detail h1,body.viu-public .veu-event h1{font-size:28px!important;line-height:35px!important}body.viu-public .article-card p,body.viu-public .channel-card p,body.viu-public .veu-card>p{font-size:16px!important;line-height:24px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* One underline only; the legacy navigation also defined a pseudo-element. */
.viu-news-header .mainnav a{position:relative;border:0!important;background:transparent!important;text-decoration:none!important;background-image:none!important;box-shadow:none!important}
.viu-news-header .mainnav a::before{content:none!important;display:none!important}
.viu-news-header .mainnav a::after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:12px!important;width:100%!important;height:2px!important;border:0!important;box-shadow:none!important;background:#171b19!important;margin:0!important;padding:0!important;transform:scaleX(0);transform-origin:center;transition:transform .16s ease}
.viu-news-header .mainnav a[aria-current="page"]::after,.viu-news-header .mainnav a:hover::after{transform:scaleX(1)}
body.viu-public .utility{background:#252b2f;color:#c8ceca;box-shadow:0 0 0 100vmax #252b2f;clip-path:inset(0 -100vmax)}body.viu-public .utility a{color:#c8ceca}
@media(min-width:901px){body.viu-public .viu-news-header .masthead{position:relative}.viu-news-header .brand-tab{position:absolute;left:50%;transform:translateX(-50%)}.viu-news-header .brand{width:190px!important;max-width:190px!important;height:40px!important}.viu-news-header .masthead>p{padding:0;border:0;max-width:300px}.viu-news-header .mainnav a:nth-last-child(3){margin-left:auto}}
@media(max-width:900px){.viu-news-header .brand-tab{position:static;transform:none}.viu-news-header .mainnav a:nth-last-child(3){margin-left:0}.viu-news-header .mainnav a::after{bottom:7px!important}}

/* Override legacy home rules: complete headlines, with content-driven card heights. */
body.viu-public.home-page .front-feature .front-copy h1{font-size:36px!important;line-height:1.22!important;letter-spacing:-.025em!important;font-weight:700!important;max-width:100%!important;overflow:visible!important;max-height:none!important}
body.viu-public.home-page .front-secondary-card .front-secondary-copy h2{display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;-webkit-box-orient:initial!important;overflow:visible!important;text-overflow:clip!important;max-height:none!important;height:auto!important;white-space:normal!important;font-size:24px!important;line-height:1.28!important;margin:14px 0 22px!important}
body.viu-public.home-page .front-secondary-card{height:auto!important;min-height:0!important;overflow:hidden}
body.viu-public.home-page .front-secondary-copy{justify-content:flex-start!important;padding:22px!important;min-width:0}
body.viu-public.home-page .front-secondary-copy .front-link{margin-top:auto}
@media(max-width:650px){body.viu-public.home-page .front-feature .front-copy h1{font-size:26px!important;line-height:1.23!important}body.viu-public.home-page .front-secondary-card .front-secondary-copy h2{font-size:21px!important;line-height:1.3!important}body.viu-public.home-page .front-secondary-copy{padding:18px!important}}


/* One group row and one navigation row for the active edition. */
body.viu-public:has(.viu-group-bar) .utility:has(+ .viu-header-sentinel) { display: none; }
body.viu-public .viu-news-header:has(.viu-group-bar) { --viu-edition: #ff544c; background: var(--viu-edition) !important; }
body.viu-public.info-page .viu-news-header:has(.viu-group-bar) { --viu-edition: #ff829a; border-bottom: 0; }
.viu-group-bar { background: #141414; color: white; }
.viu-group-inner { max-width: 1280px; min-height: 58px; margin-inline: auto; padding-inline: clamp(16px, 3vw, 28px); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; }
.viu-group-publisher { display: flex; align-items: center; justify-self: start; }
.viu-group-publisher img { width: clamp(78px, 10vw, 125px); height: auto; display: block; }
.viu-group-brands { display: flex; align-items: center; }
.viu-group-brands a { position: relative; display: grid; place-items: center; min-height: 58px; padding-inline: clamp(12px, 2vw, 24px); }
.viu-group-brands a + a::before { content: ""; position: absolute; left: 0; height: 26px; border-left: 1px solid #ffffff42; }
.viu-group-brands img { display: block; width: clamp(60px, 8vw, 94px); height: 26px; object-fit: contain; filter: brightness(0) invert(1); opacity: .8; }
.viu-group-brands a:is(:hover,[aria-current]) img { opacity: 1; }
.viu-group-brands a[aria-current]::after { content: ""; position: absolute; inset: auto auto 0; border: 9px solid transparent; border-top: 0; border-bottom-color: var(--viu-edition); }
.viu-group-tools { display: flex; justify-content: flex-end; align-items: center; gap: clamp(10px, 2vw, 22px); }
.viu-group-tools .header-actions { margin-left: 0; gap: clamp(10px, 2vw, 22px); }
.viu-group-tools a, .viu-group-tools button { color: white !important; white-space: nowrap; }
.viu-group-tools .viu-corporate { font-size: 12px; text-transform: uppercase; text-decoration: none; }
body.viu-public .viu-news-header:has(.viu-group-bar) .mainnav { background: var(--viu-edition) !important; }
body.viu-public .viu-news-header:has(.viu-group-bar) .mainnav a { color: #171b19 !important; }
@media(max-width:1050px) { .viu-group-tools .viu-corporate { display: none; } }
@media(max-width:900px) {
 .viu-group-inner { min-height: 58px; gap: 8px; }
 .viu-group-brands a { min-height: 58px; padding-inline: 10px; }
 .viu-group-brands img { width: clamp(40px, 9vw, 70px); height: 22px; }
 .viu-group-publisher img { width: clamp(68px, 14vw, 106px); }
 .viu-group-tools .header-actions { gap: 8px; }
 .viu-group-tools .menu-toggle { background: transparent !important; border-color: #ffffff60 !important; color: #fff !important; }
}
@media(max-width:480px) {
 .viu-group-inner { padding-inline: 12px; }
 .viu-group-tools .header-actions a:not(.header-search) { font-size: 0 !important; gap: 0; }
 .viu-group-tools .header-actions a:not(.header-search) svg { width: 20px; height: 20px; }
 .viu-group-tools .menu-toggle { padding-inline: 6px; }
}

.viu-group-brands a[href^="/tviu/"] img { width: clamp(30px, 5vw, 58px); }
@media(max-width:480px) {
 .viu-group-brands a { padding-inline: 6px; }
 .viu-group-publisher img { width: 64px; }
 .viu-group-inner { gap: 4px; }
}

.viu-info-briefs { background: #25282a; color: #e1e3e3; }
.viu-info-briefs > div { box-sizing: border-box; max-width: 1280px; margin: auto; padding: 0 32px; display: grid; grid-template-columns: auto repeat(3,minmax(0,1fr)); gap: 22px; align-items: center; min-height: 29px; }
.viu-info-briefs strong { font-size: 11px; white-space: nowrap; }
.viu-info-briefs a { display: block; color: inherit; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
.viu-info-briefs a:hover { text-decoration: underline; }
.viu-info-briefs a:focus-visible { outline-offset: 1px; }
@media (min-width: 901px) {
 .viu-group-inner { padding-inline: 32px; }
 body.viu-public .viu-news-header:has(.viu-group-bar) .mainnav { padding-inline: 32px !important; }
 body.viu-public.info-page .viu-news-header .mainnav a:nth-last-child(3) { margin-left: 0; }
 body.viu-public.info-page .viu-news-header .mainnav a:nth-last-child(2) { margin-left: auto; }
}
@media (max-width: 900px) { .viu-info-briefs { display: none; } }

.viu-group-publisher img { width: clamp(96px, 12vw, 156px); }
.viu-group-brands a[href="/"] img { width: clamp(78px, 10vw, 126px); }
.viu-group-brands a[href="/infoviu"] img { width: clamp(66px, 8vw, 104px); }
body.viu-public .viu-news-header .viu-group-tools .header-actions a:not(.btn) { color: #fff !important; }
body.viu-public .viu-news-header .viu-group-tools .header-actions .btn { color: #fff !important; background: transparent !important; border-color: #ffffffa8 !important; }
body.viu-public .viu-news-header .viu-group-tools .viu-reader-link { display: inline-grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; padding: 0; border: 0 !important; box-shadow: none !important; text-decoration: none; }
.viu-group-tools .viu-reader-link span { display: none; }
.viu-group-tools .viu-reader-link svg { width: 23px; height: 23px; }
@media(max-width:650px) {
 .viu-group-publisher img { width: clamp(64px, 15vw, 96px); }
 .viu-group-brands a[href="/"] img { width: clamp(51px, 13vw, 78px); }
 .viu-group-brands a[href="/infoviu"] img { width: clamp(42px, 10vw, 66px); }
}
body.viu-public.vkids-page .viu-news-header:has(.viu-group-bar) { --viu-edition: #8b5cf6; }
.viu-group-brands a[href="/vkids"] img { width: clamp(34px, 5vw, 62px); }
@media(max-width:480px) {
 .viu-group-brands a { padding-inline: 4px; }
 .viu-group-tools .viu-reader-link { flex-basis: 32px; width: 32px; }
}
@media (min-width:901px) {
 .viu-news-header .viu-tviu-nav a:nth-last-child(3) { margin-left: 0; }
}

@media (min-width:901px) {
 body.viu-public.info-page .viu-news-header:has(.viu-group-bar) .mainnav,
 body.viu-public.info-page .viu-news-header:has(.viu-group-bar) .mainnav > div {
  min-height: 56px !important;
 }
 body.viu-public.info-page .viu-news-header:has(.viu-group-bar) .mainnav a {
  min-height: 56px !important;
  padding-block: 17px !important;
  font-size: 12px !important;
  line-height: 18px !important;
 }
}

body.viu-public { --viu-header-max:1280px; --viu-inner-max:var(--viu-header-max); --viu-inner-gutter:32px; }
@media (min-width:1304px) { body.viu-public { --viu-header-max:1288px; } }
@media (min-width:1921px) { body.viu-public { --viu-header-max:1664px; } }
.viu-group-inner,.viu-info-briefs>div { max-width:var(--viu-header-max); box-sizing:border-box; }
body.viu-public .viu-news-header:has(.viu-group-bar) .mainnav { max-width:var(--viu-header-max) !important; }
@media (min-width:1921px) {
 body.viu-public:not(:has(.viu-ad-rail-group)) .info-main { max-width:var(--viu-inner-max) !important; }
}
.viu-compact-header,.viu-compact-links { display:none; }
@media (max-width:900px) {
 body.viu-public { --viu-inner-gutter:18px; }
 .viu-group-inner { display:flex; justify-content:space-between; padding-inline:18px; min-height:48px; }
 .viu-group-brands { display:none; }
 .viu-group-publisher img { width:104px; }
 .viu-news-header .viu-compact-header { display:flex; align-items:center; min-height:50px; gap:12px; padding-inline:18px; background:var(--viu-edition); }
 .viu-compact-header img { display:block; max-width:112px; height:24px; object-fit:contain; filter:brightness(0) invert(1); }
 .viu-news-header .viu-compact-header .menu-toggle { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:4px 8px; color:#171b19 !important; border:0 !important; background:transparent !important; }
 .viu-news-header .viu-compact-header .menu-toggle:focus-visible { outline:2px solid #171b19; }
 .viu-news-header .viu-compact-links { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #171b1950; padding-top:8px; }
}
@media (min-width:901px) {
 .viu-news-header .mainnav > .viu-compact-links { display:none !important; }
}

body.viu-public.vkids-page .viu-news-header .mainnav { box-shadow:none !important; clip-path:none !important; }
body.viu-public.vkids-page .viu-news-header .mainnav a { margin-left:0; }
/* Keep the original editorial width whenever lateral placements are present. */
body.viu-public:has(.viu-ad-rail-group) { --viu-inner-max:1280px; }
@media(min-width:901px) {
 body.viu-public :is(.info-main,.vkids-main,.tviu-main) {
  box-sizing:border-box;
  width:100%;
  max-width:var(--viu-inner-max) !important;
  margin-inline:auto;
  padding-inline:var(--viu-inner-gutter) !important;
 }
 body.viu-public.info-page:has(.info-main > .viu-ad-rail-group) { --viu-inner-gutter:28px; }
}

/* 1664px including padding gives 1600px of editorial space at the widest size.
   With rails, defer it until the existing 300px creatives and gutters fit. */
@media(min-width:2344px) {
 body.viu-public:has(.viu-ad-rail-group) { --viu-inner-max:1664px; }
 body.viu-public.info-page:has(.info-main > .viu-ad-rail-group) { --viu-inner-gutter:32px; }
}

/* Public editorial typography shared by the four editions. */
body.viu-public {
 --viu-card-title:1.25rem;
 --viu-card-summary:0.9375rem;
 --viu-section-title:2rem;
 --viu-standfirst:1.25rem;
 --viu-reading-size:1.125rem;
}
body.viu-public :is(.article-card,.channel-card,.archive-card.article,.veu-card,.vkids-feature-copy) h3,
body.viu-public .info-card .info-card-copy h2 {
 font-size:var(--viu-card-title) !important;
 line-height:1.28 !important;
 letter-spacing:-.015em !important;
 overflow-wrap:break-word;
}
body.viu-public .info-card.info-card-lead .info-card-copy h2 {
 font-size:clamp(1.625rem,3vw,2.25rem) !important;
}
body.viu-public :is(.article-card,.channel-card,.archive-card.article,.veu-card,.vkids-feature-copy) > p,
body.viu-public :is(.info-card-excerpt,.section-intro,.edition-intro),
body.viu-public.home-page .front-feature .front-copy > p:not(.eyebrow) {
 font-size:var(--viu-card-summary) !important;
 line-height:1.5 !important;
}
body.viu-public .vkids-list .veu-card h3 {
 margin:12px 0 6px;
 text-wrap:pretty;
}
body.viu-public .vkids-list .veu-card > p { margin:0; }
body.viu-public.vkids-article .history-detail .history-standfirst {
 font-family:"Bw Seido Round",ui-rounded,system-ui,sans-serif;
}
body.viu-public .vkids-list > h2 {
 font-size:var(--viu-section-title);
 line-height:1.25;
}
body.viu-public :is(.vkids-hero > p,.tviu-intro,.article-standfirst),
body.viu-public.history-page article.history-detail > header p.history-standfirst {
 font-size:var(--viu-standfirst) !important;
 line-height:1.4 !important;
}
body.viu-public .vkids-hero > p { max-width:42ch; }
body.viu-public :is(.article-body,.history-text) :is(p,li) {
 font-size:var(--viu-reading-size) !important;
 line-height:1.5 !important;
}
body.viu-public :is(.article-body,.history-text) h2 {
 font-size:1.5rem !important;
 line-height:1.3 !important;
}
@media(max-width:650px) {
 body.viu-public {
  --viu-card-title:1.125rem;
  --viu-section-title:1.625rem;
  --viu-standfirst:1.125rem;
  --viu-reading-size:1.0625rem;
 }
}

@media(max-width:900px) {
 .viu-news-header .viu-compact-header {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:8px;
 }
 .viu-compact-header .menu-toggle { justify-self:start; }
 .viu-compact-header .viu-mobile-search {
  display:grid;
  place-items:center;
  justify-self:end;
  width:44px;
  height:44px;
  color:#171b19;
 }
 body.viu-public .viu-news-header .mainnav.is-open {
  max-height:calc(100dvh - 98px);
  overscroll-behavior:contain;
 }
 .viu-news-header .mainnav .viu-compact-links strong {
  grid-column:1/-1;
  padding-top:10px;
  font-size:.75rem;
  letter-spacing:.06em;
  text-transform:uppercase;
 }
}
@media(max-width:650px) {
 body.viu-public.home-page .front-feature .front-copy { padding:18px; }
 body.viu-public.home-page .front-feature .front-copy h1 { text-wrap:balance; }
 body.viu-public.home-page .front-feature .front-copy > p:empty { display:none; }
}

.viu-drawer-top,.viu-drawer-backdrop { display:none; }
@media(max-width:900px) {
 .viu-news-header .viu-compact-header { grid-template-columns:auto 1fr auto; }
 .viu-compact-header .menu-toggle { width:44px; padding:0 !important; font-size:0 !important; }
 .viu-compact-header .menu-toggle::before {
  content:"";
  width:20px;
  height:14px;
  background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat;
  border-block:2px solid currentColor;
 }
 body.viu-public .viu-news-header:has(.viu-group-bar) .mainnav.is-open {
  position:fixed;
  inset:0 auto 0 0;
  z-index:2;
  box-sizing:border-box;
  display:flex !important;
  flex-direction:column;
  width:min(86vw,400px);
  height:100dvh;
  max-height:none;
  padding:0 !important;
  overflow:auto;
  box-shadow:8px 0 32px #0003 !important;
  clip-path:none;
 }
 .viu-news-header:has(.mainnav.is-open) .viu-drawer-backdrop {
  display:block;
  position:fixed;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  border:0;
  background:#10131399;
 }
 html:has(.viu-news-header .mainnav.is-open) { overflow:hidden; }
 .viu-drawer-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px 8px;
  font-size:20px;
 }
 .viu-drawer-close {
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  background:#ffffff40;
  color:#171b19;
  font:28px/1 system-ui;
  cursor:pointer;
 }
 body.viu-public .viu-news-header .mainnav > div:not(.viu-compact-links) {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:auto;
  min-width:0;
  gap:4px 8px;
  padding:8px 12px 24px;
 }
 body.viu-public .viu-news-header .mainnav > div a {
  display:flex;
  min-height:48px;
  margin:0;
  padding:8px !important;
  border-radius:6px;
  font-size:15px !important;
  line-height:1.2 !important;
 }
 .viu-news-header .mainnav a[aria-current="page"] { background:#ffffff40 !important; }
 .viu-news-header .mainnav a::after { display:none !important; }
 .viu-news-header .mainnav > .viu-compact-links {
  margin-top:auto;
  gap:4px 8px;
  padding:16px 12px max(16px,env(safe-area-inset-bottom));
  background:#151617;
  color:#fff;
 }
 body.viu-public .viu-news-header:has(.viu-group-bar) .mainnav .viu-compact-links a { color:#fff !important; }
}
@media(max-width:900px) and (prefers-reduced-motion:no-preference) {
 .viu-news-header .mainnav.is-open { animation:viu-drawer-in .22s ease-out; }
 @keyframes viu-drawer-in { from { transform:translateX(-100%); } }
}

@media(max-width:900px) {
 body.viu-public .viu-news-header .mainnav > .viu-compact-links {
  margin-top:auto !important;
  padding:16px 12px max(16px,env(safe-area-inset-bottom)) !important;
 }
 body:has(.viu-news-header .mainnav.is-open) #hocia-launcher { visibility:hidden; }
}

@media(max-width:900px) {
 .viu-compact-header .menu-toggle > * { display:none !important; }
 .viu-compact-header > a:not(.viu-mobile-search) img { width:clamp(130px,42vw,185px); max-width:100%; height:auto; max-height:30px; }
 .viu-compact-links img { display:block; width:auto; max-width:100%; height:20px; object-fit:contain; }
 .viu-compact-links strong img { width:172px; height:auto; margin:0 auto 10px; }
 .viu-news-header .mainnav .viu-compact-links a { justify-content:center; }
}
@media(max-width:600px) {
 body.viu-public .viu-news-header:has(.viu-group-bar) .mainnav.is-open { width:100%; }
 .viu-drawer-top { justify-content:flex-start; padding:6px 12px; }
 .viu-drawer-top strong { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 body.viu-public .viu-news-header .mainnav > div:not(.viu-compact-links) {
  grid-template-columns:minmax(0,1fr) !important;
  gap:0;
  padding:0 0 16px;
 }
 body.viu-public .viu-news-header .mainnav > div:not(.viu-compact-links) a {
  min-height:48px;
  padding:10px 18px !important;
  font-size:19px !important;
  border-radius:0;
 }
 body.viu-public .viu-news-header .mainnav > div:not(.viu-compact-links) a[aria-current="page"] {
  box-shadow:inset 4px 0 #171b19 !important;
  padding-left:24px !important;
 }
}

/* Align the front page with the shared navigation grid. Keep ad clearance local. */
body.viu-public.home-page > main {
 box-sizing:border-box;
 width:100% !important;
 max-width:var(--viu-header-max,1280px) !important;
 margin-inline:auto !important;
}
body.viu-public.home-page > main > .front-stage {
 box-sizing:border-box;
 padding-inline:var(--viu-inner-gutter,18px) !important;
}
/* Give the news grid the same edges as the menu, including on pages with ads. */
body.viu-public.info-page .info-main {
 box-sizing:border-box;
 width:100%;
 max-width:var(--viu-header-max,1280px) !important;
 margin-inline:auto;
 padding-inline:var(--viu-inner-gutter,18px) !important;
}
body.viu-public.info-page:has(.info-main > .viu-ad-rail-group) {
 --viu-inner-gutter:32px;
}
@media(max-width:900px) {
 body.viu-public.info-page:has(.info-main > .viu-ad-rail-group) {
  --viu-inner-gutter:18px;
 }
}

/* Match the menu on public landing pages. Article text retains its reading measure. */
body.viu-public main:is(.veu-page,.tviu-main,.viu-ad-offer,.viu-reader-main,.viu-member):not(:has(> .veu-event)) {
 box-sizing:border-box;
 width:100%;
 max-width:var(--viu-header-max,1280px) !important;
 margin-inline:auto;
 padding-inline:var(--viu-inner-gutter,18px) !important;
}

/* The home channels and the recipe index share the menu's editorial gutters. */
body.viu-public.home-page > main > :is(.section,.territory,.advert) {
 padding-inline:var(--viu-inner-gutter,18px) !important;
}
body.viu-public.home-page > main > :is(.topic-nav,.vkids-feature) {
 margin-inline:var(--viu-inner-gutter,18px) !important;
}
body.viu-public.kitchen-body:not(:has(.history-detail)) > main:has(> .recipe-library) {
 box-sizing:border-box;
 width:100%;
 max-width:var(--viu-header-max,1280px) !important;
 margin-inline:auto !important;
}
body.viu-public.kitchen-body > main:has(> .recipe-library) > :is(.kitchen-hero,.recipe-library,.kitchen-magazine) {
 padding-inline:var(--viu-inner-gutter,18px) !important;
}