*{box-sizing:border-box}html{scroll-behavior:smooth}body.guide-article{word-break:keep-all;overflow-wrap:break-word;margin:0;background:#f3f6fc;color:#243653;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.75}body.guide-article .page{width:min(1040px,calc(100% - 32px));margin:28px auto 64px}.guide-article .hero,.guide-article .card{padding:28px;border:1px solid #dce4ef;border-radius:22px;background:#fff;margin-bottom:18px}.guide-article .hero{border-top:5px solid #4776cf}.guide-article .hero small{font-size:12px;letter-spacing:.1em;font-weight:800;color:#456caf}.guide-article h1{font-size:clamp(28px,4vw,42px);line-height:1.25;letter-spacing:-.045em;margin:12px 0 18px}.guide-article h2{font-size:clamp(22px,3vw,28px);line-height:1.4;margin:0 0 16px}.guide-article h3{font-size:18px;margin:22px 0 8px}.guide-article p{margin:10px 0}.guide-article a{color:#244da2;text-underline-offset:3px}.guide-article .nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.guide-article .nav a,.guide-article a.action{display:inline-block;padding:10px 15px;background:#edf3ff;border-radius:10px;text-decoration:none;font-weight:750}.guide-article .grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-article .grid .card{margin:0}.guide-article ol,.guide-article ul{padding-left:24px}.guide-article li{margin:9px 0}.guide-article .note{padding:14px 18px;border-left:4px solid #6c8dc1;background:#f1f5fc;border-radius:0 10px 10px 0}.guide-article .table-scroll{overflow-x:auto}.guide-article table{width:100%;border-collapse:collapse;font-size:15px}.guide-article th,.guide-article td{border-bottom:1px solid #dfe5ef;padding:12px;text-align:left;vertical-align:top}.guide-article th{background:#eef3fa}.guide-article figure{margin:20px 0}.guide-article figure img{display:block;width:100%;height:auto;border:1px solid #dce4ef;border-radius:12px}.guide-article figcaption,.guide-article .meta{font-size:13px;color:#586b85}.guide-article details{border-top:1px solid #e1e7f0;padding:14px 0}.guide-article summary{cursor:pointer;font-weight:750}.guide-article footer{text-align:center;font-size:13px;color:#5e7089;margin-top:28px}.guide-article section[id]{scroll-margin-top:20px}.guide-example-nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.guide-example-nav a{padding:10px 14px;background:#edf3ff;color:#244da2;border-radius:10px;text-decoration:none}.guide-article :focus-visible{outline:3px solid #315fc1;outline-offset:4px}@media(max-width:640px){body.guide-article .page{width:calc(100% - 20px);margin:12px auto 40px}.guide-article .hero,.guide-article .card{padding:20px 16px;border-radius:16px}.guide-article .grid{grid-template-columns:1fr}.guide-article th,.guide-article td{padding:9px 6px;font-size:13px}.guide-article .nav a{font-size:14px}.guide-article h1{overflow-wrap:break-word}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}