/* UI-02D-A11Y accessibility layer: homepage (#hp-root, class uirh). Reviewed, hand-written; loaded after
   pages/home-layout.css. Findings: docs/ui-system/evidence/UI-A11Y-PREP/FINDINGS.json (G1a, G1c, G1d, G3a, G4a);
   evidence of this repair: docs/ui-system/evidence/UI-02D-A11Y/. Every selector starts from the page root with the
   layer's own 4-class prefix, so it wins over the page stylesheet and the layout layer by specificity and source
   order; only existing page tokens are used; no layout box, spacing, typography, content or behaviour changes at
   normal text size except the declared colour changes (planner field lines, review stars). No !important. */

/* G1a: at enlarged text the yacht strip controls (Previous yacht, the count, Next yacht) no longer fit on one line;
   the row may wrap instead of pushing Next yacht past the viewport (81px page overflow at 390px, 200% text).
   The count starts from a zero basis (it still grows into the free space and never shrinks below its own words), so
   the row wraps only when the buttons and the count's narrowest form cannot share one line, which is exactly when the
   unwrapped row would overflow; at normal text the row is laid out as before at every width (320px included). */
.uirh.uirh.uirh.uirh .uirh-strip-nav{flex-wrap:wrap}
.uirh.uirh.uirh.uirh .uirh-strip-count{flex-basis:0}

/* G1c, G1d: the two WhatsApp action labels (Help me choose planner, How to book your yacht) may wrap onto a second
   line instead of being cut off by the button's own nowrap (367px and 343px of text in a 304px box at 390px, 200%
   text). The labels are centred when they wrap; one-line labels are unchanged. */
.uirh.uirh.uirh.uirh #pbar .pbar-cta-btn,
.uirh.uirh.uirh.uirh #hiw > .reveal-d3 .btn{white-space:normal;text-align:center}

/* G3a: the planner field lines on the dark planner band (the guest stepper and its value, the date and time fields,
   the time chips and today's day ring all use --ln) rise from 22% to 40% white, above 3:1 on the rendered band in
   both themes (they measured about 1.98:1). The hover line (45% white) and hover fill change are kept. */
.uirh.uirh.uirh.uirh #pbar{--ln:rgba(255,255,255,.40)}

/* G4a: the review stars are the rating's only presentation (role=img, "Rated 5 out of 5"); they use the existing
   gold ink token (Light #80602F, Dark #D9B981) instead of the lighter gold (2.74:1 and lower on the white cards). */
.uirh.uirh.uirh.uirh .rvw-star{fill:var(--gi)}