body{margin:0;background:radial-gradient(circle at 10% -10%,#dff5f2 0,transparent 34%),#f5f7f9;color:#17212b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.brandmark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#176b87,#4cb9ad);display:grid;place-items:center;color:#fff}.brand-link{color:inherit;text-decoration:none}
nav{display:flex;gap:18px;margin-left:auto;margin-right:22px}
nav a,footer a{color:#44515d;text-decoration:none;font-weight:650}
nav a:hover,nav a:focus-visible,footer a:hover,footer a:focus-visible{color:#176b87;text-decoration:underline}
footer{display:flex;justify-content:space-between;gap:18px;margin-top:24px;padding:18px 2px;color:#66717d;font-size:14px}
footer span:last-child{display:flex;gap:18px}
.info-shell{width:min(850px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}
.info-shell header{display:flex;align-items:center;margin-bottom:42px}
.info-main{background:#fff;border:1px solid #dce2e7;border-radius:22px;box-shadow:0 18px 55px rgba(23,33,43,.10);padding:clamp(24px,5vw,52px)}
.info-main h1{font-size:clamp(34px,6vw,52px);letter-spacing:-.045em;line-height:1.05;margin:0 0 14px}
.info-main h2{font-size:22px;margin:30px 0 8px}
.info-main p,.info-main li{font-size:16px;line-height:1.7;color:#44515d}
.info-main ul{padding-left:22px}.info-main a{color:#176b87}.updated{font-size:14px;color:#66717d;margin-bottom:28px}
@media(max-width:680px){header{align-items:flex-start;gap:14px;flex-wrap:wrap}nav{order:3;width:100%;margin:0;justify-content:space-between;border-top:1px solid #dce2e7;padding-top:12px}.info-shell{width:min(100% - 18px,850px);padding-top:14px}.info-shell header{margin-bottom:18px}.info-main{border-radius:17px;padding:24px 18px}footer{flex-direction:column;align-items:flex-start}}