.container{width:min(var(--container),100% - 2rem);margin-inline:auto}
.container--narrow{max-width:var(--container-narrow)}
.section{padding-block:var(--space-7)}
.section--lg{padding-block:var(--space-8)}
.section--alt{background:var(--color-surface-alt)}
.section--surface{background:var(--color-surface)}

.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:fixed;left:1rem;top:1rem;width:auto;height:auto;padding:.6rem 1rem;background:var(--color-primary);color:#fff;z-index:9999;border-radius:var(--radius-sm)}

main{display:block;min-height:50vh}

.stack{display:flex;flex-direction:column}
.stack > * + *{margin-top:var(--space-4)}
.stack--lg > * + *{margin-top:var(--space-6)}

.cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}

.grid{display:grid;gap:var(--space-5)}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr))}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr))}
.grid--4{grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr))}

.split{display:grid;gap:var(--space-6);grid-template-columns:1fr}
@media (min-width:780px){
  .split{grid-template-columns:1.1fr 1fr;align-items:center}
  .split--reverse > :first-child{order:2}
}

.flow > * + *{margin-top:var(--space-4)}
.text-center{text-align:center}
.muted{color:var(--color-muted)}
.lede{font-size:1.18em;color:var(--color-muted);max-width:62ch}
.eyebrow{display:inline-block;font-size:.78rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--color-primary-dark);font-weight:600;margin-bottom:var(--space-3)}