/* Journalist — sepia newsroom. Last-word palette only; no layout changes. */

/* ----- tokens ----- */
html[data-theme="journalist"] {
  color-scheme: light;
  --ws-bg: #F4ECD8;
  --ws-surface: #FFF9E9;
  --ws-surface-raised: #ECE4D0;
  --ws-text: #2A2218;
  --ws-text-soft: #564D40;
  --ws-muted: #6B5F4B;
  --ws-line: #C9BFA7;
  --ws-line-strong: #746958;
  --ws-accent: #8D211B;
  --ws-accent-deep: #741814;
  --ws-accent-hover: #A51F1A;
  --ws-positive: #24643B;
  --ws-warning: #754000;
  --ws-negative: #92232A;
  --ws-focus: #61120F;
  --ws-on-accent: #FFF9E9;
  --ws-header-bg: rgba(244, 236, 216, 0.94);
  --ws-rail-bg: #ECE4D0;
  --ws-panel-deep: #ECE4D0;
  --ink: var(--ws-bg);
  --panel: var(--ws-surface);
  --line: var(--ws-line);
  --mute: var(--ws-muted);
  --cream: var(--ws-text);
  --red: var(--ws-accent);
}

html[data-layout="press"][data-theme="journalist"] {
  --press-paper: #EFE3BE;
  --press-paper-2: #F8EFD2;
  --press-ink: #2A2218;
  --press-ink-soft: #5C4E38;
  --press-kicker: #8D211B;
  --press-rule: #2A2218;
  --press-hall: #1C1710;
  --press-rail: #2A2218;
  --press-rail-ink: #EFE3BE;
  --press-brass: #A07A32;
  --ws-text: #2A2218;
  --ws-text-soft: #332D24;
  --ws-muted: #564D40;
}

/* ----- page / hall ----- */
html[data-theme="journalist"],
html[data-theme="journalist"] body {
  background: var(--ws-bg) !important;
  color: var(--ws-text) !important;
}

html[data-layout="press"][data-theme="journalist"],
html[data-layout="press"][data-theme="journalist"] body {
  background-color: var(--press-hall) !important;
  color: var(--press-ink) !important;
}

html[data-layout="press"][data-theme="journalist"] body {
  background-image:
    linear-gradient(180deg, color-mix(in srgb, var(--press-hall) 86%, transparent), var(--press-hall)),
    url("/img/press/paper-grain.webp") !important;
  background-size: auto, 640px !important;
}

/* ----- leftover cool gray / cream / charcoal ----- */
html[data-theme="journalist"] [class*="bg-ink"],
html[data-theme="journalist"] [style*="background:#0E0F12"],
html[data-theme="journalist"] [style*="background: #0E0F12"] {
  background-color: var(--ws-bg) !important;
}

html[data-theme="journalist"] [class*="bg-panel"],
html[data-theme="journalist"] [style*="background:#16181D"],
html[data-theme="journalist"] [style*="background: #16181D"],
html[data-theme="journalist"] [style*="background:#16181E"],
html[data-theme="journalist"] [style*="background:#1A1B22"] {
  background-color: var(--ws-surface) !important;
}

html[data-theme="journalist"] [class*="border-line"],
html[data-theme="journalist"] [style*="border-color:#2A2D34"],
html[data-theme="journalist"] [style*="border:1px solid #2A2D34"],
html[data-theme="journalist"] [style*="border-bottom: 1px solid #2A2D34"],
html[data-theme="journalist"] [style*="border-bottom:1px solid #2A2D34"] {
  border-color: var(--ws-line) !important;
}

html[data-theme="journalist"] [class*="text-cream"],
html[data-theme="journalist"] [class*="text-cream"]:hover,
html[data-theme="journalist"] [style*="color:#ECEDEF"],
html[data-theme="journalist"] [style*="color: #ECEDEF"],
html[data-theme="journalist"] [style*="color:#16181d"],
html[data-theme="journalist"] [style*="color:#16181D"],
html[data-theme="journalist"] [style*="color:#1a1c22"],
html[data-theme="journalist"] [style*="color:#1A1C22"] {
  color: var(--ws-text) !important;
}

