[data-shared-intake]{--hc-intake-placeholder-size:19px}
@media(max-width:560px){[data-shared-intake]{--hc-intake-placeholder-size:13px}}
[data-shared-intake] select:has(> option[value=""]:checked){font-size:var(--hc-intake-placeholder-size);font-weight:400;line-height:1.5}
/* Bottom/footer forms match the measured landing hero ZIP placeholder at each breakpoint. */
#bottom-quote-intake [data-shared-intake] .hc-lead-intake__field{padding:12px 14px}
#bottom-quote-intake [data-shared-intake] input::placeholder{font-size:var(--hc-intake-placeholder-size);font-weight:400}

/* Only shared recommendation intake and the opted-in household editor. */
:is([data-shared-intake], [data-household-presentation="recommendation"]) {
    --rf-ink: var(--hc-hero-navy, var(--hh-ink));
    --rf-surface: var(--hc-page-white, var(--hh-surface));
    --rf-focus: var(--hc-hero-navy, var(--hh-primary));
    --rf-line: var(--hc-hero-field-border, var(--hh-line));
}
:is([data-shared-intake], [data-household-presentation="recommendation"]) :is(input, select):focus {
    caret-color: var(--rf-ink);
}
[data-household-presentation="recommendation"] :is(input, select):focus {
    outline: 2px solid var(--rf-focus);
    outline-offset: 3px;
}
[data-shared-intake] .hc-lead-intake__field :is(input, select):focus { outline: none; }
[data-shared-intake] .hc-lead-intake__field:focus-within { border-color: var(--rf-focus); }
:is([data-shared-intake], [data-household-presentation="recommendation"]) .hc-water-anchor { position: relative; }
:is([data-shared-intake], [data-household-presentation="recommendation"]) .hc-water-options {
    position: absolute; inset-inline: 0; top: 100%; z-index: 20;
    min-width: 100%; margin-top: 6px; padding: 4px; border: 1px solid var(--rf-line);
    border-radius: 7px; color: var(--rf-ink); background: var(--rf-surface);
    font-size: 1rem; font-weight: 500; line-height: 1.4;
}
:is([data-shared-intake], [data-household-presentation="recommendation"]) .hc-water-options [role="option"] { padding: 9px; cursor: pointer; }
:is([data-shared-intake], [data-household-presentation="recommendation"]) .hc-water-options [data-active] { background: var(--rf-focus); color: var(--rf-surface); }

:is([data-shared-intake], [data-household-presentation="recommendation"]) .hc-water-options[data-side="above"] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 6px; }