.hp-root{font-family:var(--font-sans);color:var(--ink);background:var(--surface)}
.hp-root *,.hp-root *::before,.hp-root *::after{box-sizing:border-box}
.hp-root p,.hp-root h1,.hp-root h2,.hp-root h3,.hp-root h4,.hp-root ul,.hp-root ol,.hp-root figure{margin:0}
.hp-root ul,.hp-root ol{padding:0;list-style:none}
.hp-root img{display:block;max-width:100%}
.hp-root :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}
.hp-on-navy :focus-visible{outline-color:var(--focus-ring-inverse)}
.hp-container{width:100%;max-width:var(--container-content);margin:0 auto;padding:0 var(--container-gutter)}
.hp-container--prose{max-width:var(--container-content)}
.hp-container--prose>*{max-width:var(--container-prose)}
.hp-container--wide{max-width:var(--container-wide)}
.hp-grid{display:grid;gap:var(--space-4)}
@media (min-width:768px){.hp-grid{gap:var(--space-5)}.hp-grid--2{grid-template-columns:repeat(2,1fr)}.hp-grid--3{grid-template-columns:repeat(3,1fr)}.hp-grid--4{grid-template-columns:repeat(4,1fr)}.hp-grid--5{grid-template-columns:repeat(5,1fr)}}
.hp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}