/* ==========================================================
   CDS Journey redesign — global base
   Phase 1 foundation. Load after tokens.css.

   Genuinely global presentation only:
   - box sizing
   - body defaults when redesign tokens are loaded
   - images
   - focus
   - homepage / public link neutralization vs legacy purple.css

   Section-specific styles do NOT belong here.
   ========================================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}

img,
svg,
video,
canvas {
    max-width: 100%;
}

img {
    height: auto;
    vertical-align: middle;
}

/* Visible focus for keyboard users when components omit their own */
:focus-visible {
    outline: var(--rd-focus-ring-width, 2px) solid var(--rd-focus-ring-color, #1A2B4C);
    outline-offset: var(--rd-focus-ring-offset, 2px);
}

:focus:not(:focus-visible) {
    outline: none;
}

/* ---- Homepage / public redesign shell ----
   Neutralizes legacy mainpage/css/colors/purple.css generic `a`
   rules that still load via shared/base.html. Does not redesign
   Header or section composition.
   Do not wrap sticky .rd-header in a short .rd-home-chrome parent —
   sticky is constrained to that ancestor and scrolls away. */

.home-chrome,
.home-page,
.rd-home-page {
    background: var(--rd-surface-canvas, #FFFFFF);
    color: var(--rd-text-primary, #212529);
    font-family: var(--rd-font-body, "Inter", Arial, sans-serif);
}

.home-page a:link,
.home-page a:visited,
.rd-home-page a:link,
.rd-home-page a:visited {
    color: inherit;
}

.home-page a:hover,
.rd-home-page a:hover {
    color: inherit;
}

/* Text links without a CTA/utility class — navy → olive */
.home-page a:not([class]):link,
.home-page a:not([class]):visited,
.rd-home-page a:not([class]):link,
.rd-home-page a:not([class]):visited {
    color: var(--rd-interactive-default, #1A2B4C);
    text-decoration: none;
}

.home-page a:not([class]):hover,
.rd-home-page a:not([class]):hover {
    color: var(--rd-interactive-hover, #4B5320);
}

.home-page a:not([class]):focus-visible,
.rd-home-page a:not([class]):focus-visible {
    outline: var(--rd-focus-ring-width, 2px) solid var(--rd-color-gold, #D4AF37);
    outline-offset: 3px;
}