.install-banner[hidden] { display: none !important; }
.install-banner {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  margin-bottom: 24px;
  border: 1px solid #b8d9d7;
  border-radius: 16px;
  background: #f0faf9;
}
.install-banner img, .install-guide-heading img { border-radius: 16px; flex-shrink: 0; }
.install-banner-copy { flex: 1; min-width: 0; }
.install-banner-copy strong { display: block; color: #075b59; font-size: .95rem; }
.install-banner-copy p { margin: 4px 0 10px; font-size: .83rem; color: #475569; }
.install-dismiss { border: 0; background: transparent; color: #52666a; font-size: 1.5rem; min-width: 32px; min-height: 32px; padding: 0; line-height: 1; }
.install-guide { max-width: 680px; margin: 0 auto; padding: 24px 0; }
.install-guide-heading, .install-native, .install-guide-footer { text-align: center; }
.install-guide-heading h1 { font-size: clamp(1.4rem, 4vw, 2rem); margin: 20px 0 12px; word-break: keep-all; }
.install-guide-heading p { color: #52666a; }
.install-steps, .install-browser-notice, .install-address { padding: 24px; border: 1px solid #d7e7e6; border-radius: 16px; background: white; margin: 20px 0; }
.install-steps h2, .install-browser-notice h2 { font-size: 1.08rem; color: #075b59; margin-bottom: 16px; }
.install-steps li { padding-left: 4px; margin-bottom: 12px; }
.install-steps section + section { margin-top: 24px; }
.install-browser-notice { background: #fff8e5; border-color: #ead7a2; }
.install-address label { display: block; font-weight: 600; margin-bottom: 10px; }
.install-address input { flex: 1 1 220px; min-width: 0; font-size: .9rem; }
.install-status { text-align: center; color: #075b59; }
.install-guide-footer p { margin-top: 14px; color: #64748b; font-size: .85rem; }
@media (display-mode: standalone) { [data-install-promotion], [data-install-banner] { display: none !important; } }