.installation-guide { color: #1d1d1f; text-align: left; font: 16px/1.6 -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; margin: 24px 0; overflow-wrap: anywhere; }
.installation-guide *, .guide-dialog * { box-sizing: border-box; }
.installation-guide [hidden], .guide-dialog [hidden] { display: none !important; }
.guide-topline { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-bottom: 14px; border-bottom: 1px solid #e5e5e8; }
.guide-eyebrow { font-size: 13px; font-weight: 650; color: #087a80; }
.guide-device { display: flex; align-items: center; gap: 7px; font-size: 12px; color: #595960; }
.guide-device select { min-height: 44px; max-width: 160px; padding: 8px; border-radius: 9px; border: 1px solid #c8c8cf; background: white; color: #1d1d1f; font: inherit; }
.guide-progress { margin: 18px 0 5px; color: #595960; font-size: 12px; }
.guide-title { margin: 0 0 12px; font-size: clamp(21px, 4.5vw, 25px); font-weight: 650; line-height: 1.3; letter-spacing: -.025em; outline: none; scroll-margin-top: 72px; }
.guide-intro { margin: 0 0 16px; color: #595960; font-size: 15px; }
.guide-instructions { margin: 0; padding-left: 23px; font-size: 15px; }
.guide-instructions li { padding-left: 3px; margin: 0 0 12px; }
.guide-instructions li::marker { font-weight: 650; color: #087a80; }
.guide-figure { margin: 20px 0; }
.guide-missing { display: block; padding: 20px; border: 1px dashed #b8caca; border-radius: 14px; background: #f4f8f8; color: #4a6364; font-size: 13px; text-align: center; }
.guide-zoom { display: block; width: 100%; max-width: 340px; margin: auto; padding: 0; border: 0; background: none; cursor: zoom-in; border-radius: 14px; }
.guide-image-box { display: block; position: relative; width: fit-content; max-width: 100%; margin: auto; overflow: hidden; border-radius: 12px; line-height: 0; }
.guide-image-box img { display: block; width: auto; max-width: 100%; max-height: 410px; height: auto; }
.guide-image-box .guide-missing { line-height: 1.6; }
.guide-image-svg { display: block; width: 100%; height: auto; }
.guide-annotation { pointer-events: none; fill: rgb(8 122 128 / .025); stroke: #087a80; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.guide-figure figcaption { margin: 8px 0; text-align: center; color: #595960; font-size: 12px; }
.guide-annotation-labels { font-size: 13px; color: #595960; padding-left: 20px; }
.guide-expected, .guide-notice { margin: 16px 0; padding: 13px 15px; background: #edf7f6; color: #205759; border-radius: 12px; font-size: 13px; }
.guide-help { margin: 17px 0; border-top: 1px solid #e5e5e8; border-bottom: 1px solid #e5e5e8; padding: 5px 0; }
.guide-help summary { cursor: pointer; min-height: 44px; padding: 10px 0; font-size: 14px; color: #255e61; }
.guide-help p { margin: 0 0 12px; color: #595960; font-size: 13px; }
.guide-help a { display: inline-block; min-height: 44px; padding: 10px 0; font-size: 13px; color: #0066cc; }
.guide-navigation { display: flex; justify-content: space-between; gap: 12px; margin-top: 20px; }
.guide-navigation .guide-primary { min-width: 62%; }
.guide-back { border-color: transparent !important; font-weight: 400 !important; color: #595960 !important; }
.guide-inline-link { display: inline-block; padding: 8px 0; min-height: 44px; color: #0066cc; font-size: 14px; }
.guide-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 17px; border: 1px solid #c6d4d4; border-radius: 999px; font: 600 14px/1.5 -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; color: #075e64; background: #fff; cursor: pointer; text-decoration: none; }
.guide-primary { color: white; background: #087a80; border-color: #087a80; }
.guide-button:hover { text-decoration: none; filter: brightness(.96); }
.guide-button:disabled { opacity: .5; cursor: default; }
.guide-persistence { color: #595960; font-size: 11px; margin: 13px 0 0; }
.installation-guide :is(button, a, select, summary):focus-visible, .guide-dialog button:focus-visible { outline: 3px solid #0071e3; outline-offset: 3px; }
.guide-dialog { max-width: min(94vw, 760px); max-height: 94dvh; padding: 16px; border: 0; border-radius: 18px; overflow: auto; background: #fff; }
.guide-dialog::backdrop { background: rgb(0 0 0 / .72); }
.guide-dialog > button { position: sticky; top: 0; z-index: 1; display: flex; margin: 0 0 12px auto; }
.guide-dialog .guide-image-box { max-width: 540px; margin: auto; }
.guide-dialog .guide-image-box img { width: 100%; max-height: none; }
@media (max-width: 360px) { .guide-navigation { gap: 8px; } .guide-button { padding-inline: 13px; } .guide-instructions { font-size: 14px; } }
@media (prefers-reduced-motion: reduce) { .installation-guide *, .guide-dialog * { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }