/* void-news-masthead: Portal News as Void News (portal/void-news.js). Every rule sits under the flag; off, nothing here applies.
   The title is the kit's Void News lockup, the NEWS colour rule (the lockup's letters: #00FF66 #FFB800 #00D4FF #FF3366)
   sits under it, and the reel with the headline count under it takes the right-hand column. */
html[data-flag-void-news-masthead="on"] .vn-head { align-items: center; }
html[data-flag-void-news-masthead="on"] .vn-title { margin: 4px 0; line-height: 0; }
html[data-flag-void-news-masthead="on"] .vn-lock { display: block; width: auto; height: 56px; max-width: 100%; }
html[data-flag-void-news-masthead="on"] .vn-rule { display: flex; width: 100%; max-width: 420px; height: 3px; margin-top: 12px; border-radius: 2px; overflow: hidden; }
html[data-flag-void-news-masthead="on"] .vn-rule i { flex: 1; }
html[data-flag-void-news-masthead="on"] .vn-rule i:nth-child(1) { background: var(--k-news-00ff66); }
html[data-flag-void-news-masthead="on"] .vn-rule i:nth-child(2) { background: var(--k-news-ffb800); }
html[data-flag-void-news-masthead="on"] .vn-rule i:nth-child(3) { background: var(--k-news-00d4ff); }
html[data-flag-void-news-masthead="on"] .vn-rule i:nth-child(4) { background: var(--k-news-ff3366); }
html[data-flag-void-news-masthead="on"] .vn-side { flex: 0 1 360px; min-width: 0; display: grid; gap: 12px; }
html[data-flag-void-news-masthead="on"] .vn-side .verdict { flex: none; }
html[data-flag-void-news-masthead="on"] .vn-reel { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 10px; background: var(--k-ink-070c11); box-shadow: 0 0 0 1px var(--line, rgba(var(--k-rgb-255-255-255), var(--k-a-0-08))); }
@media (max-width: 699px) {
  html[data-flag-void-news-masthead="on"] .vn-lock { height: 48px; }
  html[data-flag-void-news-masthead="on"] .vn-side { flex-basis: 100%; }
}
/* Sideways on a phone the header is one line: the lockup only, no reel. */
@media (max-height: 499px) {
  html[data-flag-void-news-masthead="on"] .vn-lock { height: 28px; }
  html[data-flag-void-news-masthead="on"] .vn-rule, html[data-flag-void-news-masthead="on"] .vn-reel { display: none; }
}