*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:#edf5f3;color:#142d36;font:18px/1.65 system-ui,sans-serif;overflow-wrap:anywhere}header,main,footer{max-width:960px;margin:auto;padding:24px}header{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:22px;font-weight:750}nav{display:flex;flex-wrap:wrap;gap:8px;width:100%}nav a{padding:8px 12px;min-height:44px;border-radius:8px}nav a[aria-current=page]{background:#d8eae4;font-weight:700}a{color:#076953;text-underline-offset:4px}a:focus-visible{outline:3px solid #078a7b;outline-offset:4px}article{background:#fff;border:1px solid #cadad6;border-radius:24px;padding:clamp(20px,5vw,48px)}h1{font-size:clamp(30px,6vw,48px);line-height:1.15;margin:20px 0}h2{font-size:24px;margin-top:32px;line-height:1.3}.intro{font-size:20px}.notice{padding:16px;background:#fff2d4;border-radius:12px;color:#553d00;font-size:16px}.meta,footer{font-size:15px}img{border-radius:14px}.skip{position:absolute;left:12px;top:-100px;padding:10px;background:#fff;z-index:2}.skip:focus{top:10px}@media(max-width:420px){header,main,footer{padding:16px}nav a{padding:8px}article{border-radius:16px}}@media(prefers-color-scheme:dark){body{background:#0b1a23;color:#e1eeeb}article{background:#14262e;border-color:#3f575c}a{color:#79e3c5}nav a[aria-current=page]{background:#23463e}.notice{background:#493a1b;color:#fff0c4}.skip{background:#14262e}}@media print{body,article{background:white;color:black}nav,.skip,.notice{display:none}article{border:0;padding:0}a{color:black}}