/* S6-Classic-RestoreKnownGood: restore the original theme bridge and remove cyan typography */

/* Hyperlink hover/focus colour, standing user rule 2026-08-14, re-cut for the
   no-blue-light rule of 2026-08-16. The hover hue used to be a rose — #ff465a
   on dark, #bd0014 on light — and a rose is a red whose blue channel sits
   above its green, which the new rule bars. Both values moved the short way
   out of the cold half: #ff4947 on dark, #bc0900 here. Same lightness, same
   measured contrast, scarlet instead of rose.

   MOFA is a light ground — this preview renders on --mofa-bg inside a
   #wrapper of --mofa-surface (#f2e6d2) — so it takes the light value. One
   value, not four: it is fixed across all four palettes (scarlet-classic,
   buckeye-steel, ohio-river, festival-noir) in theme-switcher.css, so it
   lives here rather than in any per-theme block. If a palette ever introduces
   a genuinely dark ground, that block re-points this token to #ff4947 — pair
   it to the measured background, never to the palette name. Rest and :visited
   stay --mofa-accent; this is the hover/focus state only. */
:root {
  --link-hover: #bc0900;
}

body.custom-background {
  background-color: var(--mofa-bg, #f2e6d2);
}

#wrapper {
  background: var(--mofa-surface, #f2e6d2);
}

#branding img,
.mofa-brandmark__image {
  width: 940px;
  max-width: 100%;
  height: auto;
  display: block;
}

.mofa-brandmark {
  display: block;
}

.entry-content table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 16px;
}

.entry-content th,
.entry-content td {
  border: 1px solid var(--mofa-line, #dfd7cb);
  padding: 8px 10px;
  vertical-align: top;
}

.entry-content th {
  background: var(--mofa-highlight, #f2e6d2);
  color: var(--mofa-text, #383229);
  font-weight: bold;
}

.entry-content .meta {
  margin-bottom: 12px;
  color: var(--mofa-muted, #6c655b);
}

.entry-content .quick-links {
  margin-top: 16px;
}

.entry-content .quick-links li {
  margin: 0 0 6px 18px;
  list-style: disc;
}

#access .menu ul,
#access .menu li {
  list-style: none;
}

#access .menu li {
  float: left;
}

#access .menu::after {
  content: "";
  display: block;
  clear: both;
}

/* Theme bridge for legacy Twenty Ten markup */
body[data-theme] {
  color: var(--mofa-text, #28231a);
  background-color: var(--mofa-bg, #f2e6d2);
}

body[data-theme] #wrapper {
  box-shadow: 0 10px 26px rgb(0 0 0 / 14%);
}

body[data-theme] #site-title a,
body[data-theme] .entry-title,
body[data-theme] .entry-content h1,
body[data-theme] .entry-content h2,
body[data-theme] .entry-content h3,
body[data-theme] .entry-content h4 {
  color: var(--mofa-brand, #bb0000);
}

body[data-theme] #site-description,
body[data-theme] .entry-content,
body[data-theme] .entry-content p,
body[data-theme] .entry-content li,
body[data-theme] .entry-content td,
body[data-theme] .entry-content strong {
  color: var(--mofa-text, #28231a);
}

body[data-theme="festival-noir"] #site-description,
body[data-theme="festival-noir"] .entry-content,
body[data-theme="festival-noir"] .entry-content p,
body[data-theme="festival-noir"] .entry-content li,
body[data-theme="festival-noir"] .entry-content td,
body[data-theme="festival-noir"] .entry-content strong,
body[data-theme="festival-noir"] #site-info,
body[data-theme="festival-noir"] #site-generator {
  color: #f2e6d2;
}

body[data-theme] #access,
body[data-theme] #access .menu-header,
body[data-theme] #access div.menu ul {
  background: linear-gradient(180deg, var(--mofa-brand, #bb0000), var(--mofa-brand-strong, #8f0000));
}

body[data-theme] #access a {
  color: #f2e6d2;
  text-shadow: none;
}

body[data-theme] #access .current_page_item > a,
body[data-theme] #access .menu .current-menu-item > a,
body[data-theme] #access .menu .current_page_item > a {
  background: rgb(0 0 0 / 18%);
  color: #f2e6d2;
}

body[data-theme] .entry-content a,
body[data-theme] #site-info a,
body[data-theme] #site-generator a {
  color: var(--mofa-accent, #645e53);
}

body[data-theme] .entry-content a:hover,
body[data-theme] .entry-content a:focus-visible,
body[data-theme] #site-info a:hover,
body[data-theme] #site-info a:focus-visible,
body[data-theme] #site-generator a:hover,
body[data-theme] #site-generator a:focus-visible {
  color: var(--link-hover);
}

/* Standing rule: hyperlinks never carry an underline, in any state. The
   vendored Twenty Ten theme (styles/theme.css, unmodified WordPress core)
   underlines .widget-area and #site-generator links on hover/active; this
   overrides it here rather than editing the vendored file. #wrapper wins on
   specificity regardless of stylesheet order. */
#wrapper a,
#wrapper a:link,
#wrapper a:visited,
#wrapper a:hover,
#wrapper a:focus,
#wrapper a:active {
  text-decoration: none;
}

