.desktop-nav{gap:clamp(12px,2vw,28px)}
.header-inner{gap:20px}
.guide{background:linear-gradient(180deg,#0e1b24 0,#0b1118 430px)}
.guide a:focus-visible,.guide summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.guide-hero{padding-top:96px;padding-bottom:78px}
.guide-hero h1{font-size:clamp(52px,7vw,88px);margin:16px 0 24px;max-width:840px}
.guide-hero h1 em{color:var(--accent);font-style:normal}
.guide-lead{max-width:780px;color:#c8d6d9;font-size:clamp(18px,2vw,23px);line-height:1.55}
.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.guide-note{margin-top:20px;color:var(--muted);font-size:13px}
.guide-toc{padding:29px;background:#14232d;border:1px solid #30434c}
.guide-toc h2{font-size:22px;margin:0 0 18px}
.guide-toc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 25px}
.guide-toc-grid a{display:flex;gap:11px;align-items:baseline;padding:10px 0;color:#dce8e8;border-bottom:1px solid #30434c;font-size:14px}
.guide-toc-grid a:hover{color:var(--accent)}
.guide-toc-grid span{color:var(--accent);font-family:Manrope,sans-serif;font-size:12px;font-weight:800;min-width:24px}
.guide-section{padding-top:90px;padding-bottom:90px;border-bottom:1px solid #24343e;scroll-margin-top:125px}
.guide-heading{display:grid;grid-template-columns:120px minmax(0,1fr);gap:25px;margin-bottom:32px}
.guide-heading h2{font-size:clamp(32px,4vw,51px);max-width:850px;margin:0 0 12px}
.guide-heading p:not(.eyebrow){color:#aebfc4;max-width:800px;font-size:16px;margin:0}
.guide-heading .eyebrow{margin:0 0 9px}
.guide-index{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.1em;padding-top:6px}
.guide-step-number{font-family:Manrope,sans-serif;font-size:55px;line-height:1;letter-spacing:-.07em;padding:0}
.guide-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.guide-three article{background:#15232d;border:1px solid #30434c;padding:26px}
.guide-three article>span{color:var(--accent);font-size:31px}
.guide-three h3{font-size:20px;margin:15px 0 8px}
.guide-three p,.guide-section>p{color:#bdcbd0;line-height:1.75}
.guide-three p{font-size:14px;margin:0}
.guide-callout{background:#1a291f;border-left:3px solid var(--accent);padding:16px 20px;margin:28px 0 0;color:#deebd8!important}
.guide-checklist{padding-left:21px;color:#d8e2e3;max-width:930px;line-height:1.8}
.guide-checklist li{margin-bottom:11px;padding-left:8px}
.guide-checklist li::marker{color:var(--accent)}
.guide-hardware,.guide-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#30434c;border:1px solid #30434c;margin-top:28px}
.guide-hardware>div,.guide-settings>div{background:#14222c;padding:22px;display:grid;gap:6px}
.guide-hardware strong,.guide-settings strong{color:#f0f6f3;font-size:15px}
.guide-hardware span,.guide-settings span{color:#b6c6cb;font-size:14px;line-height:1.65}
.guide-steps{max-width:940px;padding-left:28px;color:#d5e0e2;line-height:1.8}
.guide-steps li{padding-left:10px;margin-bottom:13px}
.guide-steps li::marker{color:var(--accent);font-weight:800}
.guide-steps a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.guide-flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:7px;margin:30px 0;padding:17px;background:#14232d;border:1px solid #30434c}
.guide-flow span{display:flex;align-items:center;justify-content:center;min-height:74px;flex:1 1 130px;padding:10px;text-align:center;background:#1c3039;border:1px solid #4a626b;border-radius:4px;font-weight:700;font-size:13px;line-height:1.4}
.guide-flow b{color:var(--accent);font-size:22px;align-self:center}
.guide-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
.guide-shot{min-width:0;margin:30px 0 0;background:#14222c;border:1px solid #364a53;padding:10px}
.guide-media-grid .guide-shot{margin-top:0}
.guide-shot a{display:block;overflow:hidden;background:#0c161d}
.guide-shot a:hover img{opacity:.88}
.guide-shot img{display:block;width:100%;height:auto;object-fit:contain}
.guide-shot figcaption{padding:12px 7px 5px;color:#b7c8cb;font-size:13px;line-height:1.6}
.guide-shot figcaption strong{color:#ecf4f2}
.guide-shot-wide{max-width:1050px}
.guide-capture-needed{margin-top:25px;padding:17px 20px;border:1px dashed #61757a;background:#17232a;color:#d5e1df}
.guide-capture-needed strong{font-size:13px;color:var(--accent)}
.guide-capture-needed p{font-size:13px;line-height:1.65;margin:5px 0 0;color:#b9c9cc}
.guide-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 30px;counter-reset:guide-key;list-style:none;padding:0;margin:28px 0}
.guide-key li{position:relative;padding:12px 12px 12px 44px;background:#14222c;color:#bbcccf;font-size:13px;line-height:1.65}
.guide-key li::before{counter-increment:guide-key;content:counter(guide-key,decimal-leading-zero);position:absolute;top:12px;left:12px;color:var(--accent);font-weight:800}
.guide-key strong{color:#f0f5f3}
.guide-faq{max-width:960px}
.guide-faq details{border-bottom:1px solid #3c505a}
.guide-faq summary{padding:18px 36px 18px 0;cursor:pointer;color:#eff6f4;font-weight:700;position:relative;list-style:none}
.guide-faq summary::-webkit-details-marker{display:none}
.guide-faq summary::after{content:'+';position:absolute;right:4px;top:12px;color:var(--accent);font-size:26px;font-weight:400}
.guide-faq details[open] summary::after{content:'−'}
.guide-faq details p{color:#b9cbd0;max-width:800px;margin:0 0 19px;line-height:1.75;font-size:14px}
.guide-end{text-align:center;padding-top:90px;padding-bottom:100px}
.guide-end h2{font-size:clamp(34px,4vw,54px);margin:12px 0}
.guide-end p:not(.eyebrow){color:#b9cbd0}
.guide-end .button{margin-top:15px}
.guide-back{display:block;width:max-content;margin:25px auto 0;color:var(--accent);font-size:13px;font-weight:700}
@media(max-width:1050px){.desktop-nav{gap:13px}.desktop-nav a{font-size:12px}.header-actions{gap:8px}.header-inner{gap:12px}}
@media(max-width:850px){.guide-toc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-three{grid-template-columns:1fr}.guide-three article{padding:20px}.guide-media-grid{grid-template-columns:1fr}}
@media(max-width:700px){.mobile-nav{flex-wrap:wrap;justify-content:center;overflow:visible}.mobile-nav a{padding:7px 8px}.guide-hero{padding-top:65px;padding-bottom:55px}.guide-section{scroll-margin-top:135px;padding-top:62px;padding-bottom:62px}.guide-heading{grid-template-columns:1fr;gap:6px}.guide-step-number{font-size:42px}.guide-flow b{display:none}.guide-flow span{flex-basis:150px}.guide-key,.guide-hardware,.guide-settings{grid-template-columns:1fr}}
@media(max-width:480px){.guide-toc{padding:20px}.guide-toc-grid{grid-template-columns:1fr}.guide-hero h1{font-size:51px}.guide-actions .button{width:100%}.guide-flow span{flex-basis:100%}.guide-shot{padding:5px}.guide-shot figcaption{padding:10px}.guide-end{padding-top:65px;padding-bottom:75px}}
