/* Long procedure names must fit small screens without changing older pages. */
.hero h1 { overflow-wrap: anywhere; }
details { margin-block: 16px; }
summary { cursor: pointer; min-height: 44px; padding-block: 8px; color: var(--teal-dark); font-weight: 600; }
a:focus-visible, summary:focus-visible { outline: 2px solid var(--teal); outline-offset: 4px; }
@media (max-width: 720px) { .hero h1 { font-size: clamp(28px, 8.6vw, 48px); } }