body[data-theme] #footer,
body[data-theme] #colophon {
  border-top-color: var(--mofa-line, #d7d0c4);
}

@media (max-width: 980px) {
  #wrapper,
  #access .menu-header,
  #colophon,
  #branding,
  #main {
    width: auto;
    margin: 0 10px;
  }

  #content {
    margin: 0 12px;
  }

  body[data-theme] #wrapper {
    padding-bottom: 70px;
  }
}

/* =========================================================================
   NEUTRALISING THE VENDORED THEME (2026-08-16)

   styles/theme.css is unmodified WordPress Twenty Ten. It is not ours to
   edit — the standing rule is that vendored CSS gets overridden from our own
   layer, never forked — and it carries twenty-one declarations that break the
   two palette rules in DUH/rules/presentation.md: an #0066cc link, a #743399
   visited link, three blue-tinted panels (#f2f7fc, #d9e8f7), and a set of
   white and near-white surfaces (#fff, #f9f9f9, #f7f7f7, #f5f5f5, #f1f1f1).

   Every replacement below is pinned to a --mofa-* token rather than to a
   literal, so the four palettes keep control of their own grounds and a fifth
   palette inherits the fix for free. Ordering: this file loads after
   theme.css, and each rule matches the vendored selector exactly, so
   specificity is equal and source order decides.
   ========================================================================= */

#wrapper a:link {
  color: var(--mofa-accent, #645e53);
}

#wrapper a:visited {
  color: var(--mofa-muted, #625c51);
}

/* Blue-tinted panels: the odd table row, the sticky post, the author box. */
#content tr.odd td,
.home .sticky,
#entry-author-info {
  background: var(--mofa-highlight, #e6ddcf);
}

.home .sticky .page-link a {
  background: var(--mofa-line, #cac1b3);
}

/* White and near-white surfaces. The card itself is already re-pointed above
   (`#wrapper`); these are the smaller fields the vendored sheet paints. */
pre,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea,
.entry-content fieldset legend,
#entry-author-info #author-avatar,
.wp-caption,
.page-link a:link,
.page-link a:visited {
  background: var(--mofa-highlight, #e6ddcf);
}

#wp-calendar tbody td {
  background: var(--mofa-highlight, #e6ddcf);
  border-color: var(--mofa-surface, #f2e6d2);
}

/* Gallery thumbnails are framed with a 10px solid white border in the
   vendored sheet — a white frame is still white, however small. */
.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img,
.gallery img {
  border-color: var(--mofa-highlight, #e6ddcf);
}