/* D25 shared additions. No motion is used; the guard below keeps it that way if any is added. */
.site-header .brand { display: inline-block; min-height: 44px; padding-top: 0.5rem; }
.site-header .brand img { display: block; width: 172px; height: 28px; }
.hero h1 { margin-bottom: 0.75rem; }
.hero .supporting { font-size: 1.125rem; }
.hero .process { font-weight: 600; }
.example-box { border: 1px solid #C9C6D0; border-radius: 6px; padding: 0.75rem 1rem; margin: 1rem 0; }
.example-box dt { font-weight: 700; margin-top: 0.5rem; }
.example-box dd { margin: 0.15rem 0 0.5rem 0; }
.label { display: inline-block; border: 1px solid #1F1D2B; border-radius: 4px; padding: 0 0.4rem; font-size: 0.95rem; font-weight: 700; }
.site-footer { border-top: 1px solid #E4E2E8; margin-top: 2rem; padding-top: 1rem; }
.site-footer a { display: inline-block; min-height: 44px; line-height: 44px; margin-right: 1rem; }
@media (max-width: 30rem) { .site-header .brand img { width: 150px; height: 24.4px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }
main:focus:not(:focus-visible) { outline: none; }
