:root { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #182c35; background: #f7f9f8; line-height: 1.7; }* { box-sizing: border-box; }body { margin: 0; }header, main, footer { max-width: 850px; margin: auto; padding: 24px; }header { display: flex; justify-content: space-between; border-bottom: 1px solid #dce5df; }a { color: #185f43; text-underline-offset: 4px; }a:focus-visible { outline: 3px solid #117a65; outline-offset: 5px; }h1 { line-height: 1.2; letter-spacing: -1px; font-size: clamp(30px, 5vw, 42px); }h2 { line-height: 1.3; font-size: 21px; margin-top: 32px; }main { padding-bottom: 50px; }li { margin: 10px 0; }footer { border-top: 1px solid #dce5df; display: flex; gap: 24px; flex-wrap: wrap; font-size: 14px; }code { background: #e8efea; padding: 2px 5px; border-radius: 3px; }nav { display: flex; gap: 20px; }.skip-link { position: absolute; top: -100px; background: white; padding: 12px; }.skip-link:focus { top: 5px; }strong { color: #173f2c; }