/* Installation is a short choice, with the existing web guide available on demand. */
.install-app-page {
  --install-blue: #2165bd;
  --install-ink: #202b3c;
  --install-muted: #667080;
  --install-border: #e2e7ee;
  background: #fff;
}
.install-app-page .install-app-hero { padding: 14px 0 20px; text-align: left; }
.install-app-page .install-app-hero h1 { font-size: 24px; font-weight: 650; line-height: 1.5; }
.install-store-card { padding: 20px; border: 1px solid var(--install-border); border-radius: 14px; background: #fff; }
.install-android-card { margin-top: 14px; }
.install-store-card h2 { margin: 0 0 14px; color: var(--install-ink); font-size: 18px; font-weight: 600; line-height: 1.6; overflow-wrap: anywhere; }
.install-store-card p,.install-web-intro p { margin: 0; color: var(--install-muted); font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.install-store-card .install-version { margin: -7px 0 14px; font-variant-numeric: tabular-nums; }
.install-store-card .install-region-note { margin-top: 14px; }
.install-region-guide { display: inline-block; margin-top: 5px; padding: 5px 0; color: var(--install-blue); font-size: 12px; line-height: 1.7; text-underline-offset: 3px; }
.install-app-page .install-store-link,.install-app-page .install-confirm-card .primary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  width: 100%;
  padding: 11px 20px;
  border: 0;
  border-radius: 9px;
  background: var(--install-blue);
  color: #fff;
  box-shadow: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  text-decoration: none;
  transition: background-color 150ms ease, transform 150ms ease;
}
.install-app-page .install-store-link:active,.install-app-page .install-confirm-card .primary-button:active { transform: scale(.985); background: #1a559f; }
.install-app-page .install-confirm-card .primary-button:disabled { background: #e8edf3; color: #687789; transform: none; cursor: default; }
.install-store-card .install-browser-note { margin-top: 14px; padding: 10px 12px; border-radius: 8px; background: #f5f7fa; }
.install-web-guide { margin-top: 18px; padding: 0 4px; }
.install-web-guide > summary { min-height: 44px; padding: 12px 0; color: var(--install-muted); font-size: 14px; font-weight: 500; line-height: 1.7; cursor: pointer; }
.install-web-guide .install-web-intro { margin: 0 0 14px; }
.install-web-guide .install-web-intro p + p { margin-top: 8px; }
.install-web-guide .install-guide-card { padding: 10px; border-color: var(--install-border); border-radius: 12px; background: #fff; box-shadow: none; backdrop-filter: none; }
.install-web-guide .install-browser-tabs { padding: 4px; border: 0; border-radius: 9px; background: #f5f7fa; }
.install-web-guide .install-browser-tab { min-height: 44px; border-radius: 6px; font-size: 13px; font-weight: 550; }
.install-web-guide .install-browser-tab.active { color: var(--install-blue); box-shadow: 0 1px 3px rgb(15 23 42 / 8%); }
.install-web-guide .install-guide-image { border-radius: 8px; box-shadow: none; }
.install-web-guide .install-confirm-card { padding: 0; border: 0; background: transparent; box-shadow: none; }
.install-app-page :is(a,button,summary):focus-visible { outline: 3px solid #91b9ed; outline-offset: 3px; }
@media(hover:hover) {
  .install-app-page .install-store-link:hover,.install-app-page .install-confirm-card .primary-button:not(:disabled):hover { background: #1a559f; }
}
@media(prefers-reduced-motion:reduce) {
  .install-app-page .install-store-link,.install-app-page .install-confirm-card .primary-button,.install-web-guide .install-browser-tab { transition: none; }
}