/* install.css — PWA install guide page */
.wg-install-page { max-width: 640px; margin: 0 auto; }
.wg-install-page h1 { margin: 0 0 6px; }
.wg-install-intro { color: var(--wg-muted); margin: 0 0 18px; line-height: 1.5; }

.wg-install-tabs { display: flex; gap: 8px; margin-bottom: 20px; }
.wg-itab {
  flex: 1; padding: 11px 12px; font: inherit; font-weight: 700; cursor: pointer;
  background: #fff; color: var(--wg-text);
  border: 1px solid var(--wg-border); border-radius: 999px;
}
.wg-itab.is-active { background: var(--wg-color); color: #fff; border-color: var(--wg-color); }

.wg-isteps { list-style: none; margin: 0; padding: 0; counter-reset: none; }
.wg-istep { margin: 0 0 26px; }
.wg-istep-head { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; }
.wg-istep-n {
  flex: none; width: 26px; height: 26px; border-radius: 50%;
  background: var(--wg-color); color: #fff; font-weight: 700; font-size: 0.85rem;
  display: inline-flex; align-items: center; justify-content: center;
}
.wg-istep-text { line-height: 1.5; padding-top: 2px; }
.wg-istep-img {
  display: block; width: 100%; max-width: 360px; height: auto;
  border: 1px solid var(--wg-border); border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}
.wg-install-note {
  color: var(--wg-muted); font-size: 0.9rem; line-height: 1.5;
  background: #f7f7f7; border: 1px solid var(--wg-border); border-radius: var(--wg-radius);
  padding: 12px 14px; margin-top: 8px;
}