:root{--ink:#10363d;--muted:#617c82;--line:#b9dce1;--accent:#0a9eab}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f7fdfe,#eef8fa)}
.seo-shell{width:min(1100px,calc(100% - 40px));margin:0 auto;padding:45px 0 85px}
.seo-breadcrumb{font-size:12px;color:var(--muted);margin:0 0 20px}.seo-breadcrumb a{color:#157f8b}
.seo-hero{padding:clamp(26px,5vw,64px);border:1px solid #cde7ea;background:linear-gradient(140deg,#faffff,#e9f9fb)}
.seo-kicker{font:800 11px/1.4 ui-monospace,monospace;letter-spacing:.18em;color:#0a9eab}
.seo-hero h1{font-size:clamp(29px,4.4vw,52px);letter-spacing:-.04em;line-height:1.32;margin:15px 0 16px}
.seo-lead{font-size:clamp(15px,1.7vw,18px);line-height:2;max-width:850px}
.seo-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.seo-btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;background:#12b6c2;color:#fff;text-decoration:none;font-weight:800;font-size:14px}.seo-btn.secondary{background:#fff;color:#127984;border:1px solid #8ed3da}
.seo-intro{max-width:850px;margin:35px auto;font-size:15px;line-height:2;color:#3c6269}
.seo-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:28px;align-items:start}
.seo-content article{padding:28px 32px;margin-bottom:18px;background:#fff;border:1px solid #d5e8eb}
.seo-content h2,.seo-related h2,.seo-faq h2{font-size:clamp(21px,2.3vw,27px);line-height:1.5;letter-spacing:-.025em;margin:0 0 15px}
.seo-content p{font-size:15px;line-height:2;color:#496b71;margin:0 0 15px}
.seo-content ul{padding-left:1.35em;margin:12px 0 0;line-height:1.95;font-size:14px;color:#31565d}
.seo-content li+li{margin-top:8px}.seo-shell a:not(.seo-btn){text-underline-offset:3px}
.seo-sidebar{background:#fff;border:1px solid #d5e8eb;padding:22px;position:sticky;top:16px}
.seo-sidebar strong{display:block;font-size:16px;margin:0 0 12px}.seo-sidebar p{font-size:13px;line-height:1.8;color:var(--muted)}
.seo-sidebar a{display:block;color:#107d8a;margin:12px 0;font-size:13px;font-weight:700}
.seo-faq,.seo-related{margin-top:38px;background:#fff;border:1px solid #d5e8eb;padding:30px}
.seo-faq details{padding:17px 0;border-top:1px solid #e4eeee}.seo-faq summary{font-size:15px;font-weight:800;cursor:pointer}.seo-faq details p{font-size:14px;line-height:1.9;color:#496b71}
.seo-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.seo-related-card{padding:20px;background:#f3fcfc;border:1px solid #cfe9ec;color:#147c88;text-decoration:none;font-weight:800;line-height:1.65;font-size:14px}
.seo-bottom-cta{padding:30px;margin-top:38px;background:#103b43;color:#fff;text-align:center}.seo-bottom-cta h2{margin:0 0 10px;font-size:26px}.seo-bottom-cta p{line-height:1.85}
.seo-bottom-cta .seo-btn{margin:10px 5px 0}.seo-footer{text-align:center;padding-top:28px;font-size:12px;color:#6b8990}
.seo-footer a{margin:0 8px;color:#45717a}
@media(max-width:800px){.seo-grid{grid-template-columns:1fr}.seo-sidebar{position:static}.seo-related-grid{grid-template-columns:1fr}.seo-shell{width:calc(100% - 26px);padding-top:22px}.seo-content article{padding:24px 20px}.seo-faq,.seo-related{padding:24px 20px}}