@font-face{font-family:Inter;src:url('fonts/inter-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
.guide-page{margin:0;background:#f6faff;color:#082765;font-family:Inter,system-ui,sans-serif;line-height:1.65}
.guide-page *,.seo-overview *{box-sizing:border-box}
.guide-page a,.seo-overview a{color:#125ca7;text-underline-offset:4px}
.guide-page :focus-visible,.seo-overview :focus-visible{outline:3px solid #0876d8;outline-offset:4px}
.guide-wrap{width:min(100%,900px);margin-inline:auto;padding-inline:24px;overflow-wrap:anywhere}
.guide-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:16px;border-bottom:1px solid #d0dfed}
.guide-header a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-weight:700}
.guide-header a:first-child{font-size:23px;letter-spacing:-.04em;color:#082765}
.guide-breadcrumb{padding-top:24px;font-size:14px}
.guide-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.guide-article{max-width:700px;margin:auto;padding-block:32px 64px}
.guide-article h1{font-size:clamp(32px,5vw,48px);letter-spacing:-.035em;line-height:1.12;margin:0 0 24px}
.guide-article h2{font-size:clamp(23px,3vw,29px);letter-spacing:-.025em;line-height:1.25;margin:40px 0 16px}
.guide-article p,.guide-article li,.seo-overview p{font-size:16px;line-height:1.7;color:#365675}
.guide-article p{margin:0 0 20px}.guide-article li{margin-bottom:12px}.guide-article ul,.guide-article ol{padding-left:24px}
.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:28px}
.guide-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:999px;border:1px solid #b4cbe0;font-weight:700;text-decoration:none}
.guide-actions a:first-child{background:#125ca7;border-color:#125ca7;color:#fff}
.guide-related{border-top:1px solid #d0dfed;margin-top:40px;padding-top:12px}
.guide-related a{display:flex;align-items:center;min-height:44px;margin-bottom:8px}
.guide-example{padding:20px;border:1px solid #cbddec;border-radius:16px;background:#fff}
.guide-example strong{color:#082765}
.seo-overview{background:#edf6fd;padding-block:80px;min-height:100svh;scroll-snap-align:start}
.seo-overview h2{font-size:clamp(29px,4vw,40px);letter-spacing:-.035em;line-height:1.15;margin:0 0 24px;max-width:700px}
.seo-overview h3{font-size:24px;letter-spacing:-.025em;margin:40px 0 16px}
.seo-overview p{margin:0 0 20px;max-width:700px}
.guide-links{display:grid;gap:14px;margin-block:32px}
.guide-links a{display:flex;flex-direction:column;gap:8px;padding:20px 24px;border:1px solid #cbddec;border-radius:18px;background:#fff;text-decoration:none;min-height:44px}
.guide-links strong{font-size:20px;line-height:1.3}.guide-links span{font-size:16px;line-height:1.5;color:#365675}
.guide-faq details{border-bottom:1px solid #cbddec;padding-block:8px}
.guide-faq summary{cursor:pointer;min-height:48px;padding-block:12px;font-size:17px;font-weight:650;line-height:1.5}
.guide-faq p{margin-top:8px}
.guide-bottom-link a{display:inline-flex;align-items:center;min-height:48px;margin-top:20px;font-weight:700}
footer.guide-footer,.guide-page footer{position:static;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;height:auto;min-height:72px;padding:20px max(24px,calc((100% - 852px)/2));border-top:1px solid #cbddec;background:#f6faff;font-size:14px;color:#365675}
.guide-footer a,.guide-page footer a{display:inline-flex;align-items:center;min-height:44px}
.guide-footer nav,.guide-page footer nav{display:flex;flex-wrap:wrap;gap:16px}
@media(max-width:600px){.guide-header{align-items:flex-start}.guide-header a:first-child{font-size:21px}.guide-header a:last-child{font-size:14px;text-align:right}.seo-overview{padding-block:56px}.guide-links a{padding:20px}.guide-links strong{font-size:18px}.guide-actions{flex-direction:column}.guide-actions a{width:100%}}