html[data-theme="journalist"] [class*="text-mute"],
html[data-theme="journalist"] [style*="color:#9CA0AB"],
html[data-theme="journalist"] [style*="color: #9CA0AB"],
html[data-theme="journalist"] [style*="color:#5b616c"],
html[data-theme="journalist"] [style*="color:#5B616C"],
html[data-theme="journalist"] [style*="color:#4f5560"],
html[data-theme="journalist"] [style*="color:#4F5560"],
html[data-theme="journalist"] [style*="color:#6c7079"],
html[data-theme="journalist"] [style*="color:#6E727B"] {
  color: var(--ws-muted) !important;
}

html[data-theme="journalist"] [style*="color:rgba(236,237,239"],
html[data-theme="journalist"] [style*="color: rgba(236,237,239"],
html[data-theme="journalist"] [style*="color:rgba(248,250,252"],
html[data-theme="journalist"] [style*="color: rgba(248,250,252"] {
  color: var(--ws-text-soft) !important;
}

html[data-theme="journalist"] .text-mute,
html[data-theme="journalist"] .ed-meta,
html[data-theme="journalist"] .ed-source-line {
  color: var(--ws-muted) !important;
}

html[data-theme="journalist"] .text-cream,
html[data-theme="journalist"] .ed-title,
html[data-theme="journalist"] .ed-excerpt,
html[data-theme="journalist"] .ed-excerpt-base {
  color: var(--ws-text) !important;
}

/* ----- leftover neon red / default press kicker ----- */
html[data-theme="journalist"] [style*="color:#C8302C"],
html[data-theme="journalist"] [style*="color: #C8302C"],
html[data-theme="journalist"] [style*="color:#FF716A"],
html[data-theme="journalist"] [style*="color: #FF716A"],
html[data-theme="journalist"] [style*="color:#FF8A84"],
html[data-theme="journalist"] [style*="color:#E8544F"],
html[data-theme="journalist"] [style*="color: #E8544F"],
html[data-theme="journalist"] [style*="color:#A8261F"],
html[data-theme="journalist"] [class*="text-spark"] {
  color: var(--ws-accent) !important;
}

html[data-theme="journalist"] [style*="background:#C8302C"],
html[data-theme="journalist"] [style*="background: #C8302C"],
html[data-theme="journalist"] [style*="background:#FF716A"],
html[data-theme="journalist"] [class*="bg-spark"] {
  background-color: var(--ws-accent) !important;
}

html[data-theme="journalist"] [class*="border-spark"],
html[data-theme="journalist"] [style*="border-color:#C8302C"],
html[data-theme="journalist"] [style*="border:1px solid #C8302C"] {
  border-color: var(--ws-accent) !important;
}

html[data-theme="journalist"] [class*="bg-spark/10"],
html[data-theme="journalist"] [class*="bg-spark\/10"] {
  background-color: color-mix(in srgb, var(--ws-accent) 12%, var(--ws-surface)) !important;
}

/* ----- leftover default press cream #E7DCC0 ----- */
html[data-layout="press"][data-theme="journalist"] #frontpage,
html[data-layout="press"][data-theme="journalist"] #frontpage.press-sheet-wrap {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--press-paper) 97%, var(--press-paper-2)), var(--press-paper)),
    url("/img/press/newsprint.webp") !important;
  color: var(--press-ink) !important;
}

html[data-theme="journalist"] .ws-plate,
html[data-theme="journalist"] .lead-plate,
html[data-theme="journalist"] .thumb.thumb-cover,
html[data-theme="journalist"] .thumb.no-image,
html[data-theme="journalist"] .thumb-wrap.thumb-cover,
html[data-theme="journalist"] .thumb-wrap.ws-plate,
html[data-layout="press"][data-theme="journalist"] .ws-plate,
html[data-layout="press"][data-theme="journalist"] .lead-plate {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--press-paper, var(--ws-surface)) 86%, var(--press-paper-2, var(--ws-surface-raised))), var(--press-paper, var(--ws-surface))),
    url("/img/press/plate-stock.webp") center / cover no-repeat,
    var(--press-paper, var(--ws-surface)) !important;
  border-color: var(--press-ink, var(--ws-text)) !important;
  box-shadow:
    inset 0 0 0 3px var(--press-paper, var(--ws-surface)),
    inset 0 0 0 4px var(--press-ink, var(--ws-text)) !important;
  color: var(--press-ink, var(--ws-text)) !important;
}

html[data-theme="journalist"] .ws-plate-brand {
  color: var(--ws-accent) !important;
}

