.suti-page{display:block}

.suti-hero{max-width:760px;margin-inline:auto;text-align:left}
.suti-lead{font-size:var(--fs-4)}

.suti-narrow{max-width:720px}

.suti-highlight{background:var(--color-surface-accent);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}

.suti-wide-heading{max-width:100%}

.suti-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.suti-card{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.suti-card-highlight{background:var(--color-surface-accent)}

.suti-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.suti-col{min-width:0}

.suti-disclaimer{max-width:800px;margin-inline:auto;text-align:center;background:var(--color-surface-alt);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-3)}

.suti-cta{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:900px){
  .suti-grid{grid-template-columns:1fr}
  .suti-columns{grid-template-columns:1fr}
}

@media(max-width:600px){
  .suti-disclaimer{padding:var(--space-3)}
}