/* site-overrides.css — production additions that must stay INVISIBLE (Karl, 2026-10-09: the website matches
   Beliveau's Connected Entrance exactly). Loaded BEFORE connected-entrance.css so every preview rule wins any
   conflict. Nothing here may change how a preview element looks; tests/parity.mjs proves it. */

/* Page canvas behind the shell (the preview was hosted inside a dark frame). */
html, body { margin: 0; background: #0A0A0A; }

/* Real anchors replace the preview's navigation <button>s (S28: real links, shareable URLs). These declarations
   reproduce the browser's own <button> rendering so an <a> lays out exactly like the button it replaces:
   inline-block, content centred vertically inside min-height (align-content on a block container), and the
   text properties a <button> does not inherit. Zero specificity (:where) — every preview rule overrides it. */
#h365-connected-search :where(a:not(.ln)) {
  display: inline-block; align-content: center; text-decoration: none; cursor: pointer;
  letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0; text-shadow: none;
}
/* .ln = an inline link placed inside a preview heading or line of text (e.g. a schedule title that links to its
   record page). It inherits everything from its parent, so it looks exactly like the text it wraps. The extra
   [class] lifts it above the preview's own `.schedule-row :is(button,a)` style rules. */
#h365-connected-search a.ln[class] { display: inline; min-height: 0; padding: 0; color: inherit; text-decoration: none; font: inherit; letter-spacing: inherit; text-transform: inherit; }
#h365-connected-search a.ln[class]:hover { text-decoration: underline; text-underline-offset: 4px; }

/* Visually hidden text: new-tab / provider / English-only disclosures for assistive technology (S10, S28). */
.vh { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }

/* Skip link: off-screen until focused. */
.skip-link { position: absolute; left: 12px; top: -80px; z-index: 100; background: #07F708; color: #04120a; font: 700 16px/1.4 'Public Sans', sans-serif; padding: 12px 16px; border-radius: 4px; text-decoration: none; }
.skip-link:focus { top: 12px; }
#main:focus { outline: none; }

/* Brand font, self-hosted (no third-party requests, C20). Same family the preview loads from Google Fonts. */
@font-face { font-family: 'Public Sans'; src: url('/assets/fonts/Public-Sans.woff2') format('woff2-variations'); font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Public Sans'; src: url('/assets/fonts/Public-Sans-latin-ext.woff2') format('woff2-variations'); font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } }

/* A <button> given display:block still shrink-wraps its content (auto width = fit-content). An <a> with
   display:block would fill the line, so the few anchors whose preview rule makes them block-level get the
   button's sizing back. (Grid/flex children are not listed: there a <button> stretches just like an <a>.) */
#h365-connected-search :where(.minimal-mission a, a.adult-clinics-link, a.adult-more) { width: fit-content; }

/* Planner landing: existing Resources visual language; no embedded planner. */
#h365-connected-search .planner-entry{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:24px 0}
#h365-connected-search .planner-entry>p{flex-basis:100%;margin:0}
#h365-connected-search .planner-entry [hidden]{display:none!important}
#h365-connected-search .planner-details{max-width:760px;line-height:1.65}
#h365-connected-search .planner-details section{padding:20px 0;border-bottom:1px solid #273036}
#h365-connected-search .planner-entry a.e-action{color:#0a0a0a}