/* Shared readable metadata size. Existing component breakpoints stay local. */
:where([class^="fph2-"],[class*=" fph2-"]){--fph2-font-small:max(12px,.75rem)}
/* Shared visual hierarchy for FHI surfaces. Page styles apply these tokens to named elements. */
:where([class^="fph2-"],[class*=" fph2-"]){--fph2-weight-meta:500;--fph2-weight-title:600;--fph2-weight-key:700}
:where([class^="fph2-"],[class*=" fph2-"]):focus-visible,
:where([class^="fph2-"],[class*=" fph2-"]) :focus-visible{outline:3px solid #2386dc!important;outline-offset:3px}
:where([class^="fph2-"],[class*=" fph2-"]) input:focus-visible+span{outline:3px solid #2386dc;outline-offset:3px}
@media(prefers-reduced-motion:reduce){
  :where([class^="fph2-"],[class*=" fph2-"]),
  :where([class^="fph2-"],[class*=" fph2-"]) *,
  :where([class^="fph2-"],[class*=" fph2-"]) *::before,
  :where([class^="fph2-"],[class*=" fph2-"]) *::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important;
  }
}