html[data-layout="press"][data-theme="journalist"] .ws-plate-brand {
  color: var(--press-kicker) !important;
}

html[data-theme="journalist"] .ws-plate-folio,
html[data-theme="journalist"] .tc-source {
  color: var(--ws-text) !important;
}

/* ----- sheet / mast / room / dock ----- */
html[data-layout="press"][data-theme="journalist"] .ws-header.press-mast,
html[data-layout="press"][data-theme="journalist"] header.press-mast,
html[data-layout="press"][data-theme="journalist"] header.ws-header,
html[data-layout="press"][data-theme="journalist"] .ws-header,
html[data-layout="press"][data-theme="journalist"] #frontpage,
html[data-layout="press"][data-theme="journalist"] .press-sheet,
html[data-layout="press"][data-theme="journalist"] #press-room,
html[data-layout="press"][data-theme="journalist"] #press-dock,
html[data-layout="press"][data-theme="journalist"] .latest-section,
html[data-layout="press"][data-theme="journalist"] .daily-convo-card {
  background-color: var(--press-paper) !important;
  color: var(--press-ink) !important;
}

html[data-layout="press"][data-theme="journalist"] .press-flag {
  background-color: var(--press-paper) !important;
}

html[data-layout="press"][data-theme="journalist"] .ws-header,
html[data-layout="press"][data-theme="journalist"] .ws-header a,
html[data-layout="press"][data-theme="journalist"] .ws-header button,
html[data-layout="press"][data-theme="journalist"] .ws-brand-name,
html[data-layout="press"][data-theme="journalist"] .ws-header .text-mute,
html[data-layout="press"][data-theme="journalist"] .ws-header .text-cream,
html[data-layout="press"][data-theme="journalist"] .press-word-we,
html[data-layout="press"][data-theme="journalist"] .press-folio,
html[data-layout="press"][data-theme="journalist"] .dek {
  color: var(--press-ink) !important;
}

html[data-layout="press"][data-theme="journalist"] .press-word-deck,
html[data-layout="press"][data-theme="journalist"] .kicker,
html[data-layout="press"][data-theme="journalist"] .press-room-kicker,
html[data-layout="press"][data-theme="journalist"] .press-room-more,
html[data-layout="press"][data-theme="journalist"] .press-live,
html[data-layout="press"][data-theme="journalist"] .brief-num,
html[data-layout="press"][data-theme="journalist"] .brief-src {
  color: var(--press-kicker) !important;
}

html[data-layout="press"][data-theme="journalist"] .late-src,
html[data-layout="press"][data-theme="journalist"] #press-room-count {
  color: var(--press-ink-soft) !important;
}

/* ----- rail ----- */
html[data-layout="press"][data-theme="journalist"] #press-sections,
html[data-layout="press"][data-theme="journalist"] .press-sec-canvas {
  background: var(--press-rail) !important;
  color: var(--press-rail-ink) !important;
}

html[data-layout="press"][data-theme="journalist"] #press-sections a,
html[data-layout="press"][data-theme="journalist"] #press-sections button {
  color: var(--press-rail-ink) !important;
  border-right-color: color-mix(in srgb, var(--press-rail-ink) 22%, transparent) !important;
}

html[data-layout="press"][data-theme="journalist"] #press-sections a.press-sec-canvas {
  background: color-mix(in srgb, var(--press-rail) 78%, black) !important;
  color: var(--press-rail-ink) !important;
  border-left-color: color-mix(in srgb, var(--press-rail-ink) 35%, transparent) !important;
}

html[data-layout="press"][data-theme="journalist"] #press-sections a:hover,
html[data-layout="press"][data-theme="journalist"] #press-sections button:hover,
html[data-layout="press"][data-theme="journalist"] #press-sections a.is-on,
html[data-layout="press"][data-theme="journalist"] #press-sections button.is-on {
  background: var(--press-kicker) !important;
  color: var(--press-rail-ink) !important;
}

/* ----- skyline / wire ----- */
html[data-layout="press"][data-theme="journalist"] .skyline {
  background: var(--press-ink) !important;
  border-bottom-color: var(--press-ink) !important;
}

