.container { width: min(100% - 2rem, var(--content-width)); margin-inline: auto; }
.container-narrow { max-width: var(--content-narrow); }
.section { padding-block: clamp(2.75rem, 6vw, 4.5rem); }
.grid { display: grid; gap: var(--space-5); }
.grid-auto { grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); }
.base-intro { display: grid; min-height: 52vh; align-items: center; background: linear-gradient(135deg, var(--color-surface), var(--color-surface-muted)); }
.base-intro h1 { max-width: 12ch; margin-block: var(--space-4); color: var(--color-primary); }
.lead { max-width: 40rem; font-size: clamp(1.125rem, 2vw, 1.35rem); }
.base-note { margin-top: var(--space-6); padding-top: var(--space-4); border-top: 1px solid var(--color-border); font-size: .925rem; }