/* Visual install guide (iPhone/iPad + Android). Own file: no overrides of other sheets. Illustrations are original inline SVGs. */
.install-guide{display:grid;gap:14px;align-content:start}
.ig-native{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #fdece9;border-radius:18px;background:linear-gradient(135deg,#ffffff,#fdece9)}
.ig-native[hidden]{display:none}
.ig-native>div{display:grid;gap:2px;min-width:0}.ig-native strong{font:750 14px/1.3 system-ui}.ig-native span{font-size:12px;color:#5b5b5b}
.ig-native .primary{flex:none;min-height:44px;padding:0 18px;font-size:13px;border-radius:14px}
.ig-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:16px;background:#fdece9}
.ig-tabs button{min-height:44px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:#565656;font:750 14px/1 system-ui;cursor:pointer;transition:background-color .15s,color .15s,box-shadow .15s}
.ig-tabs button:hover{color:#111111}
.ig-tabs button[aria-selected=true]{background:#ffffff;color:#111111;box-shadow:0 2px 8px #a626140f,0 0 0 1px #fdece9}
.ig-tabs button:focus-visible{outline:3px solid #b4361d;outline-offset:2px}
[data-install-guide] [role=tabpanel]{display:grid;gap:12px}[data-install-guide] [role=tabpanel][hidden]{display:none}
[data-install-guide] [role=tabpanel]:focus-visible{outline:3px solid #b4361d;outline-offset:4px;border-radius:12px}
.ig-browser{margin:0;font-size:13px;line-height:1.5;color:#5c5c5c}
.ig-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ig-step{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:center;padding:12px 14px 12px 12px;border:1px solid #fdece9;border-radius:20px;background:#ffffff;box-shadow:0 6px 18px -12px #a6261433}
.ig-num{position:absolute;top:-7px;left:-5px;z-index:1;width:26px;height:26px;border-radius:50%;background:#d83c1d;color:#ffffff;font:800 13px/26px system-ui;text-align:center;box-shadow:0 4px 10px #d83c1d40}
.ig-fig{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:176/120;background:#ffffff}
.ig-art{display:block;width:100%;height:100%}
.ig-copy h3{margin:0 0 4px;font:750 15px/1.3 system-ui}
.ig-copy p{margin:0;font-size:13px;line-height:1.5;color:#5c5c5c}
.ig-bg{fill:#ffffff}.ig-phone{fill:#ffffff;stroke:#c5c5c5;stroke-width:2}.ig-soft{fill:#e5e5e5}.ig-red{fill:#d83c1d}.ig-ink{fill:#111111}
.ig-hl{fill:#d83c1d1f;stroke:#d83c1d;stroke-width:2.5}.ig-row{fill:#fdece9}.ig-sheet{fill:#ffffff;stroke:#e5e5e5;stroke-width:1.5}.ig-dim{fill:#11111173}.ig-bar{fill:#fdece9}
.ig-line{stroke:#a6a6a6;stroke-width:2;fill:none;stroke-linecap:round}.ig-ico{stroke:#111111;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ig-toggle{fill:#3fa55b}.ig-knob{fill:#ffffff}
.ig-note{margin:0;padding:12px 14px;border-radius:14px;background:#ffffff;font-size:13px;line-height:1.5;color:#414141}
.ig-note-soft{background:#ffffff;border:1px solid #d83c1d}
.ig-note a,.ig-fine a{color:#a8341a;font-weight:700;text-underline-offset:2px}
.ig-fine{margin:0;font-size:11.5px;line-height:1.5;color:#666666}
.ig-menu{justify-self:start;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:14px;font-size:13px}
@media(max-width:480px){.ig-step{grid-template-columns:104px minmax(0,1fr);gap:12px;padding:10px 12px 10px 10px}.ig-copy h3{font-size:14px}.ig-copy p{font-size:12.5px}.ig-native{flex-direction:column;align-items:stretch}.ig-native .primary{width:100%}}
@media(prefers-reduced-motion:reduce){.ig-tabs button{transition:none}}
/* Footer install strip (dark footer): proportionate buttons and a calm card instead of oversized controls. */
footer .pwa-strip{max-width:1176px;margin:0 auto 22px;padding:16px 18px;border:1px solid #ffffff1f;border-radius:20px;background:#ffffff0d;display:flex;align-items:center;flex-wrap:wrap;gap:12px 14px;text-align:left}
footer .pwa-strip>div{margin-right:auto;min-width:0}
footer .pwa-strip strong{font-size:16px;color:#ffffff}
footer .pwa-strip p{margin:4px 0 0;font-size:13px;color:#e5e5e5}
footer .pwa-strip button{min-height:44px;padding:0 20px;border-radius:14px;font:750 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif;white-space:nowrap;cursor:pointer;transition:transform .1s,background-color .15s}
footer .pwa-strip button:active{transform:scale(.97)}
footer .pwa-strip .secondary{background:transparent;color:#fdece9;border:1px solid #ffffff40}
footer .pwa-strip .secondary:hover{background:#ffffff14}
@media(max-width:560px){footer .pwa-strip>div{flex-basis:100%}footer .pwa-strip button{flex:1}}
@media(prefers-reduced-motion:reduce){footer .pwa-strip button{transition:none}}
/* Larger tap area for footer text links without moving the text. */
footer a:not(.primary):not(.secondary){padding:12px 4px;margin:-12px -4px}