* { box-sizing: border-box; }
body { margin: 0; background: #f5f5f3; color: #202427; font: 16px/1.65 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
nav { max-width: 960px; margin: auto; padding: 24px; display: flex; flex-wrap: wrap; gap: 16px 28px; }
a { color: #225d77; text-underline-offset: 3px; }
a:hover { color: #163b4b; }
a:focus-visible { outline: 2px solid #225d77; outline-offset: 4px; }
main { max-width: 912px; margin: 0 auto 48px; padding: 48px 56px; background: white; }
header { margin-bottom: 36px; }
h1 { font-size: clamp(2rem, 5vw, 2.8rem); line-height: 1.15; letter-spacing: -.04em; margin: 0 0 14px; }
.positioning { font-size: 1.2rem; color: #455761; }
header p { margin: 8px 0; }
h2 { font-size: 1.2rem; margin: 32px 0 12px; }
h3 { font-size: 1.05rem; margin: 24px 0 4px; }
h3 + p { margin-top: 0; color: #52616a; }
p { margin: 0 0 14px; }
ul { padding-left: 22px; margin: 8px 0 24px; }
li { margin-bottom: 9px; }
@media(max-width:600px) { main { margin-bottom:0; padding:28px 22px; } nav { padding:18px 22px; font-size:.9rem; } }
@media print { @page { margin: 16mm; } body { background: white; font-size:10pt; } nav { display:none; } main { padding:0; margin:0; max-width:none; } h2,h3 { break-after:avoid; } li { break-inside:avoid; } a { color:inherit; } }