*{box-sizing:border-box}body{margin:0;background:#f7fbfe;color:#183248;font:16px/1.8 system-ui,-apple-system,sans-serif}a{color:#0079ad;text-underline-offset:4px}header{background:white;border-bottom:1px solid #dceefa}nav{max-width:1100px;margin:auto;padding:18px 24px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.brand{font-size:23px;font-weight:800;text-decoration:none;margin-right:auto}main,footer{max-width:1100px;margin:auto;padding:30px 24px}h1{font-size:clamp(30px,5vw,46px);line-height:1.3;margin:12px 0}h2{font-size:24px;margin:0 0 12px}h3{margin:0 0 8px}p{margin:8px 0 18px}.hero{padding:32px 0}.eyebrow{color:#0079ad;font-weight:700}.muted{color:#546d80}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.tabs a,.button{display:inline-block;background:#e9f7ff;border-radius:24px;padding:9px 18px;text-decoration:none;font-weight:650}.button{background:#008dc7;color:white}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card,section.faq{background:white;border:1px solid #dceefa;border-radius:22px;padding:26px;scroll-margin-top:20px}.example{background:#eff9ff;border-left:3px solid #20afe4;padding:12px 16px;border-radius:8px;margin:16px 0}.steps{padding-left:22px}.note{border-radius:16px;background:#fff8ec;padding:18px;margin-top:20px}.faq{margin:22px 0}details{border-top:1px solid #e2edf4;padding:16px 0}summary{cursor:pointer;font-weight:700}details p{margin:12px 0 0}.search{display:block;width:100%;border:1px solid #b9def1;background:#eff9ff;padding:14px 18px;border-radius:14px;font:inherit}.search:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #079acf;outline-offset:3px}footer{border-top:1px solid #dceefa;color:#546d80}footer a{margin-right:18px}[hidden]{display:none!important}@media(max-width:640px){.grid{grid-template-columns:1fr}nav{gap:14px;padding:14px 18px}main,footer{padding:22px 18px}.card,section.faq{padding:20px}.hero{padding:16px 0}}
header{position:sticky;top:0;z-index:5;background:#ffffffed;backdrop-filter:blur(16px)}body{background:radial-gradient(ellipse at top left,#e4f5ff,transparent 50%),#f8fbfd}.hero{max-width:850px}.eyebrow{font-size:13px;letter-spacing:.15em}.card,section.faq{box-shadow:0 8px 24px #1a4b6a05;scroll-margin-top:110px}.tabs a:hover{background:#d8efff}.card h2{font-size:22px}.example{font-size:18px}.steps li{padding:5px 0}summary{list-style:none;display:flex;justify-content:space-between;gap:16px}summary::after{content:'＋';color:#0079ad}details[open] summary::after{content:'−'}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
