.guide-hero{background:linear-gradient(135deg,#f7faff 0%,#eaf2ff 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.guide-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;padding-top:70px;padding-bottom:70px;min-height:540px}
.guide-hero h1{font-size:clamp(44px,5vw,68px);margin-bottom:24px}.guide-hero .lead{max-width:590px}.guide-visual{background:#112536;color:#fff;border-radius:18px;padding:34px;box-shadow:0 22px 60px #17395828}
.guide-visual-label{font-size:10px;letter-spacing:1.5px;color:#91b9fa;font-weight:700}.guide-visual h2{font-size:28px;margin:12px 0 24px}.guide-flow{display:grid;gap:12px}.guide-flow div{background:#ffffff0c;border:1px solid #ffffff1e;border-radius:10px;padding:15px 16px;display:flex;align-items:center;gap:14px;font-size:14px}.guide-flow b{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:8px;background:#1265ee;font-size:12px}.guide-visual-note{font-size:12px;color:#b8c8d5;margin:20px 0 0;line-height:1.7}
.breadcrumb{font-size:12px;color:var(--muted);padding-top:24px;padding-bottom:0}.breadcrumb a{color:var(--blue)}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:85px;align-items:start}.guide-article{max-width:760px}.guide-article h2{font-size:36px;margin:58px 0 18px}.guide-article h2:first-child{margin-top:0}.guide-article h3{font-size:21px;margin:32px 0 10px}.guide-article p{line-height:1.85;margin:0 0 18px}.guide-article ul,.guide-article ol{color:var(--muted);padding-left:22px;line-height:1.85}.guide-article li{margin-bottom:8px}.guide-article strong{color:var(--ink)}
.info-panel{background:#f4f7fb;border-left:3px solid var(--blue);padding:22px 24px;border-radius:0 10px 10px 0;margin:30px 0}.info-panel p{margin:0;font-size:14px}.guide-aside{position:sticky;top:28px;border:1px solid var(--line);border-radius:13px;padding:25px}.guide-aside h2{font-size:21px;margin:0 0 16px}.guide-aside p{font-size:13px;line-height:1.7}.guide-aside .button{width:100%;margin:9px 0 15px}.guide-aside a:not(.button){display:block;font-size:13px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}.guide-aside a:not(.button):hover{color:var(--blue)}
.data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:28px 0}.data-card{border:1px solid var(--line);border-radius:11px;padding:21px}.data-card span{display:block;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:1px}.data-card h3{font-size:18px;margin:8px 0}.data-card p{font-size:13px;margin:0;line-height:1.7}
.guide-faq{margin-top:55px}.guide-faq h2{margin-bottom:28px}.related-guides{background:#112536;color:#fff;padding:70px 0}.related-guides h2{margin-top:12px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:35px}.related-card{display:block;border:1px solid #ffffff26;border-radius:12px;padding:26px;transition:transform .2s,background .2s}.related-card:hover{transform:translateY(-3px);background:#ffffff09}.related-card span{font-size:10px;color:#91b9fa;letter-spacing:1.2px;font-weight:700}.related-card h3{font-size:21px;margin:10px 0 8px}.related-card p{font-size:13px;color:#b9c6d1;margin:0}.seo-resources{border-top:1px solid var(--line)}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:45px}.resource-card{display:block;border:1px solid var(--line);border-radius:12px;padding:28px;transition:transform .2s,border-color .2s}.resource-card:hover{transform:translateY(-3px);border-color:#9dbff8}.resource-card span{font-size:11px;color:var(--blue);letter-spacing:1.2px;font-weight:700}.resource-card h3{font-size:22px;margin:11px 0}.resource-card p{font-size:14px;margin:0}.resource-card strong{display:block;color:var(--blue);font-size:13px;margin-top:20px}
@media(max-width:1000px){.guide-hero-inner{gap:42px}.guide-layout{gap:45px;grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:720px){.guide-hero-inner{grid-template-columns:1fr;gap:35px;min-height:auto;padding-top:50px;padding-bottom:50px}.guide-visual{padding:26px}.guide-layout{grid-template-columns:1fr}.guide-aside{position:static}.guide-article h2{font-size:31px;margin-top:48px}.data-grid,.related-grid,.resource-grid{grid-template-columns:1fr}.related-guides{padding:55px 0}.breadcrumb{padding-top:18px}.guide-page footer>a:not(.brand){margin-left:0}}