.guides-page{background:#f7f7f0}.guides-page header{position:absolute}.guides-page nav [aria-current=page]{color:#b3e078}.guide-hero{height:400px;position:relative;overflow:hidden;background:#13251d;color:#fff}.guide-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 65%;opacity:.3}.guide-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#13251d99,transparent)}.guide-hero>div{position:relative;z-index:1;max-width:1280px;margin:auto;padding:115px 42px 28px}.back-home{font-size:12px;color:#d3e0ce;display:inline-block;margin-bottom:20px}.guide-hero .eyebrow{font-size:10px;margin-bottom:15px}.guide-hero h1{font-size:clamp(40px,4.8vw,60px);line-height:1.05;letter-spacing:-.04em;margin:0}.guide-hero p:last-child{font-size:15px;color:#e0e8d8;margin:18px 0 0;max-width:640px;line-height:1.7}.guides-layout{max-width:1280px;margin:auto;padding:55px 42px 75px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}.guide-sidebar{position:sticky;top:25px}.guide-sidebar>.eyebrow{font-size:10px;line-height:1.6;margin-bottom:24px}.guide-nav-group{margin-bottom:27px}.guide-nav-group h2{font-size:19px;margin:0 0 13px}.guide-nav-link{display:flex;align-items:baseline;gap:12px;padding:12px 13px;border-radius:8px;font-size:13px;line-height:1.6;margin:3px 0;color:#64725f}.guide-nav-link:hover{background:#e9ede2}.guide-nav-link[aria-current=page]{background:#183121;color:#e9f1df}.guide-nav-number{font-size:10px;color:#8a9a7f}.guide-nav-link[aria-current=page] .guide-nav-number{color:#b3e078}.scope-note{font-size:11px;line-height:1.8;color:#73816d;border-top:1px solid #d6ddce;padding-top:20px}.guide-article-intro{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:26px;align-items:start;margin-bottom:30px}.guide-article-intro .eyebrow{font-size:10px;line-height:1.7;margin-bottom:17px}.guide-article-title{font-size:clamp(30px,3.2vw,43px);letter-spacing:-.04em;line-height:1.13;margin:0 0 23px;overflow-wrap:anywhere}.guide-summary{font-size:16px;line-height:1.8;color:#65715f}.guide-sample{margin:0;max-width:280px;width:100%}.guide-sample figcaption{font-size:9px;color:#859079;text-align:center;margin-bottom:10px}.sample-card{padding:18px;border-radius:14px;background:#172b20;color:#e6eedd;box-shadow:0 12px 25px #172b2015;font-size:12px}.sample-top{display:flex;gap:8px;justify-content:space-between;font-weight:600}.sample-gear{font-size:20px;color:#b3e078}.sample-status{display:inline-block;margin-top:7px;font-size:10px;color:#b3e078}.sample-status:before{content:'● ';font-size:8px}.sample-device{display:block;height:140px;max-width:100%;object-fit:contain;margin:15px auto}.sample-device.small{height:100px}.sample-label{display:block;border-radius:7px;background:#b3e078;color:#193022;text-align:center;padding:10px;font-size:11px;font-weight:600;margin-top:15px}.sample-card h3{font-size:15px;margin:18px 0 15px}.sample-card>h3:first-child{margin-top:0}.sample-field{display:flex;justify-content:space-between;gap:10px;line-height:1.6;padding:10px 0;border-bottom:1px solid #ffffff15;font-size:10px}.sample-field.vertical{display:block}.sample-field>span:first-child{color:#b3c2a9}.sample-field strong{display:block;font-size:12px;font-weight:500;margin-top:4px;color:#e2edda}.sample-value{color:#b3e078}.sample-flow{font-size:10px;line-height:1.8;text-align:center;color:#b3c2a9;margin:18px 0}.sample-success{display:block;color:#b3e078;font-size:12px;text-align:center;padding:10px;border:1px solid #b3e07840;border-radius:6px}.sample-outline{display:block;text-align:center;border:1px solid #a3b69c60;border-radius:6px;padding:8px;margin-top:15px;color:#cfddc8;font-size:11px}.guide-steps{list-style:none;margin:0;padding:0;counter-reset:steps}.guide-step{display:flex;gap:21px;padding:25px 0;border-top:1px solid #d9dfd1}.step-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#e2eacF;color:#355329;font-size:14px;font-weight:650}.guide-step h3{font-size:19px;line-height:1.45;margin:2px 0 11px;letter-spacing:-.015em}.guide-step p{font-size:15px;line-height:1.85;color:#5e6d59;margin:0;max-width:680px}.guide-success{display:flex;gap:18px;background:#e4edd9;border-radius:12px;padding:23px;margin:20px 0}.success-check{color:#50732e;font-size:25px;flex-shrink:0}.guide-success h3{font-size:16px;margin:0 0 10px}.guide-success p{font-size:14px;line-height:1.8;margin:0;color:#516345}.guide-tip{padding:16px 23px;border-left:3px solid #8aaa60;background:#eef0e8;border-radius:0 8px 8px 0;margin:23px 0}.guide-tip p{font-size:13px;line-height:1.85;color:#607252;margin:0}.guide-terms{margin:30px 0}.guide-terms>div{display:grid;grid-template-columns:165px minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid #d9dfd1}.guide-terms dt{font-size:13px;font-weight:600}.guide-terms dd{margin:0;font-size:13px;line-height:1.8;color:#65745c}.guide-faq{margin-top:38px}.guide-faq>h3{font-size:23px;margin-bottom:15px;letter-spacing:-.025em}.guide-faq details{border-bottom:1px solid #d1d9c7}.guide-faq summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:550;padding:20px 0;line-height:1.6;list-style:none}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary>span{font-size:19px;font-weight:400;color:#667c4a}.guide-faq details[open] summary>span{transform:rotate(45deg)}.guide-faq details>p{font-size:14px;line-height:1.85;color:#607055;margin:0 0 22px;max-width:680px}.guide-pager{display:flex;gap:20px;justify-content:space-between;margin-top:40px;padding-top:25px;border-top:1px solid #d1d9c7}.guide-pager>a{padding:17px 20px;background:#e9ede1;border-radius:10px;max-width:50%;display:flex;flex-direction:column;gap:9px}.guide-pager small{font-size:10px;color:#697e52}.guide-pager span{font-size:13px;line-height:1.65}.pager-next{margin-left:auto;text-align:right}.guide-updated{font-size:10px;color:#8c9881;margin-top:26px}.guide-footer{padding:30px 5%;background:#13251d;color:#d6e3cb;display:flex;align-items:center;gap:30px;justify-content:space-between;font-size:12px}.guide-footer>span{font-size:10px;color:#99ad8c}#guide-content{scroll-margin-top:24px}#guide-content:focus{outline:0}.guides-page :focus-visible{outline:3px solid #8bab5e;outline-offset:4px}
@media(max-width:1050px){.guides-layout{gap:30px;grid-template-columns:210px minmax(0,1fr);padding-left:30px;padding-right:30px}.guide-article-intro{grid-template-columns:1fr}.guide-sample{max-width:350px}.sample-card{padding:20px}.guide-sample:has(.sample-device) .sample-device{height:120px}.sample-field{padding:7px 0}.sample-field.vertical{display:flex;align-items:baseline}.sample-field strong{margin:0}.guide-article-title{max-width:540px}}
@media(max-width:760px){.guide-hero{height:430px}.guide-hero>div{padding:114px 24px 25px}.guide-hero h1{font-size:43px}.guide-hero p:last-child{font-size:14px}.guides-layout{display:block;padding:30px 24px 50px}.guide-sidebar{position:static;margin-bottom:32px}.guide-sidebar>.eyebrow{margin-bottom:15px}.guide-nav-group h2{font-size:17px}.guide-nav-group{margin-bottom:18px}.guide-nav-link{padding:10px 12px}.scope-note{font-size:11px;margin-bottom:0}.guide-article-intro{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:20px}.guide-article-title{font-size:32px}.guide-summary{font-size:14px}.guide-step{gap:15px;padding:23px 0}.guide-step h3{font-size:18px}.guide-step p{font-size:14px}.guide-terms>div{grid-template-columns:130px minmax(0,1fr);gap:15px}.guide-footer{display:flex;flex-wrap:wrap;padding:28px 24px;gap:25px}.guide-footer>span{flex-basis:100%}.guide-updated{line-height:1.8}}
@media(max-width:550px){.guide-article-intro{display:block}.guide-sample{margin:24px auto 30px;max-width:320px}.guide-article-title{font-size:34px}.guide-summary{font-size:15px}.guide-terms>div{display:block}.guide-terms dd{margin-top:8px}.guide-pager{gap:12px}.guide-pager>a{padding:14px;max-width:50%}.guide-success{padding:20px;gap:14px}}

.sample-event{border:1px solid #b3e07855;border-radius:8px;padding:13px;margin:17px 0;color:#e0eada}.sample-event strong{display:block;font-size:13px;margin-bottom:7px}.sample-event span{display:block;font-size:10px;color:#b3e078}
