body.page-article{display:flex;flex-direction:column;min-height:100vh}.article{flex:1;width:100%;max-width:68ch;margin:0 auto;padding:calc(56px + var(--space-16)) var(--container-gutter-tablet) var(--space-16);color:var(--fg-2)}.article .eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--space-4)}.article h1{font-family:var(--font-display);font-weight:400;font-size:clamp(34px,4.6vw,52px);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);color:var(--fg);margin:0 0 var(--space-6);text-wrap:balance}.article h2{font-family:var(--font-display);font-weight:400;font-size:var(--text-2xl);letter-spacing:var(--tracking-display);color:var(--fg);margin:var(--space-12) 0 var(--space-4)}.article h2+h3{margin-top:var(--space-4)}.article h3{font-size:var(--text-lg);font-weight:600;color:var(--fg);margin:var(--space-6) 0 var(--space-2)}.article p{font-size:var(--text-lg);line-height:1.7}.article p+p{margin-top:var(--space-4)}.article .lede{color:var(--fg)}.article ul,.article ol{margin:var(--space-4) 0 0;padding-left:1.2em;font-size:var(--text-lg);line-height:1.7}.article li+li{margin-top:var(--space-3)}.article strong{color:var(--fg);font-weight:600}.article p a,.article li a{text-decoration:underline;text-underline-offset:2px}.article .cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-12) 0 0}.article .btn{display:inline-block;padding:12px 22px;border-radius:var(--radius-sm);font-weight:500;letter-spacing:.02em;font-size:var(--text-base);transition:background var(--motion-fast),border-color var(--motion-fast)}.article .btn-solid{background:var(--fg);color:var(--bg);border:1px solid var(--fg)}.article .btn-solid:hover{background:var(--fg-2)}.article .btn-ghost{border:1px solid var(--border);color:var(--fg)}.article .btn-ghost:hover{border-color:var(--fg)}@media (max-width: 700px){.article{padding:calc(56px + var(--space-12)) var(--container-gutter-phone) var(--space-8)}.article p,.article ul,.article ol{font-size:var(--text-base)}}.article .clip{margin:var(--space-6) 0 var(--space-8)}.article .clip video{display:block;width:100%;height:auto;border-radius:var(--radius-md);background:var(--surface)}.article .clip figcaption{margin-top:var(--space-3);font-size:var(--text-sm);line-height:1.5;color:var(--muted);text-align:center}@media (min-width: 701px){.article{padding-top:calc(56px + var(--space-8))}.article h1{font-size:clamp(32px,3.4vw,42px);margin-bottom:var(--space-4)}.article .clip-hero{margin:var(--space-4) 0 var(--space-8)}}.article .guide-list{list-style:none;padding:0;margin:var(--space-8) 0 0;display:grid;gap:var(--space-5)}.article .guide-list li+li{margin-top:0}.guide-card{display:grid;grid-template-columns:200px 1fr;gap:var(--space-5);align-items:center;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.guide-card:hover{border-color:var(--fg);box-shadow:var(--elev-raised)}.guide-card img{width:100%;height:auto;border-radius:var(--radius-sm);display:block}.guide-card__text{display:flex;flex-direction:column;gap:var(--space-2)}.guide-card__title{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.25;color:var(--fg)}.guide-card__desc{font-size:var(--text-base);line-height:1.55;color:var(--muted)}@media (max-width: 700px){.guide-card{grid-template-columns:1fr}}.article code{font-family:var(--font-mono);font-size:.85em;overflow-wrap:anywhere}.article ul+p,.article ol+p{margin-top:var(--space-4)}