/* Shared only by the three standalone/iframe guides. */
:is(#information-strap-guide,#information-protect-guide,#information-charger-guide) { max-width:1120px; padding:20px 20px 40px; }
.guide-refresh { font-family:Arial,Helvetica,sans-serif; color:#222b30; letter-spacing:0; }
.guide-refresh [hidden] { display:none !important; }
.guide-refresh :is(button,input,summary) { font:inherit; }
.guide-refresh :is(h1,h2,h3,h4,p,button,a) { overflow-wrap:anywhere; }
.guide-refresh :is(button,a,input,summary):focus-visible { outline:3px solid #167c85 !important; outline-offset:3px; }
.guide-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 0 14px; margin-bottom:18px; border-bottom:1px solid #e2e7e6; }
.guide-toolbar strong { font-size:15px; color:#34443f; }
.guide-toolbar button,.guide-change { border:1px solid #cad4d0; background:#fff; color:#34443f; border-radius:6px; padding:8px 12px; cursor:pointer; min-height:40px; }
.guide-summary { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid #dce4e0; margin-bottom:14px; }
.guide-summary strong { font-size:16px; }
.guide-context { padding:12px 14px; background:#f1f6f4; border-left:3px solid #16745c; margin:0 0 18px; font-size:15px; }
.guide-context strong { display:block; margin-top:3px; }
.guide-help { margin-top:20px; border-top:1px solid #dce4e0; padding-top:14px; }
.guide-help summary { cursor:pointer; color:#374740; font-weight:700; min-height:40px; }
.guide-zoom { display:block; margin:0 auto 12px; padding:7px 12px; color:#225f51; background:#fff; border:1px solid #cbd9d3; border-radius:6px; cursor:pointer; min-height:40px; }
.guide-lightbox { width:min(1000px,94vw); max-height:94vh; border:1px solid #ccd5d0; border-radius:8px; padding:12px; }
.guide-lightbox::backdrop { background:rgba(15,25,22,.7); }
.guide-lightbox img { display:block; width:100%; max-height:78vh; object-fit:contain; }
.guide-lightbox button { float:right; background:#fff; border:1px solid #ccd5d0; border-radius:6px; padding:10px 14px; font:inherit; cursor:pointer; }
:is(#information-strap-guide,#information-protect-guide,#information-charger-guide) .guide-refresh :is(.sg-hero,.pg-hero,.cg-hero) { display:block; padding:0 0 22px; border:0; border-bottom:1px solid #dce4e0; border-radius:0; background:#fff; box-shadow:none; color:#222b30; text-align:left; }
:is(#information-strap-guide,#information-protect-guide,#information-charger-guide) .guide-refresh :is(.sg-hero h1,.pg-hero h1,.cg-hero h1) { margin:8px 0; font-size:28px; line-height:1.25; }
:is(#information-strap-guide,#information-protect-guide,#information-charger-guide) .guide-refresh :is(.sg-hero p,.pg-hero p,.cg-hero p) { color:#52605a; max-width:780px; }
:is(#information-strap-guide,#information-protect-guide,#information-charger-guide) .guide-refresh :is(.sg-kicker,.pg-kicker,.cg-kicker) { background:none; border:0; padding:0; color:#276754; font-size:12px; border-radius:0; }
.guide-refresh :is(.pg-hero-points,.cg-hero-points,.sg-jump-row,.sg-next-hint) { display:none !important; }
:is(#information-strap-guide,#information-protect-guide,#information-charger-guide) .guide-refresh :is(.sg-section-title h2,.pg-section-title h2,.cg-section-title h2) { font-size:22px; }
:is(#information-strap-guide,#information-protect-guide,#information-charger-guide) .guide-refresh :is(.sg-step,.pg-step,.cg-step) { background:#edf4f0; color:#29664e; font-size:12px; border-radius:6px; }
:is(#information-strap-guide,#information-protect-guide,#information-charger-guide) .guide-refresh :is(.sg-visual-card,.pg-visual-card,.cg-card,.sg-product,.pg-product,.pg-install-card,.cg-tip-card) { background:#fff; border-radius:8px; box-shadow:0 3px 12px rgba(24,48,36,.04); }
:is(#information-strap-guide,#information-protect-guide,#information-charger-guide) .guide-refresh :is(.sg-panel,.pg-panel,.cg-panel,.sg-dimension-panel) { background:#fff; border:0; border-radius:0; box-shadow:none; padding:0; overflow:visible; }
#information-strap-guide .guide-refresh .sg-step-choice:not(.is-active) { opacity:1; }
#information-strap-guide .guide-refresh.has-type-focus .sg-type-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
#information-strap-guide .guide-refresh :is(.sg-step-choice.is-active,.sg-choice.is-active),
#information-protect-guide .guide-refresh .pg-choice.is-active { background:#edf5f0; color:#245740; border-color:#358268; box-shadow:0 0 0 1px #358268; transform:none; }
#information-strap-guide .guide-refresh .sg-step-choice.is-active .sg-visual-action { background:#245f4b; color:#fff; }
#information-strap-guide .guide-refresh .sg-step2-layout { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); }
#information-strap-guide .guide-refresh .sg-dimension-panel { grid-column:1; grid-row:1; }
#information-strap-guide .guide-refresh [data-measure-grid] { grid-column:2; grid-row:1; }
#information-protect-guide .guide-refresh .pg-measure-layout { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); }
#information-protect-guide .guide-refresh .pg-panel { grid-column:1; grid-row:1; }
#information-protect-guide .guide-refresh .pg-visual-card { grid-column:2; grid-row:1; }
#information-protect-guide .guide-refresh:not(.has-shape-focus) .pg-measure-layout { grid-template-columns:1fr; }
#information-protect-guide .guide-refresh:not(.has-shape-focus) .pg-panel { max-width:none; }
#information-protect-guide .guide-refresh:not(.has-size-focus) .pg-measure-layout { grid-template-columns:minmax(0,760px); justify-content:start; }
#information-protect-guide .guide-refresh [data-selection-title] { display:none; }
#information-protect-guide .guide-refresh .guide-summary { padding-top:0; }
#information-protect-guide .guide-refresh .pg-visual-card img,
#information-strap-guide .guide-refresh .sg-step2-layout .sg-visual-card img { height:320px; max-height:320px; object-fit:contain; background:#fff; }
#information-strap-guide .guide-refresh .sg-type-grid .sg-visual-card img { height:190px; object-fit:contain; background:#fff; }
#information-protect-guide .guide-refresh .pg-shape-card span span { color:#52605a; }
#information-protect-guide .guide-refresh .pg-shape-icon { color:#395d50; background:#edf2ef; }
:is(#information-strap-guide,#information-protect-guide) .guide-refresh :is(.sg-choice,.pg-choice) { min-height:46px; border-radius:6px; font-weight:700; }
:is(#information-strap-guide,#information-protect-guide) .guide-refresh :is(.is-context-compatible.sg-choice,.is-context-compatible.pg-choice,.is-context-compatible.sg-step-choice) { background:#ecf7ef; border-color:#27804c; color:#1c6338; box-shadow:0 0 0 1px #27804c; }
:is(#information-strap-guide,#information-protect-guide) .guide-refresh :is(.is-context-incompatible.sg-choice,.is-context-incompatible.pg-choice,.is-context-incompatible.sg-step-choice) { background:#fff0f0; border-color:#c84040; color:#9b2424; box-shadow:0 0 0 1px #c84040; }
:is(#information-strap-guide,#information-protect-guide) .guide-refresh :is(.sg-result,.pg-result) { padding:16px; border-radius:8px; text-align:left; box-shadow:none; }
:is(#information-strap-guide,#information-protect-guide) .guide-refresh :is(.sg-compatible-check,.pg-compatible-check) { display:inline-flex; width:30px; height:30px; margin:0 8px 8px 0; font-size:22px; box-shadow:none; vertical-align:middle; }
:is(#information-strap-guide,#information-protect-guide) .guide-refresh :is(.sg-result a,.pg-result a) { justify-content:center; text-align:center; min-height:44px; }
#information-protect-guide .guide-refresh .pg-context-note { margin-top:14px; font-weight:400; }
.guide-refresh .guide-progress { color:#65736c; font-size:13px; margin:0 0 14px; }
:is(#information-strap-guide,#information-protect-guide,#information-charger-guide) .guide-refresh :is(.pg-product img,.cg-card-image,.sg-product img) { background:#fff; border-radius:0; }
#information-strap-guide .guide-refresh .sg-products-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
#information-strap-guide .guide-refresh .sg-product { display:flex; flex-direction:column; padding:0; gap:0; }
#information-strap-guide .guide-refresh .sg-product img { width:100%; height:210px; border:0; border-bottom:1px solid #edf0ee; }
#information-strap-guide .guide-refresh .sg-product > div { padding:14px; }
#information-strap-guide .guide-refresh .sg-product h4 { font-size:16px; }
:is(#information-strap-guide,#information-protect-guide,#information-charger-guide) .guide-refresh :is(.sg-product-cta,.pg-product-cta,.cg-card-cta) { background:#245f4b; color:#fff; border-radius:6px; margin-top:14px; min-height:40px; }
:is(#information-protect-guide,#information-charger-guide) .guide-refresh :is(.pg-products-grid,.cg-related-grid) { grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr)); }
:is(#information-protect-guide,#information-charger-guide) .guide-refresh :is(.pg-product,.cg-card) { max-width:360px; width:100%; }
#information-charger-guide .guide-refresh .cg-supported-models { background:#f3f8f4; border:0; border-top:3px solid #408463; border-radius:0; box-shadow:none; padding:20px 14px; }
#information-charger-guide .guide-refresh .cg-supported-eyebrow { display:none; }
#information-charger-guide .guide-refresh .cg-result-title { font-size:21px; }
#information-charger-guide .guide-refresh .cg-search-box { margin-top:8px; }
#information-charger-guide .guide-refresh .cg-context-charger { display:grid; grid-template-columns:90px minmax(0,1fr); align-items:center; gap:16px; padding:12px 0; border-bottom:1px solid #dce4e0; }
#information-charger-guide .guide-refresh .cg-context-charger img { width:90px; height:90px; object-fit:contain; }
#information-charger-guide .guide-refresh .cg-context-charger h3 { margin:0; font-size:18px; }
.guide-suggestions { display:grid; gap:6px; margin-top:10px; }
.guide-suggestion { display:grid; grid-template-columns:52px minmax(0,1fr) 20px; gap:12px; align-items:center; text-align:left; width:100%; padding:8px 10px; border:1px solid #dce4e0; border-radius:6px; background:#fff; color:#233c30; cursor:pointer; }
.guide-suggestion:hover,.guide-suggestion:focus { background:#edf5f0; }
.guide-suggestion img { width:52px; height:52px; object-fit:contain; }
.guide-suggestion small { display:block; color:#607269; margin-top:3px; }
.guide-search-label { display:block; font-weight:700; margin-bottom:8px; }
.guide-model-filter { display:block; font-weight:700; margin:16px 0 8px; }
.guide-model-filter input { display:block; width:100%; max-width:480px; margin-top:8px; padding:10px 12px; min-height:44px; border:1px solid #b8cfc0; border-radius:6px; background:#fff; font-size:16px; }
@media(max-width:760px) {
 :is(#information-strap-guide,#information-protect-guide,#information-charger-guide) { padding:12px 14px 28px; }
 :is(#information-strap-guide,#information-protect-guide,#information-charger-guide) .guide-refresh :is(.sg-hero h1,.pg-hero h1,.cg-hero h1) { font-size:24px; }
 :is(#information-strap-guide,#information-protect-guide,#information-charger-guide) .guide-refresh :is(.sg-hero,.pg-hero,.cg-hero) { padding:0 0 18px; }
 #information-strap-guide .guide-refresh :is(.sg-step2-layout,.sg-type-grid),#information-protect-guide .guide-refresh .pg-measure-layout { grid-template-columns:1fr; }
 #information-strap-guide .guide-refresh [data-measure-grid],#information-protect-guide .guide-refresh .pg-visual-card { grid-column:1; grid-row:2; }
 #information-strap-guide .guide-refresh .sg-dimension-panel,#information-protect-guide .guide-refresh .pg-panel { grid-column:1; grid-row:1; }
 #information-strap-guide .guide-refresh.has-type-focus .sg-type-grid { grid-template-columns:1fr; }
 #information-strap-guide .guide-refresh .sg-products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #information-strap-guide .guide-refresh .sg-product img { height:150px; }
 #information-strap-guide .guide-refresh .sg-product h4 { font-size:14px; }
 #information-protect-guide .guide-refresh .pg-visual-card img,#information-strap-guide .guide-refresh .sg-step2-layout .sg-visual-card img { height:240px; }
 #information-protect-guide .guide-refresh [data-size-row] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
 #information-charger-guide .guide-refresh .cg-supported-head { grid-template-columns:32px minmax(0,1fr); gap:10px; }
 #information-charger-guide .guide-refresh .cg-supported-icon { width:32px; height:32px; font-size:20px; }
 #information-charger-guide .guide-refresh .cg-related-title { font-size:20px; }
 .guide-toolbar { margin-bottom:14px; }
}
@media(prefers-reduced-motion:reduce) { .guide-refresh * { transition:none !important; animation:none !important; scroll-behavior:auto !important; } }