:host{display:block}*,:before,:after{box-sizing:border-box}h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-width:100%;display:block}a{color:var(--sw-blue-strong);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--sw-blue);outline-offset:3px;border-radius:4px}:host{height:100%}article{border:1px solid var(--sw-line);border-radius:var(--sw-radius);background:var(--sw-surface);flex-direction:column;gap:1.125rem;height:100%;padding:clamp(1.75rem,4vw,2.5rem);display:flex}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}h2{color:var(--sw-ink);font-size:clamp(2rem,1.7rem + 1.4vw,2.75rem);line-height:1.1}.badge{background:var(--sw-warm-soft);color:var(--sw-warm-strong);border-radius:999px;padding:.25rem .75rem;font-size:.8125rem;font-weight:700}.tagline{color:var(--sw-ink);font-size:var(--sw-text-lead);font-weight:700}.text{color:var(--sw-muted)}.install{margin-top:auto;padding-top:.5rem}.links{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.links a{align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:inline-flex}.links a:hover{text-decoration:underline}.links svg{width:1.125rem;height:1.125rem}