/* Corrections layered on top of the theme's main.min.css.
   Kept in a separate file so a future rebuild of main.min.css does not drop them. */

/* ---------- Layout ---------- */

/* The insurance logos carry width/height attributes so the browser can reserve the
   right amount of space before they load, which is what Cumulative Layout Shift
   scores. The theme sizes them with a height-only utility (.h-14), and an <img>
   width attribute is a used value, not just a hint: without releasing width back to
   auto the attribute wins, the images render at their full intrinsic width, and the
   row stretches apart.

   width:auto lets the height utility drive the rendered size while the attributes
   still supply the aspect ratio. Verified against measured intrinsic ratios
   (5.172, 1.933, 2.804), which match each file's viewBox. */
img.h-14[width][height] {
  width: auto;
}

/* ---------- Accessibility ---------- */

/* WCAG 1.4.1 Use of Color.
   Inline links in body copy were distinguished from surrounding text by colour alone
   (#57534e link against #0a0a0a text is only 2.6:1, and the rule requires 3:1 when
   colour is the sole cue). The 500 vs 400 font-weight difference is too subtle to
   count. Underlining is the conventional non-colour cue.

   Scoped to prose only: navigation, footer CTAs, and anything with .btn keep the
   theme's styling. */
main p a:not(.btn),
main li a:not(.btn),
main blockquote a:not(.btn),
.content-style--card p a:not(.btn) {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: from-font;
}

/* Keep the cue on hover rather than removing it, so the affordance never disappears. */
main p a:not(.btn):hover,
main li a:not(.btn):hover,
main blockquote a:not(.btn):hover,
.content-style--card p a:not(.btn):hover {
  text-decoration-thickness: 2px;
}

/* WCAG 2.4.7 Focus Visible. The theme sets outline-style:none on links, which leaves
   keyboard users with no indication of position. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid #57534e;
  outline-offset: 2px;
}