/* Home page — only what is not a shared component (see docs/COMPONENTS.md).
   Page CSS is unlayered, so it wins over base/components/utilities. */

/* Hero right column: bearing ring (absolute, inset 0) behind the portrait tile + caption */
.hero-visual{position:relative}

/* Federal band title (Libre Franklin 800, line-height 1.1 in the prototype) */
.fed-band__title{line-height:1.1}

/* Documented-outcome tile whose "Documented change" value is a phrase, not a number
   ("Up to 50/day → 3/week"): smaller value so the tile never overflows in the 3-up row. */
.stat--long .stat__value{font-size:1.75rem;line-height:1.2}

@media (max-width:760px){
  .hero-visual{max-width:380px;margin:0 auto}
}