/* The shared site brand, isolated from the News edition's reading palette.
   Markup matches build/shell/partner-mark.mjs. Responsive rules intentionally
   follow the brand-only rules in shell.css, without importing header layout. */
.nw-bar .brand-lockup {
  --cyan: var(--accent-cyan, #00e5f5);
  --amber: var(--accent-amber, #ffc94a);
  --pink: var(--accent-pink, #ff5ccf);
  --text-faint: #9c94c5;
}
.nw-bar .logo-link { position: relative; }
.nw-bar .logo-link::before { content: ''; position: absolute; inset-block: 0; inset-inline: -6px; }
.nw-bar .partner-mark { color: var(--partner-orange); }
.nw-bar .partner-mark:hover { color: #ffa24d; }
@media (max-width: 639.98px), (min-width: 860px) and (max-width: 1079.98px) {
  .nw-bar .partner-mark__name {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .nw-bar .partner-mark { justify-content: center; }
}
@media (min-width: 860px) and (max-width: 959.98px) {
  .nw-bar :is(.partner-mark, .partner-mark__x) { display: none; }
}
@media (max-width: 599.98px) {
  .nw-bar .brand-lockup { gap: 6px; }
  .nw-bar .partner-mark { min-inline-size: 28px; }
  .nw-bar .logo-link .logo { font-size: 1.3rem; }
}
@media (max-width: 339.98px) {
  .nw-bar .logo-link .logo { display: none; }
  .nw-bar .logo-icon { display: block; }
}
@media (min-width: 360px) and (max-width: 374.98px) {
  html[data-auth="in"] .nw-bar .logo-link .logo { display: none; }
  html[data-auth="in"] .nw-bar .logo-icon { display: block; }
}
@media (min-width: 375px) and (max-width: 381.98px) {
  html[data-auth="in"] .nw-bar .logo-link .logo { font-size: 1.18rem; transition: none; }
}

/* Community and account actions retain the main site's identity on News paper.
   Local aliases isolate these controls from the editorial palette; the drawer
   markup and Community treatments continue to come from shared shell.css. */
body[data-chrome="news"] :is(.nw-action--community, .nw-account.btn--signin, .drawer-account, .drawer-tile--community) {
  --primary: var(--primary-color, #a78bfa);
  --primary-hover: #bba5fc;
  --primary-ink: #120a2e;
  --pink: var(--accent-pink, #ff5ccf);
  --bg-raised: #0d0a24;
  --surface-1: rgb(22 17 54 / 0.86);
  --surface-2: rgb(32 26 76 / 0.9);
  --surface-3: rgb(46 37 104 / 0.94);
  --border: rgb(160 140 255 / 0.16);
  --border-strong: rgb(170 150 255 / 0.3);
  --text: var(--text-bright, #f2f0ff);
  --text-muted: var(--text-main, #b9b3dc);
  --focus: #c4b5fd;
}
body[data-chrome="news"] :is(.drawer-account, .drawer-tile--community) { font-family: var(--font-body); }
body[data-chrome="news"] .drawer-account { font-size: var(--step-0); line-height: 1.6; }
body[data-chrome="news"] .nw-actions .nw-account.btn--signin {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: none;
  inline-size: var(--tap);
  min-block-size: var(--tap);
  block-size: var(--tap);
  padding: 0;
  gap: var(--space-2);
  border: 1px solid color-mix(in srgb, var(--primary) 65%, var(--border));
  border-radius: var(--radius-pill);
  background: linear-gradient(145deg, color-mix(in srgb, var(--primary) 35%, var(--surface-2)), color-mix(in srgb, var(--pink) 25%, var(--surface-1)));
  color: var(--primary-hover);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text) 20%, transparent), 0 3px 8px color-mix(in srgb, var(--primary) 12%, transparent);
  transform: none;
}
body[data-chrome="news"] .nw-actions .nw-account.btn--signin > .line-icon { display: block; inline-size: 20px; block-size: 20px; }
body[data-chrome="news"] .nw-account.btn--signin .nw-account-name {
  position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
body[data-chrome="news"] .nw-actions .nw-account.btn--signin:active { background: var(--primary); color: var(--primary-ink); }
@media (hover: hover) and (pointer: fine) {
  body[data-chrome="news"] .nw-actions .nw-account.btn--signin:hover { border-color: var(--primary); background: var(--primary); color: var(--primary-ink); }
}
@media (max-width: 859.98px) {
  body[data-chrome="news"] .nw-actions .nw-account.btn--signin { inline-size: 36px; min-block-size: 36px; block-size: 36px; }
  body[data-chrome="news"] .nw-actions .nw-account.btn--signin > .line-icon { inline-size: 18px; block-size: 18px; }
  body[data-chrome="news"] .nw-actions .nw-account.btn--signin::before { content: ''; position: absolute; inset: -5px; }
}

body[data-chrome="news"] .nw-utility :is(.nw-action--community, .nw-account.btn--signin):focus-visible { outline-color: var(--focus); }
