*{box-sizing:border-box}body{margin:0;background:#137a83;color:#163b3e;font-family:system-ui,sans-serif;line-height:1.7;font-size:17px}main{width:min(100% - 32px,780px);margin:32px auto;padding:clamp(22px,5vw,48px);background:#fffaf1;border-top:8px solid #f58a73;border-radius:26px}header{display:flex;gap:16px;align-items:center}header img{width:64px;height:64px;border-radius:16px}.brand{font-weight:750;margin:0}h1{font-size:clamp(30px,6vw,42px);line-height:1.15;margin:28px 0 16px}h2{font-size:23px;line-height:1.3;margin-top:32px}h3{font-size:19px}a{color:#116269;text-underline-offset:3px;overflow-wrap:anywhere}a:focus-visible{outline:3px solid #b7412c;outline-offset:4px}.note{font-size:15px;color:#46676a}.callout{padding:18px 22px;background:#e3f2ed;border-radius:16px}nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin:24px 0}nav a{padding:8px 0}footer{border-top:1px solid #c4d5cc;margin-top:32px;padding-top:12px}li{margin:10px 0}details{border-bottom:1px solid #c4d5cc;padding:18px 0}summary{font-weight:700;cursor:pointer;min-height:44px}summary:focus-visible{outline:3px solid #b7412c} .button{display:inline-block;background:#176b70;color:white;text-decoration:none;padding:13px 20px;border-radius:12px;font-weight:650}