body{margin:0;background:#f8f6f0;color:#123e38;font:17px/1.75 system-ui,sans-serif}body>header{padding:24px max(20px,calc((100vw - 1100px)/2));background:#123e38}header a{color:white}a{color:#087c73;text-underline-offset:4px}main{max-width:1100px;margin:40px auto;padding:0 20px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}main>nav{display:grid;gap:12px}main>nav>a{display:block;padding:14px 16px;border:1px solid #c4dcd2;border-radius:14px;background:#fff;text-decoration:none;line-height:1.5}main>nav>a[aria-current=page]{background:#12554a;color:#fff;border-color:#12554a;font-weight:700}main>article{background:white;padding:32px;border:1px solid #d2e3dd;border-radius:20px;min-width:0;overflow-wrap:anywhere}h1{font-size:32px;line-height:1.3}h2{font-size:21px;margin-top:28px}.date{color:#687d76;font-size:14px}@media(max-width:760px){main{grid-template-columns:1fr;margin:20px auto}main>nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}main>article{padding:22px}h1{font-size:27px}}@media(max-width:420px){main>nav{grid-template-columns:1fr}}