/* Forma UI Foundation v1 — canonical layout primitives. */
/* ONE PUBLIC CONTENT WIDTH: primary public intros/directories/archives share this axis. */
.forma-public-page-shell{width:min(var(--forma-public-page-width),calc(100% - (var(--forma-public-page-gutter) * 2)));max-width:var(--forma-public-page-width);margin-inline:auto}
.forma-container{width:min(var(--forma-container),calc(100% - (var(--forma-page-gutter) * 2)));max-width:var(--forma-container);margin-inline:auto}
.forma-reading{max-width:var(--forma-container-reading)}
.forma-section{margin-block-end:var(--forma-space-section)}
.forma-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--forma-space-5);margin-block-end:17px}
.forma-stack{display:grid;gap:var(--forma-space-7)}
.forma-toolbar{display:flex;align-items:center;gap:var(--forma-space-3);flex-wrap:wrap}
.forma-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--forma-space-7)}
.forma-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.forma-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.forma-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Canonical responsive tiers: mobile <=639px, tablet 640–899px, desktop >=900px.
 * Additional feature breakpoints are temporary exceptions until that feature is migrated. */
@media(max-width:899px){.forma-grid--3,.forma-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.forma-grid,.forma-grid--2,.forma-grid--3,.forma-grid--4{grid-template-columns:1fr}.forma-section-head{align-items:flex-start;flex-direction:column}.forma-toolbar{align-items:stretch}.forma-toolbar>.forma-button{flex:1 1 auto}}