:root{--guide-blue:#123a87;--guide-blue-2:#2452b2;--guide-yellow:#f7c537;--guide-soft:#eef5ff;--guide-text:#16356f;--guide-muted:#64749a}
.guide-breadcrumb{max-width:1180px;margin:0 auto;padding:20px 20px 0;font-size:13px;color:var(--guide-muted);display:flex;gap:8px;flex-wrap:wrap}.guide-breadcrumb a{color:var(--guide-blue-2);font-weight:800;text-decoration:none}
.guide-hero{padding:26px 20px 38px}.guide-hero-card{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:34px;align-items:center;background:linear-gradient(135deg,#f7faff 0%,#fffdf4 100%);border:1px solid #dbe7fb;border-radius:34px;padding:clamp(22px,4vw,48px);box-shadow:0 22px 58px rgba(16,42,99,.09);overflow:hidden}.guide-hero-copy{min-width:0}.guide-category{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #d5e3fb;color:var(--guide-blue-2);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:900;text-transform:uppercase}.guide-category:before{content:'✦';color:var(--guide-yellow)}.guide-hero h1{font-size:clamp(36px,5.5vw,70px);line-height:1.02;letter-spacing:-.045em;margin:16px 0;color:#0f3278;overflow-wrap:anywhere}.guide-hero .intro{font-size:clamp(17px,2vw,22px);line-height:1.65;color:var(--guide-muted);max-width:60ch}.guide-hero-media{position:relative}.guide-hero-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:26px;border:10px solid #fff;box-shadow:0 18px 42px rgba(16,42,99,.12)}
.guide-share{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.guide-share button,.guide-share a{border:1px solid #d5e3fb;background:#fff;color:var(--guide-blue);min-height:44px;border-radius:14px;padding:10px 15px;font:800 13px Poppins,Arial;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px}.guide-share button:hover,.guide-share a:hover{background:var(--guide-soft)}.guide-copy-status{width:100%;font-size:12px;font-weight:800;color:#0b7a37;min-height:18px}
.guide-layout{max-width:1180px;margin:0 auto;padding:0 20px 60px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;align-items:start}.guide-article{background:#fff;border:1px solid #dbe7fb;border-radius:28px;padding:clamp(22px,4vw,42px);box-shadow:0 15px 42px rgba(16,42,99,.06);min-width:0}.guide-article h2{font-size:clamp(25px,3vw,36px);line-height:1.18;color:#102a63;margin:38px 0 14px}.guide-article h2:first-child{margin-top:0}.guide-article h3{font-size:20px;color:#173f93;margin:25px 0 9px}.guide-article p,.guide-article li{color:#52658f;font-size:16px;line-height:1.75}.guide-article ul,.guide-article ol{padding-left:22px}.guide-article li+li{margin-top:8px}.guide-lead-box{background:linear-gradient(135deg,#edf5ff,#fff9df);border:1px solid #d8e6ff;border-radius:20px;padding:18px 20px;color:#173f93;font-weight:700;line-height:1.7}.guide-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.guide-tip{border:1px solid #dce8fb;border-radius:18px;padding:17px;background:#f9fbff}.guide-tip b{display:block;color:#123a87;margin-bottom:6px}.guide-tip p{font-size:14px;margin:0}.guide-warning{background:#fff7d8;border:1px solid #ffe092;border-left:5px solid var(--guide-yellow);border-radius:17px;padding:16px 18px;color:#725300;line-height:1.65;margin:18px 0}.guide-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none!important;padding:0!important}.guide-checklist li{position:relative;background:#f7faff;border:1px solid #dbe7fb;border-radius:14px;padding:12px 13px 12px 40px!important;margin:0!important;font-size:14px}.guide-checklist li:before{content:'✓';position:absolute;left:13px;top:11px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e7f8ee;color:#0b7a37;font-weight:900}
.guide-table-wrap{overflow-x:auto;border:1px solid #dbe7fb;border-radius:18px;margin:18px 0}.guide-table{border-collapse:collapse;width:100%;min-width:620px}.guide-table th{background:#eaf2ff;color:#123a87;text-align:left;padding:13px;font-size:13px}.guide-table td{padding:13px;border-top:1px solid #e5edfb;color:#52658f;font-size:14px;vertical-align:top}
.guide-sidebar{position:sticky;top:104px;display:grid;gap:18px}.guide-side-card{background:#fff;border:1px solid #dbe7fb;border-radius:22px;padding:20px;box-shadow:0 12px 32px rgba(16,42,99,.06)}.guide-side-card h2{font-size:18px;margin:0 0 10px;color:#102a63}.guide-side-card p{font-size:13px;line-height:1.6;color:var(--guide-muted)}.guide-side-card a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;border-radius:14px;background:#2048a0;color:#fff;text-decoration:none;font-weight:900;font-size:13px;margin-top:10px}.guide-side-card a.alt{background:#fff8d8;color:#765600;border:1px solid #f4c32f}
.guide-products,.guide-related{max-width:1180px;margin:0 auto;padding:0 20px 58px}.guide-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.guide-section-head h2{margin:0;color:#102a63;font-size:clamp(26px,3vw,38px)}.guide-section-head p{margin:4px 0 0;color:var(--guide-muted)}.guide-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.guide-product{background:#fff;border:1px solid #dbe7fb;border-radius:22px;overflow:hidden;box-shadow:0 12px 30px rgba(16,42,99,.06);display:flex;flex-direction:column}.guide-product-media{height:210px;padding:14px;background:#f5f8ff;display:grid;place-items:center}.guide-product-media img{max-width:100%;max-height:100%;object-fit:contain}.guide-product-body{padding:17px;display:grid;gap:8px;flex:1}.guide-product-body .cat{font-size:11px;font-weight:900;text-transform:uppercase;color:#2452b2}.guide-product-body h3{font-size:16px;line-height:1.35;color:#102a63;margin:0}.guide-product-body strong{font-size:22px;color:#2048a0}.guide-product-body a{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:13px;background:#2048a0;color:#fff;text-decoration:none;font-weight:900;font-size:13px}
.guide-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.guide-related-card{background:#fff;border:1px solid #dbe7fb;border-radius:20px;overflow:hidden;text-decoration:none;box-shadow:0 10px 28px rgba(16,42,99,.06)}.guide-related-card img{width:100%;aspect-ratio:16/7;object-fit:cover;display:block}.guide-related-card div{padding:15px}.guide-related-card span{font-size:11px;color:#2452b2;font-weight:900;text-transform:uppercase}.guide-related-card h3{font-size:16px;color:#102a63;margin:5px 0}.guide-cta{max-width:1140px;margin:0 auto 58px;padding:clamp(25px,4vw,44px);background:linear-gradient(125deg,#103b92,#2455b6);border-radius:30px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.guide-cta h2{font-size:clamp(26px,4vw,42px);margin:0 0 8px}.guide-cta p{margin:0;color:#dfe9ff;line-height:1.6}.guide-cta-actions{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}.guide-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:15px;padding:0 20px;text-decoration:none;font-weight:900;background:#f7c537;color:#102a63}.guide-cta a.secondary{background:#fff;color:#2048a0}
.guide-anchor{scroll-margin-top:120px}.guide-back-top{position:fixed;right:20px;bottom:86px;width:46px;height:46px;border:1px solid #d2e0fa;border-radius:50%;background:#fff;color:#2048a0;box-shadow:0 10px 28px rgba(16,42,99,.15);font-weight:900;cursor:pointer;z-index:100}
@media(max-width:960px){.guide-hero-card{grid-template-columns:1fr}.guide-hero-media{order:-1}.guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-cta{margin-left:20px;margin-right:20px}}
@media(max-width:620px){.guide-breadcrumb{padding-top:14px}.guide-hero{padding:16px 12px 26px}.guide-hero-card{padding:16px;border-radius:24px;gap:18px}.guide-hero-media img{border-width:5px;border-radius:19px}.guide-hero h1{font-size:clamp(33px,11vw,46px);margin:12px 0}.guide-hero .intro{font-size:16px}.guide-share{display:grid;grid-template-columns:1fr 1fr}.guide-share button,.guide-share a{justify-content:center;padding:9px}.guide-copy-status{grid-column:1/-1}.guide-layout{padding:0 12px 42px}.guide-article{padding:18px;border-radius:22px}.guide-article h2{font-size:26px;margin-top:30px}.guide-article p,.guide-article li{font-size:15px}.guide-tips,.guide-checklist,.guide-sidebar{grid-template-columns:1fr}.guide-products,.guide-related{padding:0 12px 42px}.guide-product-grid,.guide-related-grid{grid-template-columns:1fr}.guide-product-media{height:200px}.guide-section-head{display:block}.guide-cta{margin:0 12px 42px;display:block;border-radius:24px}.guide-cta-actions{display:grid;margin-top:18px}.guide-cta a{width:100%;box-sizing:border-box}.guide-table{min-width:560px}.guide-back-top{right:12px;bottom:80px}}