:root{color-scheme:light;font:16px/1.6 system-ui,sans-serif;color:#171717;background:#008080}*{box-sizing:border-box}body{max-width:860px;margin:40px auto;padding:28px 36px;background:#f7f6ef;border:3px solid;border-color:#fff #333 #333 #fff;box-shadow:12px 12px 0 #003d3d}header{background:#000080;color:white;padding:8px 14px;margin:-25px -33px 25px;font-weight:bold}h1{font-size:2rem;line-height:1.2}h2{font-size:1.2rem;margin-top:28px}a{color:#000080}li{margin:8px 0}nav{display:flex;gap:20px;flex-wrap:wrap}code{background:#e7e7e7;padding:2px 4px}footer{margin-top:35px;border-top:1px solid #aaa;padding-top:14px;font-size:.9rem}a:focus-visible{outline:3px solid #a00000;outline-offset:3px}@media(max-width:600px){body{margin:12px;padding:22px}header{margin:-19px -19px 20px}}