.install-main{max-width:1040px}
.install-now,.install-installed{display:none;margin:18px 0 0}
[data-can-install] .install-now{display:block}
[data-installed] .install-now{display:none}
[data-installed] .install-installed{display:block;font-weight:600;color:var(--ok)}
.install-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:16px;margin-top:30px}
.install-card{position:relative;padding:24px 26px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
.install-card h2{margin:0 0 12px;font:500 21px/1.2 var(--serif);color:var(--ink)}
.install-card ol{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.install-card strong{color:var(--ink);font-weight:600}
.install-card p{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:var(--muted)}
.install-yours{display:none;margin-bottom:8px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}
[data-platform=ios] .install-card[data-for=ios],[data-platform=android] .install-card[data-for=android],[data-platform=desktop] .install-card[data-for=desktop],[data-platform=mac-safari] .install-card[data-for=mac-safari]{order:-1;border-color:var(--brand)}
[data-platform=ios] [data-for=ios] .install-yours,[data-platform=android] [data-for=android] .install-yours,[data-platform=desktop] [data-for=desktop] .install-yours,[data-platform=mac-safari] [data-for=mac-safari] .install-yours{display:block}
@media(max-width:560px){.install-card{padding:20px}}