html[data-layout="press"][data-theme="journalist"] .sky-item,
html[data-layout="press"][data-theme="journalist"] .broadsheet-form a.sky-item,
html[data-layout="press"][data-theme="journalist"] .broadsheet-form a.sky-item:link,
html[data-layout="press"][data-theme="journalist"] .broadsheet-form a.sky-item:visited {
  color: var(--press-paper) !important;
  border-right-color: color-mix(in srgb, var(--press-paper) 25%, transparent) !important;
}

html[data-layout="press"][data-theme="journalist"] .sky-item b {
  color: var(--press-brass) !important;
}

html[data-layout="press"][data-theme="journalist"] .late-hed,
html[data-layout="press"][data-theme="journalist"] .lead-hed,
html[data-layout="press"][data-theme="journalist"] .lead-deck,
html[data-layout="press"][data-theme="journalist"] .stack-hed,
html[data-layout="press"][data-theme="journalist"] .stack-dek,
html[data-layout="press"][data-theme="journalist"] .under-hed,
html[data-layout="press"][data-theme="journalist"] .brief-hed {
  color: var(--press-ink) !important;
}

html[data-layout="press"][data-theme="journalist"] .col-lead .lead-hed:hover,
html[data-layout="press"][data-theme="journalist"] .stack:hover .stack-hed,
html[data-layout="press"][data-theme="journalist"] .under-col:hover .under-hed,
html[data-layout="press"][data-theme="journalist"] .late-row:hover .late-hed {
  color: var(--press-kicker) !important;
}

html[data-layout="press"][data-theme="journalist"] .late-time {
  color: var(--press-ink-soft) !important;
}

html[data-layout="press"][data-theme="journalist"] .brief,
html[data-layout="press"][data-theme="journalist"] .late-row,
html[data-layout="press"][data-theme="journalist"] #feed-grid.press-form .ed-card {
  border-color: color-mix(in srgb, var(--press-ink) 22%, transparent) !important;
}

/* ----- search ----- */
html[data-theme="journalist"] #search-input,
html[data-theme="journalist"] .search-input,
html[data-theme="journalist"] #search-form #search-input {
  background: var(--ws-surface) !important;
  border-color: var(--ws-line-strong) !important;
  color: var(--ws-text) !important;
}

html[data-layout="press"][data-theme="journalist"] #search-input,
html[data-layout="press"][data-theme="journalist"] .search-input,
html[data-layout="press"][data-theme="journalist"] #search-form #search-input {
  background: var(--press-paper-2) !important;
  border: 1px solid var(--press-ink) !important;
  color: var(--press-ink) !important;
}

html[data-theme="journalist"] #search-input::placeholder,
html[data-theme="journalist"] #search-form #search-input::placeholder {
  color: var(--ws-muted) !important;
}

html[data-layout="press"][data-theme="journalist"] #search-input::placeholder,
html[data-layout="press"][data-theme="journalist"] #search-form #search-input::placeholder {
  color: color-mix(in srgb, var(--press-ink) 58%, transparent) !important;
}

html[data-theme="journalist"] #search-suggest {
  background: var(--ws-surface) !important;
  border-color: var(--ws-line) !important;
  color: var(--ws-text) !important;
  box-shadow: 0 8px 32px color-mix(in srgb, #1C1710 22%, transparent) !important;
}

html[data-layout="press"][data-theme="journalist"] #search-suggest {
  background: var(--press-paper) !important;
  border: 1px solid var(--press-ink) !important;
  color: var(--press-ink) !important;
}

html[data-theme="journalist"] #search-suggest .ss-item {
  border-bottom-color: var(--ws-line) !important;
}

html[data-theme="journalist"] #search-suggest .ss-title {
  color: var(--ws-text) !important;
}

html[data-theme="journalist"] #search-form svg,
html[data-theme="journalist"] #search-clear {
  color: var(--ws-text) !important;
  stroke: var(--ws-text);
}

/* ----- magazine chrome ----- */
html[data-layout="magazine"][data-theme="journalist"] .ws-header,
html:not([data-layout="press"])[data-theme="journalist"] .ws-header,
html[data-theme="journalist"] header.sticky,
html[data-theme="journalist"] header.site {
  background: var(--ws-header-bg) !important;
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}

html[data-theme="journalist"] aside#side-nav,
html[data-theme="journalist"] nav.mobile-bottom-nav {
  background: color-mix(in srgb, var(--ws-bg) 94%, transparent) !important;
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}

