/* PWA-PROMPT-01 (seat A3, 16 Oct 2026; "Button only"). The "Install the app" link and the iPhone guide. Its own file at a
   versioned address, loaded after header-nav.css. See _install.html and static/install.js.

   HIDDEN MEANS GONE. No rule today gives the footer or menu links a display value, so the browser's own [hidden] rule hides
   the link; the first rule below keeps it so if a later rule ever does. THE MENU'S LAST LINE: the phone menu draws no line
   under its last link (mobile-header.css); while the install link is hidden it is still the last child, so the link above
   it keeps that rule here - the menu is pixel-identical to before wherever the link does not show (prompt_check N1, K1). */
[data-install][hidden] { display: none !important; }
.rd-menu-nav a:has(+ a[data-install][hidden]) { border-bottom: 0; }

.rd-install-guide {
  width: min(22rem, calc(100vw - 2rem)); box-sizing: border-box;
  padding: 1.25rem 1.25rem 1rem; border: 1px solid var(--rd-border); border-radius: var(--rd-r-sm);
  background: var(--rd-bg); color: var(--rd-ink);
}
.rd-install-guide::backdrop { background: rgba(0, 0, 0, .45); }
.rd-install-guide h2 { margin: 0 0 1rem; font-size: 1.15rem; line-height: 1.3; }
.rd-install-guide ol { margin: 0 0 1.1rem; padding: 0; list-style: none; counter-reset: rd-step; }
.rd-install-guide li {
  display: flex; align-items: flex-start; gap: .75rem; margin: 0 0 .85rem;
  font-size: 1rem; line-height: 1.45; color: var(--rd-ink-soft); counter-increment: rd-step;
}
.rd-install-guide li::before { content: counter(rd-step) "."; flex: none; width: 1.1rem; font-weight: 600; color: var(--rd-ink); }
.rd-install-ic {
  flex: none; width: 1.6rem; height: 1.6rem; margin-top: -.1rem;
  fill: none; stroke: var(--rd-ink); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;
}
.rd-install-guide form { margin: 0; text-align: right; }
.rd-install-guide button {
  font: inherit; font-size: var(--rd-sm); font-weight: 500;
  padding: .5rem 1rem; border: 1.5px solid var(--rd-ink); border-radius: var(--rd-r-sm);
  background: var(--rd-ink); color: var(--rd-bg); cursor: pointer;
}
.rd-install-guide button:focus-visible { outline: 2px solid var(--rd-gold); outline-offset: 2px; }