/* Hallmark · macrostructure: Long Document · theme: inherited AIOS · tone: austere
 * audience: AIOS users · use: read legal information · nav: N9 · footer: Ft6
 * enrichment: none · motion: none · pre-emit critique: P4 H4 E4 S5 R5 V4 */
@import url('tokens.css');
* { box-sizing: border-box; }
html, body { overflow-x: clip; }
body { margin: 0; background: var(--color-paper); color: var(--color-ink); font: var(--text-base)/1.7 var(--font-body); }
.shell { width: min(100% - 2rem, 72rem); margin-inline: auto; }
.masthead { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-sm); padding-block: var(--space-md); border-bottom: 1px solid var(--color-rule); }
.brand { font: 700 var(--text-heading)/1.2 var(--font-display); color: var(--color-ink); text-decoration: none; }
a { color: var(--color-accent); text-underline-offset: .2em; }
a:hover { color: var(--color-hover); }
a:active { color: var(--color-ink); }
a:focus-visible { outline: 3px solid var(--color-accent); outline-offset: 5px; }
nav { display: flex; flex-wrap: wrap; gap: var(--space-sm); }
nav a, .masthead a, .contact { display: inline-flex; align-items: center; min-height: 44px; white-space: nowrap; }
nav a[aria-current='page'] { color: var(--color-ink); text-decoration-thickness: 2px; }
main { max-width: 72ch; padding-block: var(--space-xl); }
h1, h2 { font-family: var(--font-display); font-style: normal; overflow-wrap: anywhere; min-width: 0; }
h1 { font-size: var(--text-display); line-height: 1.12; margin: 0 0 var(--space-md); letter-spacing: -.025em; }
h2 { font-size: var(--text-heading); line-height: 1.3; margin: var(--space-xl) 0 var(--space-xs); }
p { margin: var(--space-sm) 0; }
.meta, footer { color: var(--color-muted); }
.meta { font-size: var(--text-sm); font-variant-numeric: tabular-nums; }
.lead { font-size: 1.125rem; }
ul { padding-inline-start: var(--space-md); }
li + li { margin-top: var(--space-xs); }
address { font-style: normal; overflow-wrap: anywhere; }
footer { max-width: 72ch; padding-block: var(--space-lg) var(--space-2xl); border-top: 1px solid var(--color-rule); }
.skip { position: absolute; inset-inline-start: var(--space-sm); top: -5rem; background: var(--color-paper); padding: var(--space-xs); }
.skip:focus { top: var(--space-sm); }
@media (min-width: 48rem) { main, footer { margin-inline-start: 9%; } main { padding-top: var(--space-2xl); } }
@media print { body { background: transparent; color: CanvasText; } a { color: LinkText; } .masthead, .skip { display: none; } main, footer { margin: 0; max-width: none; } }