.terms-hero{background:var(--color-accent);border-bottom:var(--border-thick) solid var(--color-border)}
.hero-sub{font-size:1.1rem;max-width:60ch;margin-top:var(--space-3)}
.terms-content{max-width:900px}
.card{border:var(--border-thick) solid var(--color-border);transition:var(--transition)}
.card:hover{transform:translate(-4px,-4px);box-shadow:6px 6px 0 var(--color-border)}
.card h2{margin-bottom:var(--space-3)}
.card p{line-height:1.6}
@media (max-width:768px){
.terms-content{padding-inline:0}
}