html[data-theme="journalist"] .mobile-bottom-nav button,
html[data-theme="journalist"] .mobile-bottom-nav a {
  color: var(--ws-muted) !important;
}

html[data-theme="journalist"] .mobile-bottom-nav button.active,
html[data-theme="journalist"] .mobile-bottom-nav a.active {
  color: var(--ws-text) !important;
}

html[data-theme="journalist"] .mobile-bottom-nav button.active::after {
  background: var(--ws-accent) !important;
}

html[data-theme="journalist"] .ssr-hub-link {
  background: var(--ws-surface-raised) !important;
  color: var(--ws-muted) !important;
  border-color: var(--ws-line) !important;
}

html[data-theme="journalist"] .ed-card,
html[data-theme="journalist"] .card,
html[data-theme="journalist"] .thumb-wrap,
html[data-theme="journalist"] .thumb {
  background-color: var(--ws-surface) !important;
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}

html[data-theme="journalist"] .ed-card:hover .ed-title,
html[data-theme="journalist"] .ed-card:hover .ed-source,
html[data-theme="journalist"] .ed-section-kicker,
html[data-theme="journalist"] .ed-source,
html[data-theme="journalist"] .ed-section-icn {
  color: var(--ws-accent) !important;
}

/* ----- drawers / settings / sheets ----- */
html[data-theme="journalist"] #settings-drawer,
html[data-theme="journalist"] #settings-drawer > div:last-child,
html[data-theme="journalist"] #comments-drawer .drawer-panel,
html[data-theme="journalist"] .drawer-panel,
html[data-theme="journalist"] #share-sheet .bg-panel,
html[data-theme="journalist"] #share-sheet > div:last-child,
html[data-theme="journalist"] #notif-panel,
html[data-theme="journalist"] #bottom-nav-sheet .bns-card,
html[data-theme="journalist"] #profile-pop > div:last-child,
html[data-theme="journalist"] .tour-panel,
html[data-theme="journalist"] .install-sheet {
  background: var(--ws-surface) !important;
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}

html[data-theme="journalist"] #settings-drawer p,
html[data-theme="journalist"] #settings-drawer .text-cream\/85,
html[data-theme="journalist"] #settings-account,
html[data-theme="journalist"] #notif-panel .title,
html[data-theme="journalist"] #notif-panel .row-title,
html[data-theme="journalist"] #notif-panel .row-text,
html[data-theme="journalist"] #notif-panel .head,
html[data-theme="journalist"] #notif-panel .foot {
  color: var(--ws-text) !important;
}

html[data-theme="journalist"] #notif-panel .when,
html[data-theme="journalist"] #notif-panel .empty,
html[data-theme="journalist"] #notif-panel .notif-status {
  color: var(--ws-muted) !important;
}

html[data-theme="journalist"] #notif-panel .icon-btn,
html[data-theme="journalist"] #notif-panel .foot a {
  color: var(--ws-muted) !important;
  border-color: var(--ws-line) !important;
  background: transparent !important;
}

html[data-theme="journalist"] #notif-panel .icon-btn:hover,
html[data-theme="journalist"] #notif-panel .foot a:hover {
  color: var(--ws-text) !important;
  border-color: var(--ws-accent) !important;
  background: color-mix(in srgb, var(--ws-accent) 10%, var(--ws-surface)) !important;
}

html[data-theme="journalist"] .theme-btn,
html[data-theme="journalist"] .theme-toggle,
html[data-theme="journalist"] [data-layout-pick] {
  background: var(--ws-surface-raised) !important;
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}

html[data-theme="journalist"] .theme-toggle[aria-pressed="true"],
html[data-theme="journalist"] [data-layout-pick].is-on {
  background: color-mix(in srgb, var(--ws-accent) 12%, var(--ws-surface)) !important;
  border-color: color-mix(in srgb, var(--ws-accent) 40%, var(--ws-line)) !important;
  color: var(--ws-text) !important;
}

html[data-theme="journalist"] .bns-item {
  background: var(--ws-surface) !important;
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}

html[data-theme="journalist"] .bns-item:hover,
html[data-theme="journalist"] .bns-item:active {
  background: var(--ws-surface-raised) !important;
  border-color: var(--ws-accent) !important;
  color: var(--ws-text) !important;
}

html[data-theme="journalist"] .bns-item .icn {
  color: var(--ws-muted) !important;
}

