.installer-guide{margin-top:32px}
.installer-guide-toggle{width:max-content;max-width:100%;margin:0 auto;list-style:none;cursor:pointer}
.installer-guide-toggle::-webkit-details-marker{display:none}
.installer-guide-toggle::marker{content:""}
.installer-guide-toggle strong{font-size:13px;font-weight:800}
.installer-guide-toggle .guide-arrow{display:inline-block;transition:transform .25s ease}
.installer-guide[open] .guide-arrow{transform:rotate(180deg)}
.installer-guide-toggle:focus-visible,.installer-guide-end a:focus-visible{outline:2px solid #ff8b65;outline-offset:4px}
.installer-guide-panel{margin-top:30px;padding:clamp(25px,4vw,56px);border:1px solid rgba(255,255,255,.14);border-radius:14px;background:radial-gradient(circle at 96% 0%,rgba(244,109,72,.08),transparent 30%),#14151a;box-shadow:0 28px 65px rgba(0,0,0,.2)}
.installer-guide-heading{padding-bottom:31px;border-bottom:1px solid rgba(255,255,255,.12)}
.installer-guide-heading h2,.installer-guide-heading h3{font-size:clamp(30px,3.8vw,52px);letter-spacing:-.065em;word-spacing:.12em;line-height:1.1;margin:20px 0 10px}
.installer-guide-heading p{font:15px/1.7 'DM Sans',sans-serif;color:#a9a9b0;margin:0}
.installer-guide-step{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(25px,5vw,72px);align-items:center;padding:37px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.installer-guide-copy{max-width:400px}
.guide-step-index{color:#fa7752;font-size:10px;font-weight:800;letter-spacing:.18em}
.installer-guide-copy h4{font-size:clamp(25px,2.5vw,37px);line-height:1.15;letter-spacing:-.06em;word-spacing:.1em;margin:17px 0 13px}
.installer-guide-copy p{font:14px/1.75 'DM Sans',sans-serif;color:#aaaab0;margin:0}
.installer-guide-visual{min-width:0;margin:0;border:1px solid #39383e;border-radius:10px;overflow:hidden;background:#1e1e24;box-shadow:0 24px 48px rgba(0,0,0,.32)}
.installer-guide-image-link{display:block;position:relative;aspect-ratio:40/31;overflow:hidden;cursor:zoom-in}
.installer-guide-image-link:after{content:"↗";position:absolute;right:12px;top:12px;width:31px;height:31px;display:grid;place-items:center;border-radius:6px;background:#15161bd9;color:#fff;font-size:17px;opacity:0;transition:opacity .2s}
.installer-guide-image-link:hover:after,.installer-guide-image-link:focus-visible:after{opacity:1}
.installer-guide-image-link:focus-visible{outline:2px solid #ff8b65;outline-offset:-3px}
.installer-guide-visual img{display:block;width:100%;height:100%;object-fit:contain;background:#17171b}
.installer-guide-visual figcaption{display:flex;justify-content:space-between;gap:18px;padding:11px 15px;border-top:1px solid #39383e;color:#a7a5ac;font-size:10px;font-weight:700;letter-spacing:.05em}.installer-guide-visual figcaption span:last-child{color:#f38b68}
.installer-guide-placeholder{min-height:0;aspect-ratio:40/31;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;padding:20px;background:radial-gradient(circle at center,#2c2829,#1e1e24 68%);color:#81818b}
.installer-guide-placeholder>span{display:grid;place-items:center;width:54px;height:54px;border:1px solid #9c594966;border-radius:13px;color:#ee7958;font-size:30px}
.installer-guide-placeholder strong{font:700 12px/1.5 'DM Sans',sans-serif;color:#b0aeb4}
.installer-guide-placeholder small{font:10px/1.4 ui-monospace,Consolas,monospace;color:#77757e}
.installer-guide-end{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:26px;color:#87848b;font-size:10px;font-weight:800;letter-spacing:.16em}
.installer-guide-end a{color:#f78d6d;font-size:12px;letter-spacing:0;text-decoration:none}
.installer-guide-end a:hover{color:#fff}
.installer-guide--inline{margin-top:0}
.installer-guide--inline .installer-guide-panel{margin-top:0}
@media(max-width:800px){.installer-guide-step{grid-template-columns:1fr;gap:23px}.installer-guide-copy{max-width:620px}.installer-guide-visual{max-width:800px;width:100%}}
@media(max-width:470px){.installer-guide-toggle{width:100%}.installer-guide-panel{padding:22px 17px}.installer-guide-step{padding:28px 0}.installer-guide-visual figcaption{font-size:9px;letter-spacing:0}.installer-guide-end{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.installer-guide-toggle .guide-arrow{transition:none}}