/* Installation uses the experience's existing type, colour and spacing tokens. */
:root{scroll-padding-top:100px}.skip-link{z-index:10001}
.installation{font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.installation .wrap,.installation .card,.installation .cmd,.installation .dl .row{min-width:0}
.installation .hero{padding:0 0 32px}.installation .eyebrow{display:block;font:12px/1.4 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--lime);margin-bottom:22px}
.installation h2{margin-bottom:20px}.installation section h2{font-size:clamp(28px,2.6vw,40px);letter-spacing:-.04em}
.installation h3{font-weight:700;font-size:20px;letter-spacing:-.03em;margin:24px 0 12px}
.installation p{margin:12px 0}.installation .lede{font-size:19px;max-width:800px;color:var(--muted)}
.installation .facts{display:flex;flex-wrap:wrap;gap:12px 32px;list-style:none;padding:0;margin:24px 0}
.installation .facts li{border-bottom:1px solid var(--rule);padding:10px 0}.installation .facts b{font-weight:600}.installation .facts .v{color:var(--cyan)}
.installation .actions,.installation .links{display:flex;flex-wrap:wrap;gap:4px 32px}
.installation a{color:var(--cyan);text-decoration:underline;text-decoration-color:rgba(111,227,245,.4);text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px;transition:color .12s,text-decoration-color .12s}
.installation a:hover{color:#fff;text-decoration-color:var(--lime)}
/* Frameless actions: text and an arrow, matching the page's CTA family. */
.installation .btn{position:relative;gap:12px;padding:0;border:0;background:none;color:var(--ink);font-weight:500;text-decoration:none}
.installation .btn:after{content:"\2193";color:var(--cyan);transition:transform .18s var(--ease)}
.installation .btn:hover{color:#fff}.installation .btn:hover:after{transform:translateY(2px)}
.installation .btn.primary{color:var(--lime)}.installation .btn.primary:after{color:var(--lime)}
.installation .btn:before{content:"";position:absolute;left:0;right:0;bottom:7px;height:1px;background:linear-gradient(90deg,var(--lime),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform .24s var(--ease)}
.installation .btn.primary:before{transform:scaleX(.32);box-shadow:0 0 10px rgba(196,244,103,.5)}
.installation .btn:hover:before,.installation .btn:focus-visible:before{transform:scaleX(1)}
.installation section{position:relative;padding:40px 0}
.installation section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--rule),transparent)}
.installation .card,.installation .note{background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015) 45%,rgba(255,255,255,.03));border:1px solid var(--rule);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);padding:26px;border-radius:8px}
.installation .agents{border-color:rgba(196,244,103,.22)}
.installation .say{font-size:18px;color:var(--ink)}
.installation .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.installation .small{font-size:13px;color:var(--muted)}
.installation .v,.installation .hash{font-family:var(--mono)}.installation .v{font-size:.85em}.installation .hash{font-size:11px;word-break:break-all}
.installation .cmd{display:flex;flex-direction:column;margin:14px 0}.installation pre{margin:0;padding:18px;background:#050607;border:1px solid var(--rule);border-radius:6px;font:12px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}
.installation .c{color:var(--dim)}.installation .p{color:var(--lime);user-select:none}
.installation .copy{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;min-width:88px;min-height:44px;margin-top:4px;padding:0 4px;justify-content:flex-end;border:0;background:none;color:var(--muted);font:12px var(--mono);letter-spacing:.12em;text-transform:uppercase;transition:color .12s}
.installation .copy:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.installation .copy:hover{color:var(--lime)}
.installation .dl{display:grid;gap:16px;margin-top:24px}.installation .row{border-bottom:1px solid var(--rule);padding-bottom:20px}.installation .row b{display:block;font-weight:600}
.installation .req{padding-left:20px}.installation .req li::marker{color:var(--lime)}
.installation table{border-collapse:collapse;width:100%;font-size:13px}.installation th,.installation td{text-align:left;vertical-align:top;border-top:1px solid var(--rule);padding:14px 10px;overflow-wrap:anywhere}.installation th{font-weight:500;color:var(--muted)}
@media(max-width:800px){.installation .grid{grid-template-columns:1fr}.installation .card,.installation .note{padding:18px}.installation .lede{font-size:17px}.installation h2{font-size:36px}.installation section h2{font-size:28px}}

.installation .meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 20px;margin:12px 0}.installation .meta dt{color:var(--muted)}.installation .meta dd{margin:0}

@media(max-width:800px){.installation .meta{grid-template-columns:minmax(100px,max-content) minmax(0,1fr);gap:6px 12px}.installation .meta dt{overflow-wrap:normal;word-break:normal}}

.site-footer nav{flex-wrap:wrap}
.site-footer nav a{display:inline-flex;align-items:center;min-height:44px}

@media(max-width:800px){.installation th{width:104px;min-width:104px;overflow-wrap:normal;word-break:normal}}