.reference-launch{display:flex;align-items:center;gap:24px;padding:22px;background:#f2f3e9;border:1px solid #d5d6ba;border-radius:2px;margin:24px 0}.reference-launch strong{display:block;margin:8px 0;font-size:20px}.reference-launch p{margin:0;line-height:1.5}.reference-launch button{flex-shrink:0}.visual-help{margin:22px 0;padding:20px;border:1px solid #d6d9dc;border-radius:2px;background:#fff}.visual-help summary{font-weight:650;cursor:pointer}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.guide-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-photo{margin:0;min-width:0}.guide-photo img{display:block;width:100%;height:140px;object-fit:contain;background:white;margin-bottom:16px}.guide-photo p,.guide-caption,.assembly-guide p{font-size:13px;line-height:1.55;color:#5e676d}.guide-photo a{font-size:12px;color:#595a2f}.guide-caption{margin-bottom:0}.exit-guide{display:flex;gap:24px;padding:20px;background:#f1f2ec;border-radius:2px}.exit-guide>div{flex:1}.exit-guide span{font-size:32px;display:block}.exit-guide strong,.exit-guide small{display:block}.exit-guide small{margin-top:7px;color:#5e676d}.assembly-guide{margin:24px 0;padding:20px;border:1px solid #d6d9dc;border-radius:2px}.assembly-guide ol{list-style:none;padding:0;display:flex;gap:12px;flex-wrap:wrap}.assembly-guide li{flex:1;min-width:110px;border-left:3px solid #bcbe81;padding:10px;background:#f4f4ef}.assembly-guide small{display:block;margin-top:7px;overflow-wrap:anywhere;color:#5e676d}.reference-checks{padding:4px 16px;background:#f2f3e9;border-radius:2px;font-size:14px}.capacity-strip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 0}.capacity-note{font-size:12px;color:#5e676d}.capacity-note:last-child{flex-basis:100%}@media(max-width:650px){.reference-launch{display:block}.reference-launch button{margin-top:16px}.guide-grid.three{grid-template-columns:1fr}.guide-grid.three .guide-photo{display:grid;grid-template-columns:90px 1fr;gap:16px}.guide-grid.three img{height:90px}.guide-grid{gap:12px}.guide-photo img{height:110px}}@media print{.visual-help,.reference-launch{display:none}}

.live-offers{margin:16px 0;padding:16px;background:#f2f3e9;border-radius:2px}.live-offers small{display:block;margin:8px 0;color:#50585d}.live-offer{border-top:1px solid #cccdb1;margin-top:12px;padding-top:12px}.live-offer a{display:inline-block;padding:10px 0;font-weight:600}

.option-body{display:flex;gap:14px;align-items:center}.option-face{flex-shrink:0;line-height:0}.option-face svg{display:block}
.option-guide{margin:22px 0;padding:20px;border:1px solid #d6d9dc;border-radius:2px;background:#fff}.option-guide .faces{display:flex;gap:28px;flex-wrap:wrap;margin:14px 0 6px}.option-guide figure{margin:0;display:flex;gap:14px;align-items:center}.option-guide figcaption strong,.option-guide figcaption span,.option-guide figcaption small{display:block}.option-guide figcaption span{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:600;margin:4px 0;overflow-wrap:anywhere}.option-guide figcaption small,.option-note,.option-help,.option-source{font-size:13px;line-height:1.5;color:#5e676d}.option-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;margin:8px 0}.option-links a,.option-source a{color:#595a2f}
.option-group{border:0;border-top:1px solid #e7e7e0;margin:18px 0 0;padding:16px 0 0}.option-group legend{font-weight:650;padding:0}.option-help{margin:6px 0 12px}.option-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.option-tiles.keying,.option-tiles.key{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.option-tile{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid #d6d9dc;border-radius:2px;cursor:pointer;background:#fff}.option-tile.on{border-color:#4a4d2e;box-shadow:inset 0 0 0 1px #4a4d2e;background:#f5f5ef}.option-tile input{position:absolute;opacity:0;pointer-events:none}.option-tile:focus-within{outline:2px solid #4a4d2e;outline-offset:2px}.option-tile strong,.option-tile small{display:block}.option-tile strong{font-size:14px}.option-tile small{font-size:12px;color:#5e676d;margin-top:2px}
.swatch{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:2px solid #222527;box-shadow:inset 0 0 0 3px rgba(255,255,255,.35)}.swatch.letter{display:flex;align-items:center;justify-content:center;background:#edeff0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:700;box-shadow:none}.option-source{margin-top:10px}
@media(max-width:650px){.option-guide figure{flex-basis:100%}.option-tiles{grid-template-columns:1fr 1fr}}@media print{.option-guide .option-group{display:none}}
.backshell-guide{margin:22px 0;padding:20px;border:1px solid #d6d9dc;border-radius:2px;background:#fff}.cable-hero{margin:12px 0 4px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.cable-hero svg{max-width:100%;height:auto}.cable-hero figcaption strong,.cable-hero figcaption span{display:block}.cable-hero figcaption span{font-size:13px;color:#5e676d;margin-top:4px;overflow-wrap:anywhere}
.bs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:14px}.bs-card{border:1px solid #d6d9dc;border-radius:2px;padding:10px;display:flex;flex-direction:column;gap:4px}.bs-card svg{max-width:100%;height:auto;align-self:center}.bs-card.on{border-color:#4a4d2e;box-shadow:inset 0 0 0 1px #4a4d2e;background:#f5f5ef}.bs-card strong{font-size:13px}.bs-pn{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:600;font-size:13px;overflow-wrap:anywhere}.bs-card small{font-size:12px;color:#5e676d;line-height:1.4}.bs-card em{font-style:normal;font-size:12px;font-weight:600;color:#4a4d2e}
@media print{.backshell-guide details{display:none}}
.size-list{list-style:none;padding:0;margin:8px 0 0;font-size:13px;line-height:1.5}.size-list li{padding:2px 0}.size-list .muted{color:#5e676d}
.face-large{margin:10px 0}.face-large summary{cursor:pointer;font-size:13px;font-weight:600}.face-large .faces{flex-direction:column;align-items:flex-start}.face-large svg{max-width:100%;height:auto}
.option-guide .faces svg.face-1560{max-width:100%;height:auto}
.option-group{min-width:0}.option-tile{min-width:0}.option-tile strong{overflow-wrap:anywhere}
