@charset "UTF-8";
:root{font-family:"Segoe UI",Arial,sans-serif;color:#183027;background:#edf2ec;font-size:16px;line-height:1.65}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#fafcf9 0,#edf2ec 55%,#dce7de 100%)}
header,main,footer{width:min(860px,calc(100% - 32px));margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;padding:24px 0}
.brand{display:flex;align-items:center;gap:12px;color:#183027;text-decoration:none;font-weight:750;font-size:20px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e7794c;color:#fff;font:25px Georgia,serif}
header nav{display:flex;flex-wrap:wrap;gap:14px}a{color:#21664e;text-underline-offset:3px}main{background:#fff;border:1px solid #d7e0d8;border-radius:22px;padding:clamp(24px,5vw,52px);box-shadow:0 24px 70px rgba(21,45,37,.10)}
.eyebrow{margin:0 0 8px;color:#66806f;font-size:11px;font-weight:750;letter-spacing:1.7px}h1{margin:0;font-size:clamp(32px,6vw,48px);line-height:1.1;letter-spacing:-1.5px}h2{margin-top:32px;font-size:21px}p,li{color:#52665d}ul,ol{padding-left:22px}.updated{margin:12px 0 30px;color:#77867f;font-size:14px}.note{margin-top:28px;padding:18px 20px;border-left:4px solid #e7794c;border-radius:8px;background:#f8f4ef}
footer{padding:24px 0 40px;color:#6b7b73;font-size:13px}footer a{margin-right:14px}@media(max-width:620px){header{align-items:flex-start;gap:16px;flex-direction:column}main{border-radius:16px}header nav{font-size:14px}}