/* Restore the first Color Magazine palette from edafb2c, keeping current layout and behavior.
   The historical comparison proposals keep their own palette layers. */
[data-variant=journal]:not([data-palette]) {
  --paper:#fffef9; --ink:#223036; --muted:#626d70; --line:#d4dddc; --accent:#116d85;
  --journal-blue:#c7ecf3; --journal-yellow:#eef0ba; --journal-pink:#fc2c54; --journal-gray:#a4a4a4;
  --journal-cover-main:#c7ecf3; --journal-cover-side:#eef0ba; --journal-surface:#dcecf0;
  --cyan:#2cd4fc; --pink:#fc2c54; --gray:#a4a4a4; --yellow:#fcfc7c;
  --motion-ink:#116d85; --motion-line:#3198af; --motion-wash:#dcecf0;
}
[data-variant=journal]:not([data-palette]) .journal-hero-main,
[data-variant=journal]:not([data-palette]) .article-heading-copy { --motion-ink:#116d85; --motion-line:#3198af; }
[data-variant=journal]:not([data-palette]) .article-heading-copy { background:#ccebf1; }
[data-variant=journal]:not([data-palette]) .article-heading-cover .article-visual { background:#eef0ba; }
[data-variant=journal]:not([data-palette]) .lead-eyebrow { background:#eef0ba; }
[data-variant=journal]:not([data-palette]) .mag-posts>.mag-card .mag-image { background:#eef1ed; }
[data-variant=journal]:not([data-palette]) .mag-posts>.lead-story .mag-image { background:#e8f4a0; }
[data-variant=journal]:not([data-palette]) .journal-team,
[data-variant=journal]:not([data-palette]) .journal-related { background:#dcecf0; }
[data-variant=journal]:not([data-palette]) .journal-team p { color:#50636a; }
[data-variant=journal]:not([data-palette]) .article-after { background:#edf0c9; }
[data-variant=journal]:not([data-palette]) .return-list,
[data-variant=journal]:not([data-palette]) .search-form,
[data-variant=journal]:not([data-palette]) .code-heading { background:#edf2ef; }
[data-variant=journal]:not([data-palette]) .site-footer {
  background:#e8eaa7; color:var(--ink); --motion-ink:#116d85; --motion-line:#3198af;
}
[data-variant=journal]:not([data-palette]) .footer-bottom { color:#52605e; }
[data-variant=journal]:not([data-palette]) .site-footer a:focus-visible { outline-color:#116d85; }
[data-variant=journal]:not([data-palette]) .site-footer a:active { color:#116d85; }
[data-variant=journal]:not([data-palette]) .pager-numbers a[aria-current],
[data-variant=journal]:not([data-palette]) .pager-numbers a[aria-current]:is(:hover,:focus-visible,:active) { background:#c7ecf3; color:var(--ink); }
[data-variant=journal]:not([data-palette]) .section-number,
[data-variant=journal]:not([data-palette]) .search-form button { color:#116d85; }
[data-variant=journal]:not([data-palette]) .category-nav button::before,
[data-variant=journal]:not([data-palette]) .pager a::after { background:#3198af; }
[data-variant=journal]:not([data-palette]) .article-side .toc[data-toc-enhanced],
[data-variant=journal]:not([data-palette]) .journal-contents { background:#f0f4ee; border-color:#d4dddc; border-top-color:#3198af; }
[data-variant=journal]:not([data-palette]) .toc a.toc-link { background:#fffef9; color:var(--ink); }
[data-variant=journal]:not([data-palette]) .toc a.toc-link[aria-current] { background:#dcecf0; color:#116d85; box-shadow:inset 3px 0 0 #3198af; }
[data-variant=journal]:not([data-palette]) .toc a[aria-current] .toc-number { background:#116d85; color:#fff; }
[data-variant=journal]:not([data-palette]) .toc a[aria-current] .toc-chevron,
[data-variant=journal]:not([data-palette]) [data-toc-position] { color:#116d85; }
[data-variant=journal]:not([data-palette]) .copy-code { color:#116d85; border-color:#88aeb7; }
[data-variant=journal]:not([data-palette]) .copy-code:focus-visible { color:#fff; background:#116d85; border-color:#116d85; }
[data-variant=journal]:not([data-palette]) :is(a,button,input,summary):focus-visible { outline-color:#116d85; }
[data-variant=journal]:not([data-palette]) .desktop-nav a { --motion-line:#3198af; }
[data-variant=journal]:not([data-palette]) .desktop-nav a:nth-child(2) { --motion-line:#d8778c; }
[data-variant=journal]:not([data-palette]) .desktop-nav a:nth-child(3) { --motion-line:#909b98; }
[data-variant=journal]:not([data-palette]) .desktop-nav a:nth-child(4) { --motion-line:#a2a75e; }
@media(hover:hover) and (pointer:fine) {
  [data-variant=journal]:not([data-palette]) :is(.pager a,.brand):hover { color:#116d85; }
  [data-variant=journal]:not([data-palette]) .site-footer .footer-brand:hover { color:#116d85; }
  [data-variant=journal]:not([data-palette]) .search-form button:hover,
  [data-variant=journal]:not([data-palette]) .return-list:hover,
  [data-variant=journal]:not([data-palette]) .toc a.toc-link:hover:not([aria-current]),
  [data-variant=journal]:not([data-palette]) .journal-contents>summary:hover { background:#dcecf0; color:#116d85; }
  [data-variant=journal]:not([data-palette]) .copy-code:hover { color:#fff; background:#116d85; border-color:#116d85; }
  [data-variant=journal]:not([data-palette]) .older-story:hover { border-color:#3198af; }
}
[data-variant=journal]:not([data-palette]) :is(.motion-link,.mag-link,.older-story):active { color:#116d85; }
[data-variant=journal]:not([data-palette]) :is(.return-list,.pager a,.search-form button):active { background:#dcecf0; }
@media(max-width:760px) {
  [data-variant=journal]:not([data-palette]) .journal-contents .toc[data-toc-enhanced] { background:none; border:0; }
}

/* Discovery: one stable focus treatment, shared by mouse and keyboard. */
[data-variant=journal]:not([data-palette]) .filter-row.journal-discovery { padding-bottom:4px; }
[data-variant=journal]:not([data-palette]) .search-form.journal-search {
  width:312px; flex-shrink:0; min-height:48px; padding-left:16px;
  border:1px solid #c7d5d3; border-radius:3px; background:#f4f6f1;
  box-shadow:0 0 0 1px transparent;
  transition:border-color 180ms ease,box-shadow 180ms ease;
}
[data-variant=journal]:not([data-palette]) .search-form.journal-search:focus-within {
  border-color:#116d85; box-shadow:0 0 0 1px #116d85; background:#f4f6f1;
}
/* The containing form supplies the visible input focus indicator. */
[data-variant=journal]:not([data-palette]) .search-form.journal-search input:focus,
[data-variant=journal]:not([data-palette]) .search-form.journal-search input:focus-visible {
  outline:none; box-shadow:none;
}
[data-variant=journal]:not([data-palette]) .search-form.journal-search input {
  min-height:46px; padding:10px 10px 10px 0; line-height:1.5; border-radius:0;
}
[data-variant=journal]:not([data-palette]) .search-form.journal-search button {
  flex:0 0 82px; min-height:46px; padding:0 12px; display:flex; align-items:center;
  justify-content:center; gap:7px; border-left:1px solid #d4dddc; border-radius:0;
  background:transparent; color:#365c67; font-size:13px; line-height:1.4;
  transition:color 180ms ease; transform:none;
}
[data-variant=journal]:not([data-palette]) .search-form.journal-search button:is(:hover,:active) {
  background:transparent; color:#116d85; transform:none;
}
[data-variant=journal]:not([data-palette]) .search-form.journal-search button:focus-visible {
  outline:2px solid #116d85; outline-offset:-5px;
}
[data-variant=journal]:not([data-palette]) .category-filter {
  position:relative; display:inline-flex; align-items:center; min-height:44px;
  padding:11px 0; font-size:14px; line-height:1.5; color:var(--muted);
  transition:color 180ms ease;
}
[data-variant=journal]:not([data-palette]) .category-filter::after {
  content:''; position:absolute; left:0; right:0; bottom:3px; height:2px;
  background:currentColor; opacity:0; transition:opacity 180ms ease;
}
[data-variant=journal]:not([data-palette]) .category-filter[aria-current] { color:var(--ink); }
[data-variant=journal]:not([data-palette]) .category-filter[aria-current]::after { opacity:1; }
[data-variant=journal]:not([data-palette]) .discovery-summary {
  min-height:66px; padding:4px 0 14px; display:flex; align-items:center;
  justify-content:space-between; gap:12px 24px; font-size:12px; color:var(--muted);
}
[data-variant=journal]:not([data-palette]) .filter-status { overflow-wrap:anywhere; line-height:1.8; }
[data-variant=journal]:not([data-palette]) .filter-reset {
  flex-shrink:0; min-height:44px; padding:8px 0 8px 12px; display:inline-flex;
  align-items:center; gap:10px; border:0; background:transparent; color:#116d85;
  font-size:12px; text-decoration:underline; text-underline-offset:5px;
  text-decoration-color:#9ab9c0;
}
[data-variant=journal]:not([data-palette]) .filter-reset span { font-size:20px; line-height:1; }
[data-variant=journal]:not([data-palette]) .journal-breadcrumb ol {
  list-style:none; margin:0; padding:0; display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px;
}
[data-variant=journal]:not([data-palette]) .journal-breadcrumb li { display:inline-flex; align-items:center; gap:12px; }
[data-variant=journal]:not([data-palette]) .journal-breadcrumb li+li::before { content:'/'; color:#95a6a8; }
[data-variant=journal]:not([data-palette]) .journal-breadcrumb li[aria-current] { color:var(--ink); }
@media(hover:hover) and (pointer:fine) {
  [data-variant=journal]:not([data-palette]) .search-form.journal-search:hover:not(:focus-within) { border-color:#88aab0; }
  [data-variant=journal]:not([data-palette]) .category-filter:hover { color:#116d85; }
  [data-variant=journal]:not([data-palette]) .category-filter:hover::after { opacity:.55; }
  [data-variant=journal]:not([data-palette]) .category-filter[aria-current]:hover::after { opacity:1; }
  [data-variant=journal]:not([data-palette]) .filter-reset:hover { text-decoration-color:currentColor; }
}
@media(max-width:960px) and (min-width:761px) {
  [data-variant=journal]:not([data-palette]) .journal-discovery .category-nav { gap:18px; }
  [data-variant=journal]:not([data-palette]) .search-form.journal-search { width:280px; }
}
@media(max-width:760px) {
  [data-variant=journal]:not([data-palette]) .search-form.journal-search { width:100%; margin-top:14px; }
  [data-variant=journal]:not([data-palette]) .search-form.journal-search input { font-size:16px; }
  [data-variant=journal]:not([data-palette]) .discovery-summary { align-items:flex-start; gap:6px 14px; padding-top:8px; }
  [data-variant=journal]:not([data-palette]) .filter-status { padding-top:10px; }
  [data-variant=journal]:not([data-palette]) .journal-breadcrumb ol,
  [data-variant=journal]:not([data-palette]) .journal-breadcrumb li { gap:8px; }
}
@media(prefers-reduced-motion:reduce) {
  [data-variant=journal]:not([data-palette]) .search-form.journal-search,
  [data-variant=journal]:not([data-palette]) .search-form.journal-search button,
  [data-variant=journal]:not([data-palette]) .category-filter,
  [data-variant=journal]:not([data-palette]) .category-filter::after { transition:none; }
}

/* Keep navigation available without changing the page's content alignment. */
[data-variant=journal]:not([data-palette]) {
  --journal-header-offset:100px;
  scroll-padding-top:calc(var(--journal-header-offset) + 24px);
}
[data-variant=journal]:not([data-palette]) .journal-header-bar {
  position:sticky; top:0; z-index:40; background:var(--paper);
  box-shadow:0 1px 0 #22303614;
}
[data-variant=journal]:not([data-palette]) .read-progress {
  top:var(--journal-header-offset); z-index:41; height:2px;
}
[data-variant=journal]:not([data-palette]) .entry-content [id] { scroll-margin-top:0; }
[data-variant=journal]:not([data-palette])[data-ads=off] .article-side {
  top:calc(var(--journal-header-offset) + 24px);
}
[data-variant=journal]:not([data-palette]) .article-side .toc[data-toc-enhanced] {
  max-height:calc(100vh - var(--journal-header-offset) - 48px);
  max-height:calc(100dvh - var(--journal-header-offset) - 48px);
  overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin;
}
@media(max-width:760px) {
  [data-variant=journal]:not([data-palette]) { --journal-header-offset:80px; }
  [data-variant=journal]:not([data-palette]) .mobile-nav {
    max-height:calc(100vh - var(--journal-header-offset));
    max-height:calc(100dvh - var(--journal-header-offset));
    overflow-y:auto; overscroll-behavior:contain;
    padding-bottom:max(28px,env(safe-area-inset-bottom));
  }
  [data-variant=journal]:not([data-palette]) .journal-contents>summary {
    min-height:64px; padding:17px 17px; font-size:17px;
  }
  [data-variant=journal]:not([data-palette]) .journal-contents[open]>summary { padding-bottom:17px; }
  [data-variant=journal]:not([data-palette]) .journal-contents .contents-title { gap:10px; }
  [data-variant=journal]:not([data-palette]) .journal-contents .contents-toggle { font-size:13px; gap:9px; }
  [data-variant=journal]:not([data-palette]) .journal-contents .toc[data-toc-enhanced] { padding:0 13px 16px; }
}

@media(max-width:760px) {
  [data-variant=journal]:not([data-palette]) .journal-header-bar {
    transform:translateY(0);
    transition:transform 280ms cubic-bezier(.22,.68,.22,1);
  }
  [data-variant=journal]:not([data-palette]).is-journal-header-hidden .journal-header-bar {
    transform:translateY(calc(-100% - 1px));
  }
  /* Independent translate preserves the progress bar's inline scaleX value. */
  [data-variant=journal]:not([data-palette]) .read-progress {
    translate:0 0;
    transition:translate 280ms cubic-bezier(.22,.68,.22,1);
  }
  [data-variant=journal]:not([data-palette]).is-journal-header-hidden .read-progress {
    translate:0 calc(-1 * var(--journal-header-offset));
  }
}
@media(max-width:760px) and (prefers-reduced-motion:reduce) {
  [data-variant=journal]:not([data-palette]) .journal-header-bar,
  [data-variant=journal]:not([data-palette]) .read-progress { transition:none; }
}