@import url("../design-tokens.css");@import url("../typography.css");@import url("../shared-ui.css");*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:clamp(var(--space-4),4vw,var(--space-12));background:var(--color-surface);color:var(--color-text);font:var(--font-body)/1.65 system-ui,sans-serif}header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}nav{display:flex;gap:var(--space-4)}a{color: var(--color-secondary);text-underline-offset:4px}h1{font-size:var(--font-title);line-height:1.15;letter-spacing:-.03em}h2{font-size:var(--font-heading);margin-top:0}.intro{font-size:var(--font-body);color:var(--color-secondary)}.app-icon{display:block;object-fit:contain}section{padding:var(--space-6);margin:var(--space-6) 0}ol{padding-left:var(--space-6)}li{padding-left:var(--space-2);margin:var(--space-3) 0}li::marker{color: var(--color-secondary);font-weight:700}button,.open{display:inline-block;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}#install-status{color:var(--color-muted)}footer{border-top:1px solid var(--color-border);padding-top:var(--space-5);margin-top:var(--space-8);font-size:var(--font-small);color:var(--color-muted)}@media(max-width: 639px){section{padding:var(--space-4)}}
.install-card, .install-card section { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-card); box-shadow: var(--shadow-card); }
.install-card {padding:clamp(var(--space-5),5vw,var(--space-12));margin:auto; max-width: var(--width-form); }
.install-card section { padding: var(--card-padding); }
.install-card section:hover, .install-card section:focus-within { border-color: var(--color-border-hover); }

.install-card header > *, .install-card nav { min-width: 0; }
.install-card nav { flex-wrap: wrap; }