html[data-theme="journalist"] .bns-donate {
  border-color: color-mix(in srgb, var(--ws-accent) 45%, var(--ws-line)) !important;
  background: color-mix(in srgb, var(--ws-accent) 10%, var(--ws-surface)) !important;
}

html[data-theme="journalist"] .comment .handle,
html[data-theme="journalist"] .comment .body {
  color: var(--ws-text) !important;
}

html[data-theme="journalist"] .comment .when,
html[data-theme="journalist"] .comment .reply-link,
html[data-theme="journalist"] .comment .delete-link,
html[data-theme="journalist"] .comment .like-link,
html[data-theme="journalist"] .sort-btn {
  color: var(--ws-muted) !important;
}

html[data-theme="journalist"] .comment .handle:hover,
html[data-theme="journalist"] .comment .reply-link:hover,
html[data-theme="journalist"] .comment .delete-link:hover,
html[data-theme="journalist"] .comment .like-link:hover,
html[data-theme="journalist"] .comment .like-link.mine,
html[data-theme="journalist"] .comment .you-tag {
  color: var(--ws-accent) !important;
}

html[data-theme="journalist"] .comment .you-tag,
html[data-theme="journalist"] .comment .like-link.mine,
html[data-theme="journalist"] .comment .reply-link:hover,
html[data-theme="journalist"] .comment .delete-link:hover,
html[data-theme="journalist"] .comment .like-link:hover {
  background: color-mix(in srgb, var(--ws-accent) 12%, var(--ws-surface)) !important;
}

html[data-theme="journalist"] .gif-panel {
  background: var(--ws-bg) !important;
  border-color: var(--ws-line) !important;
}

html[data-theme="journalist"] .sort-btn:hover,
html[data-theme="journalist"] .sort-btn.active {
  color: var(--ws-text) !important;
  background: color-mix(in srgb, var(--ws-text) 6%, var(--ws-surface)) !important;
}

html[data-theme="journalist"] .drawer-panel input,
html[data-theme="journalist"] .drawer-panel textarea,
html[data-theme="journalist"] #drawer-input,
html[data-theme="journalist"] #gif-search {
  background: var(--ws-bg) !important;
  color: var(--ws-text) !important;
  border-color: var(--ws-line) !important;
}

html[data-theme="journalist"] #inapp-banner {
  background: var(--ws-surface) !important;
  color: var(--ws-text) !important;
  border-bottom-color: var(--ws-accent) !important;
}

html[data-theme="journalist"] #inapp-banner button {
  color: var(--ws-muted) !important;
  border-color: var(--ws-line) !important;
}

html[data-theme="journalist"] .ws-globe > div {
  background: var(--ws-surface) !important;
  border-color: var(--ws-line) !important;
  color: var(--ws-text) !important;
}

html[data-theme="journalist"] .ws-globe .ws-rgn:hover,
html[data-theme="journalist"] .ws-globe[open] > summary {
  background: var(--ws-surface-raised) !important;
  color: var(--ws-text) !important;
}

html[data-theme="journalist"] #push-toast-host > a,
html[data-theme="journalist"] #toast {
  background: var(--ws-surface) !important;
  border-color: var(--ws-line) !important;
  color: var(--ws-text) !important;
}

/* ----- hover / focus: no flash white, no electric red ----- */
html[data-theme="journalist"] [class*="hover:bg-white"]:hover,
html[data-theme="journalist"] [class*="hover:bg-white/5"]:hover {
  background: color-mix(in srgb, var(--ws-text) 7%, var(--ws-surface)) !important;
}

html[data-theme="journalist"] .press-tools #bell-btn:hover,
html[data-layout="press"][data-theme="journalist"] .press-tools #bell-btn:hover,
html[data-layout="press"][data-theme="journalist"] .press-tools #refresh-btn:hover,
html[data-layout="press"][data-theme="journalist"] .press-tools #settings-btn:hover,
html[data-layout="press"][data-theme="journalist"] .press-tools #bell-btn:focus-visible,
html[data-layout="press"][data-theme="journalist"] .press-tools #refresh-btn:focus-visible,
html[data-layout="press"][data-theme="journalist"] .press-tools #settings-btn:focus-visible {
  color: var(--press-ink) !important;
  background: color-mix(in srgb, var(--press-ink) 8%, var(--press-paper)) !important;
}

