.container { inline-size: min(calc(100% - var(--mk-8)), var(--mk-content)); margin-inline: auto; }
/* Legacy container-wide markup inherits the same content cap. Full-bleed belongs to outer sections. */
.container-focused { max-inline-size: var(--mk-focused); }
.reading { max-inline-size: min(70ch, var(--mk-reading)); }
.section { padding-block: var(--mk-16); }
.stack > * + * { margin-block-start: var(--mk-6); }
.cluster { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mk-4); }
.surface-dark { background: var(--mk-ink); color: var(--mk-white); }
.surface-light { background: var(--mk-light); }
.section-heading { margin-block-end: var(--mk-12); }
.pillar-grid, .component-grid { display: grid; gap: var(--mk-4); }
.hero-layout { display: grid; gap: var(--mk-12); align-items: center; }
.hero-art { inline-size: 100%; }
.footer-grid { display: grid; gap: var(--mk-12); overflow-wrap: anywhere; }
@media (min-width: 48rem) {
    .pillar-grid, .component-grid, .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hero-layout { grid-template-columns: 1.1fr 1fr; }
}
@media (min-width: 64rem) {
    .section { padding-block: var(--mk-24); }
    .pillar-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .footer-grid { grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); }
}