/* itmmslabs.com layout, on top of tokens.css and components.css (ADR-0001). Roles only: no literal colours. */
html, body { margin: 0; }
body { min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1; }
a { color: var(--link); }

.site-band .ib-band__bar { justify-content: space-between; max-width: 960px; margin: 0 auto; }
.site-brand { display: inline-flex; align-items: center; gap: var(--space-3); color: inherit; text-decoration: none; }
.site-lang { color: inherit; font: var(--type-label); text-decoration: underline; text-underline-offset: 3px; }
.site-band .ib-band__hello { max-width: 960px; margin: 0 auto; }

.site-content { box-sizing: border-box; width: 100%; max-width: 960px; margin: calc(-1 * var(--space-12)) auto 0; padding: 0 var(--space-6) var(--space-12); }
.site-content .ib-card { padding: var(--space-8); }
.site-content p { font: var(--type-body-lg); margin: 0 0 var(--space-4); }
.site-content p:last-child { margin-bottom: 0; }

.site-footer { border-top: 1px solid var(--border); color: var(--text-muted); }
.site-footer__inner { max-width: 960px; margin: 0 auto; padding: var(--space-6); font: var(--type-body-sm); }
.site-footer__inner p { margin: 0 0 var(--space-2); }