html[data-theme="journalist"] a:hover,
html[data-theme="journalist"] .bookmark-btn:hover,
html[data-theme="journalist"] .bookmark-btn.saved,
html[data-theme="journalist"] .ed-card:hover .ed-title {
  color: var(--ws-accent) !important;
}

html[data-theme="journalist"] .tab:hover,
html[data-theme="journalist"] .side-tab:hover,
html[data-theme="journalist"] .stock-tab:hover,
html[data-theme="journalist"] .tab.active,
html[data-theme="journalist"] .stock-tab.active,
html[data-theme="journalist"] .side-tab.active {
  color: var(--ws-text) !important;
  border-color: var(--ws-accent) !important;
  background: color-mix(in srgb, var(--ws-accent) 10%, var(--ws-surface)) !important;
}

html[data-theme="journalist"] .stock-tab,
html[data-theme="journalist"] .tab,
html[data-theme="journalist"] .side-tab {
  background: var(--ws-surface) !important;
  color: var(--ws-muted) !important;
  border-color: var(--ws-line) !important;
}

html[data-theme="journalist"] :focus-visible {
  outline-color: var(--ws-focus) !important;
}

html[data-theme="journalist"] #feed-controls button:focus-visible,
html[data-theme="journalist"] #feed-chips button:focus-visible,
html[data-theme="journalist"] .pill:focus-visible {
  outline: 2px solid var(--ws-accent) !important;
  outline-offset: 2px !important;
}

html[data-theme="journalist"] #search-input:hover,
html[data-theme="journalist"] #search-input:focus,
html[data-theme="journalist"] #search-form #search-input:hover,
html[data-theme="journalist"] #search-form #search-input:focus {
  background: var(--ws-surface) !important;
  border-color: var(--ws-accent) !important;
  color: var(--ws-text) !important;
  box-shadow: none !important;
}

html[data-layout="press"][data-theme="journalist"] #search-input:hover,
html[data-layout="press"][data-theme="journalist"] #search-input:focus,
html[data-layout="press"][data-theme="journalist"] #search-form #search-input:hover,
html[data-layout="press"][data-theme="journalist"] #search-form #search-input:focus {
  background: var(--press-paper-2) !important;
  border-color: var(--press-ink) !important;
  color: var(--press-ink) !important;
}

/* ----- mobile dock contrast on yellowed paper ----- */
@media (max-width: 959px) {
  html[data-layout="press"][data-theme="journalist"] #press-dock {
    background: var(--press-paper) !important;
    color: var(--press-ink) !important;
    border-top: 2px solid var(--press-ink) !important;
  }

  html[data-layout="press"][data-theme="journalist"] #press-dock a,
  html[data-layout="press"][data-theme="journalist"] #press-dock button,
  html[data-layout="press"][data-theme="journalist"] #press-dock #press-menu {
    background: var(--press-paper) !important;
    color: var(--press-ink) !important;
  }

  html[data-layout="press"][data-theme="journalist"] #press-dock .is-on {
    color: var(--press-ink) !important;
    box-shadow: inset 0 -3px 0 var(--press-kicker) !important;
    background: var(--press-paper-2) !important;
  }

  html[data-layout="press"][data-theme="journalist"] #press-dock a:hover,
  html[data-layout="press"][data-theme="journalist"] #press-dock button:hover {
    color: var(--press-kicker) !important;
    background: var(--press-paper-2) !important;
  }
}

/* ----- Inter on controls; serif only on article prose ----- */
html[data-theme="journalist"] body,
html[data-theme="journalist"] button,
html[data-theme="journalist"] input,
html[data-theme="journalist"] select,
html[data-theme="journalist"] textarea,
html[data-theme="journalist"] nav,
html[data-theme="journalist"] .meta,
html[data-theme="journalist"] .ed-meta,
html[data-theme="journalist"] .src,
html[data-theme="journalist"] .ed-source,
html[data-theme="journalist"] .ed-source-line,
html[data-theme="journalist"] p,
html[data-theme="journalist"] li {
  font-family: "Inter Tight", Inter, system-ui, sans-serif !important;
}

html[data-theme="journalist"] article p,
html[data-theme="journalist"] article li,
html[data-theme="journalist"] .prose p,
html[data-theme="journalist"] .prose li,
html[data-theme="journalist"] .lede {
  font-family: "Cormorant Garamond", Charter, Georgia, serif !important;
}