.page{padding-top:clamp(2rem,1rem + 4vw,5rem)}.page-head{max-width:48rem}.page-title{font-size:clamp(2.25rem,1.5rem + 2.4vw,3.75rem)}.page-head .lede{margin-top:1rem}.page-loading{margin-top:2rem}.page-section{max-width:68rem;margin-top:clamp(3rem,2rem + 3vw,5rem)}.page-section h2{font-size:var(--step-lead);margin-bottom:1rem}.page-section p+p{margin-top:.75rem}.page-prose{max-width:40rem}.page-head .page-prose,.page-head .lede+p{margin-top:1rem}.status-list{gap:6px;max-width:68rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.status-row{background:var(--surface);border-radius:10px;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 18px;display:grid}.status-name{font-weight:500}.status-detail{color:var(--muted)}.status-mode{white-space:nowrap;border-radius:5px;justify-self:end;padding:4px 10px;font-size:.875rem;font-weight:500}.status-mode[data-mode=live]{background:var(--positive);color:var(--positive-ink)}.status-mode[data-mode=fallback]{background:var(--tint-blue);color:var(--tint-blue-ink)}.status-mode[data-mode=not_connected]{background:var(--surface-2);color:var(--ink)}.status-mode[data-mode=off],.status-mode[data-mode=checking]{color:var(--muted);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 22%, transparent);background:0 0}@media (max-width:760px){.status-row{grid-template-columns:1fr auto}.status-detail{grid-area:2/1/auto/-1}}.stack-list{gap:10px;max-width:68rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.stack-row{background:var(--surface);border-radius:12px;grid-template-columns:260px minmax(0,1fr);gap:8px 24px;padding:18px 20px;scroll-margin-top:1.5rem;display:grid}.stack-row:target{outline:2px solid var(--accent);outline-offset:2px}.stack-tool{font-weight:500;font-size:var(--step-lead);align-self:start;line-height:1.2}.stack-job{font-size:var(--step-body)}.stack-how{color:var(--muted);margin-top:6px;font-size:.9375rem}.stack-files{flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:.875rem;display:flex}.stack-files a{color:var(--accent)}@media (max-width:760px){.stack-row{grid-template-columns:1fr}}.about-list{gap:.5rem;max-width:68ch;padding-left:1.2rem;display:grid}.credits-list{gap:.5rem;max-width:80ch;padding:0;font-size:.9375rem;list-style:none;display:grid}#real{max-width:52rem}.why-lead{max-width:68ch;margin:0 0 14px;line-height:1.55}.why-list{border-radius:14px;gap:2px;margin:0;display:grid;overflow:hidden}.why-row{background:var(--surface);grid-template-columns:minmax(0,16rem) minmax(0,1fr);gap:6px 28px;padding:14px 18px;display:grid}.why-row dt{font-weight:500;line-height:1.35}.why-row dd{max-width:68ch;margin:0;line-height:1.5}.why-fig{letter-spacing:-.02em;color:var(--positive);font-size:1.5rem;font-weight:500;display:block}.why-src{margin:10px 0 0;font-size:.875rem}@media (max-width:720px){.why-row{grid-template-columns:minmax(0,1fr)}}.cmp-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:860px){.cmp-list{grid-template-columns:minmax(0,1fr)}}.cmp-item{background:var(--surface);border-radius:14px;padding:16px 18px}.cmp-item p{margin:0;line-height:1.5}.cmp-item p+p{margin-top:6px}.cmp-name{font-size:1.0625rem;font-weight:500}.cmp-k{font-weight:500}.cmp-src{gap:2px;margin:8px 0 0;padding:0;font-size:.875rem;line-height:1.45;list-style:none;display:grid}.cmp-url{overflow-wrap:anywhere}