.guide-hub-hero{padding-top:30px;padding-bottom:45px}
.guide-hub-intro{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:55px;padding-top:30px}
.guide-hub-intro h1{font-size:44px;line-height:1.32;margin:0 0 24px}
.guide-hub-intro>div>p{font-size:16px;line-height:1.95;margin:0 0 27px}
.guide-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.guide-hub-visual{background:#f4f9f6;border:1px solid #dce9e0;border-radius:20px;padding:14px}
.guide-hub-visual .ar-service-scene>svg{background:transparent}
.guide-hub-topics{padding-top:15px;padding-bottom:45px}
.guide-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:25px}
.guide-section-heading h2{font-size:28px;margin:0 0 10px}
.guide-section-heading p{font-size:14px;margin:0}
.guide-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.guide-topic-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid #d5e5da;border-radius:14px;background:linear-gradient(135deg,#f2f8f4,#fff 80%);transition:box-shadow .18s,border-color .18s}
.guide-topic-card:hover{border-color:#9bc4aa;box-shadow:0 8px 28px #173b320a}
.guide-topic-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #cce1d3;border-radius:12px;background:#e5f1e9;color:#477c59;margin-bottom:18px}
.guide-topic-card>small{font-size:12px;color:#74947e;margin-bottom:8px}
.guide-topic-card h3{font-size:23px;margin:0 0 13px}
.guide-topic-card>p{font-size:14px;line-height:1.85;margin:0 0 22px}
.guide-topic-card>strong{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-top:17px;border-top:1px solid #dfebe3;margin-top:auto;font-size:13px;font-weight:500;color:#567e61}
.guide-start-strip{display:flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid #d1e3d8;background:#edf6f0;border-radius:15px;padding:27px!important;margin-bottom:45px}
.guide-start-strip>div{position:relative;padding-left:56px}
.guide-start-strip>div>span{position:absolute;left:0;top:0;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#dceee2;color:#4f8161}
.guide-start-strip h2{font-size:21px;margin:0 0 10px}
.guide-start-strip p{font-size:14px;margin:0;max-width:720px}
.guide-start-strip>.btn{flex:none;white-space:nowrap;font-size:13px}
.guide-environments{padding-bottom:60px}
.guide-environments>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide-environments article{background:#f8fbf9;border:1px solid #dbe8e0;border-radius:13px;padding:25px}
.guide-environments article>span{display:inline-grid;place-items:center;width:38px;height:38px;background:#e7f2eb;border-radius:10px;color:#598567;margin-bottom:18px}
.guide-environments h3{font-size:20px;margin:0 0 12px}
.guide-environments p{font-size:14px;margin:0 0 20px;line-height:1.85}
.guide-environments article>a{font-size:13px;font-weight:600;color:#3f7854}
.guide-detail-hero{padding-top:30px;padding-bottom:35px}
.guide-detail-intro{display:flex;align-items:center;gap:23px;padding:30px;background:#f1f7f3;border:1px solid #d8e7dd;border-radius:17px;margin-top:25px}
.guide-detail-icon{display:grid;place-items:center;flex:none;width:73px;height:73px;border:1px solid #c9dfd1;border-radius:18px;background:#e2efe6;color:#477d5a}
.guide-detail-intro .ar-eyebrow{margin-bottom:8px;font-size:12px}
.guide-detail-intro h1{font-size:33px;margin:0 0 13px}
.guide-detail-intro p{font-size:14px;margin:0;line-height:1.9;max-width:790px}
.guide-step-count{margin-left:auto;flex:none;font-size:12px;color:#73907c;padding:8px 12px;border:1px solid #d2e3d8;background:#fff;border-radius:20px}
.guide-detail-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:38px;padding-bottom:50px}
.guide-section-nav{position:sticky;top:112px;align-self:start;background:#f1f7f3;border:1px solid #d9e7df;border-radius:13px;padding:17px}
.guide-section-nav h2{font-size:13px;color:#7c9684;margin:17px 7px 13px}
.guide-back{display:block;color:#4f785b;font-size:13px;padding:6px 7px 13px;border-bottom:1px solid #dce9e0}
.guide-section-nav [data-guide-link]{display:flex;gap:9px;align-items:flex-start;padding:12px 8px;font-size:13px;border-radius:8px;color:#607e69;line-height:1.85}
.guide-section-nav [data-guide-link]>span{flex:none;font-size:11px;line-height:2.2;color:#91a697}
.guide-section-nav [data-guide-link]:hover{background:#fff}
.guide-section-nav [data-guide-link].active{color:#245c3c;background:#dfeee4}
.guide-sidebar-help{display:flex;align-items:center;gap:8px;margin-top:16px;padding:16px 7px 3px;border-top:1px solid #dce9e0;font-size:12px;color:#5f7e68}
.guide-detail-step{background:#fff;border:1px solid #d7e5dc;border-radius:14px;margin-bottom:20px;overflow:hidden;scroll-margin-top:112px}
.guide-step-heading{display:flex;align-items:center;gap:14px;padding:20px 24px;background:#f3f8f5;border-bottom:1px solid #e0eae3}
.guide-step-heading>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #cddfd2;background:#e1efe5;color:#5c8567;font-size:12px;border-radius:9px}
.guide-step-heading h2{font-size:20px;margin:0}
.guide-step-body{padding:23px 25px 26px}
.ar-site .guide-step-body p{font-size:15px;line-height:2;margin:0 0 22px;color:#567260}
.guide-step-body .btn{font-size:13px;min-height:40px;padding:9px 15px;border-color:#cbded1;color:#457654;background:#f7fbf8}
.guide-complete-card{display:flex;align-items:center;gap:16px;padding:23px;border:1px solid #c9dfd1;border-radius:13px;background:#eaf4ed}
.guide-complete-card>span{color:#5a8a68;flex:none}
.guide-complete-card h2{font-size:18px;margin:0 0 8px}
.guide-complete-card p{font-size:13px;margin:0}
.guide-complete-card>.btn{margin-left:auto;flex:none;font-size:12px;min-height:39px;padding:9px 13px}
.guide-related{padding-bottom:60px}
.guide-related .guide-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.guide-related .guide-topic-card{padding:23px}
.guide-related .guide-topic-card h3{font-size:20px}
@media(max-width:1023px){.guide-hub-intro{gap:30px}.guide-hub-intro h1{font-size:36px}.guide-hub-intro>div>p{font-size:14px}.guide-hero-actions .btn{font-size:13px}.guide-detail-layout{grid-template-columns:210px minmax(0,1fr);gap:25px}.guide-detail-intro{padding:24px;gap:18px}.guide-detail-intro h1{font-size:28px}.guide-step-count{display:none}.guide-complete-card{flex-wrap:wrap}.guide-complete-card>.btn{margin-left:43px}.guide-start-strip{align-items:flex-start;flex-direction:column;gap:20px}.guide-start-strip>.btn{margin-left:56px}}
@media(max-width:760px){.guide-hub-intro{grid-template-columns:1fr;gap:25px;padding-top:20px}.guide-hub-intro h1{font-size:34px}.guide-hub-hero{padding-bottom:35px}.guide-topic-grid,.guide-environments>div:last-child,.guide-related .guide-topic-grid{grid-template-columns:1fr}.guide-topic-card{padding:24px}.guide-topic-card h3{font-size:22px}.guide-section-heading{align-items:flex-start;gap:15px}.guide-section-heading h2{font-size:23px}.guide-section-heading>.ar-text-link{font-size:12px;white-space:nowrap}.guide-start-strip{padding:22px!important}.guide-start-strip>div{padding-left:0}.guide-start-strip>div>span{position:static;margin-bottom:15px}.guide-start-strip>.btn{margin-left:0}.guide-start-strip h2{font-size:20px}.guide-detail-intro{align-items:flex-start;padding:22px;gap:13px}.guide-detail-icon{width:45px;height:45px;border-radius:12px}.guide-detail-icon svg{width:26px;height:26px}.guide-detail-intro h1{font-size:25px}.guide-detail-layout{grid-template-columns:1fr;gap:22px}.guide-section-nav{position:static;display:flex;flex-wrap:wrap;gap:6px;padding:14px}.guide-section-nav h2{width:100%;margin:5px 7px}.guide-back{width:100%}.guide-section-nav [data-guide-link]{flex:1 0 45%;font-size:12px;padding:10px 8px}.guide-sidebar-help{width:100%;margin-top:5px;padding-top:12px}.guide-step-heading{padding:17px;gap:11px}.guide-step-heading h2{font-size:18px}.guide-step-body{padding:20px}.ar-site .guide-step-body p{font-size:14px}.guide-complete-card{padding:20px}.guide-related{padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){.guide-topic-card{transition:none}}
