.install { max-width: 880px; margin: 0 auto; padding: 32px 20px 56px; }
.install-hero { text-align: center; padding: 28px 12px 12px; }
.install-logo { border-radius: 20px; border: 1px solid var(--line-strong); background: var(--island); }
.install-hero h1 { margin: 18px 0 8px; font-size: clamp(28px, 5vw, 40px); color: var(--text); }
.install-lead { max-width: 560px; margin: 0 auto 22px; color: var(--body); line-height: 1.6; }
.install-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.install-actions[hidden], .install-actions > [hidden] { display: none; }
.install-status { margin: 14px 0 0; color: var(--muted); font-size: 14px; min-height: 1.4em; }
.install-status.ok { color: var(--ok); }
.install-status.warn { color: var(--warn-text); }

.install-steps { margin-top: 40px; }
.install-steps h2 { margin: 0 0 6px; font-size: 22px; color: var(--text); }
.install-sub { margin: 0 0 18px; color: var(--muted); }
.install-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.install-card { background: var(--island); border: 1px solid var(--line); border-radius: var(--r-xl); padding: 18px 18px 16px; }
.install-card.is-you { border-color: var(--accent-line); background: linear-gradient(0deg, var(--accent-soft), var(--accent-soft)), var(--island); }
.install-card h3 { margin: 0 0 10px; font-size: 16px; color: var(--text); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.install-card h3 span { font-size: 12px; font-weight: 500; color: var(--accent-text); background: var(--accent-soft); border-radius: 999px; padding: 2px 9px; }
.install-card.is-you h3::after { content: "Your device"; font-size: 11px; color: var(--ok); background: var(--ok-soft); border-radius: 999px; padding: 2px 9px; }
.install-card ol { margin: 0; padding-left: 20px; color: var(--body); line-height: 1.6; font-size: 14.5px; }
.install-card li + li { margin-top: 6px; }
.install-card b { color: var(--text); }
.install-note { margin-top: 18px; padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--warn-soft); color: var(--warn-text); font-size: 14px; line-height: 1.55; }
.install-note b { color: var(--text); }
