/* R11.1 route sheet.

   Loaded after `/recovery.css` on the routes that carry an R11 fix.  It does
   four things and nothing else:

   1. keeps the size of headings R11 promoted or demoted only to repair the
      document outline;
   2. restores the recovered header colours on the Blue Smoke pages whose
      archived widget stylesheets set a bare `a { color: ... }` rule that leaks
      into the header;
   3. lifts body copy on the Blue Smoke hub pages whose archived widget
      stylesheet paints the document background black;
   4. replaces the archived Blue Smoke widget palette where the archived colours
      were only readable because of a text-shadow outline, and lifts the light
      tints the archived pages used on their own light panels.

   No layout, copy or destination is changed here.
*/

/* ---------- 1. outline fixes keep their original size ---------- */

/* A heading R11 promoted or demoted only to repair the document outline keeps
   the size it rendered at before.  The class records the *original* tag, so
   these rules do not depend on which level the outline fix produced.  Sizes are
   the measured pre-change values for this stylesheet (17px root). */
.recovery-main .r11-from-h1,
.recovery-main .r11-from-h3,
.recovery-main .r11-from-h4,
.recovery-main .r11-from-h5,
.recovery-main .r11-from-h6 { font-weight: 700; }

.recovery-main .r11-from-h1 {
  font-size: clamp(32px, 5vw, 58px);
  line-height: 1.12;
  width: fit-content;
  padding-bottom: 5px;
  border-bottom: 1px solid currentColor;
  margin: 0 0 20px;
}
.recovery-main .r11-from-h3 { font-size: 20px; line-height: 1.35; margin: 1.2em 0 0.5em; }
.recovery-main .r11-from-h4 { font-size: 17px; line-height: 1.4; margin: 1.2em 0 0.5em; }
.recovery-main .r11-from-h5 { font-size: 14.1px; line-height: 1.4; margin: 1.2em 0 0.5em; }
.recovery-main .r11-from-h6 { font-size: 11.4px; line-height: 1.4; margin: 1.2em 0 0.5em; }

/* ---------- 2. header colours win over the archived widget sheets ---------- */

.recovery-header .recovery-brand,
.recovery-header .recovery-nav a { color: var(--ink); }

/* ---------- 3. dark archived surfaces stay readable ---------- */

/* Several Blue Smoke hub pages embed archived widgets whose stylesheet sets a
   document-level `body { background: #000 }`.  The recovered header paints its
   own background so it is unaffected; the recovered body copy is not, and
   dark-on-black text is unreadable.

   Only the document colour is set here.  Inheritance carries it to every
   element that has no colour of its own, while the archived widgets keep every
   local colour they declare - so no panel, button or menu changes appearance. */
body.r11-dark-surface { background: #000; color: #e8ece7; }

/* ---------- 4. archived Blue Smoke widget palette ---------- */

/* The archived menu bar drew white text on #a4c4e0 and leaned on a dark
   text-shadow to stay legible.  The bar keeps its colour; the text and the
   buttons inside it move to a solid palette that stands on its own. */
body.r11-legacy-widget .recovery-main .menu-header { color: #12314a; text-shadow: none; }
body.r11-legacy-widget .recovery-main .site-menu a {
  background: #33566f;
  background-image: none;
  color: #ffffff;
  text-shadow: none;
  border-color: #1c3547;
}

/* The archived widget sheets set a bare `a { color: ... }` that repaints the
   recovered skip link and footer link, and their own `:root` redefines
   `--accent`, so the footer link needs the literal recovered accent rather than
   the variable. */
body.r11-legacy-widget .recovery-skip { color: #202722; }
body.r11-legacy-widget .recovery-footer a { color: #256346; }

/* Archived light panels carrying archived white text. */
body.r11-legacy-widget .recovery-main .recovery-image-description { color: var(--ink); }

/* Archived panels whose own solid colour left white text just under 4.5:1. */
body.r11-legacy-widget .recovery-main .case-header { background: #3d70ad; }
body.r11-legacy-widget .recovery-main .footer-bar { background: #3b454e; }