:root{font-family:system-ui,sans-serif;color:#173d35;background:#f5f5ee;line-height:1.65}body{margin:0}header,main,footer{max-width:850px;margin:auto;padding:24px}header{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}header>a{font-size:1.5rem;font-weight:800}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#174e42;text-underline-offset:3px}h1{font-size:2.5rem;line-height:1.2}h2{margin-top:2rem;font-size:1.3rem}li{margin-bottom:12px}.notice{padding:16px;background:#e5eadc;border-left:4px solid #476348}footer{border-top:1px solid #cbd5c7}a:focus-visible{outline:3px solid #536ca8;outline-offset:4px}@media(max-width:500px){header,main,footer{padding:18px}h1{font-size:2rem}}