.breadcrumbs{background:var(--navy);color:#d8e7f5;font-size:.85rem;line-height:1.4}
.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 0;list-style:none;margin:0 auto;padding-block:.6rem}
.breadcrumbs li{display:flex;align-items:center;min-height:32px;min-width:0}
.breadcrumbs li+li::before{content:'/';margin-inline:.75rem;color:#82a0bf}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:32px;text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs [aria-current=page]{color:var(--white)}
.utility-page{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:3rem;padding-block:clamp(3rem,7vw,7rem);min-height:60vh}
.utility-copy h1{font-size:clamp(2.6rem,4.4vw,4.5rem);line-height:1.06;max-width:20ch}
.utility-copy h1:focus{outline:3px solid var(--blue);outline-offset:12px;border-radius:2px}
.utility-copy>p{margin-top:1.5rem;max-width:48ch}
.utility-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2rem}
.utility-actions[hidden]{display:none}
.utility-copy .utility-help{font-size:1rem;margin-top:2rem}
.utility-art{min-width:0}
.utility-art>.illustration{width:100%;max-width:380px;margin-inline:auto}
@media(max-width:760px){
 .breadcrumbs{font-size:.8rem}
 .breadcrumbs li+li::before{margin-inline:.5rem}
 .utility-page{grid-template-columns:1fr;gap:1.75rem;min-height:0;padding-block:2.75rem 3.5rem}
 .utility-copy h1{font-size:clamp(2.4rem,9vw,3.7rem)}
 .utility-art{max-width:220px;justify-self:center}
 .utility-actions{align-items:flex-start;flex-direction:column;gap:1rem}
}