.pf-steps{margin:var(--space-xl) 0 0;gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}@media (max-width:56rem){.pf-steps{grid-template-columns:minmax(0,1fr)}}.pf-step{gap:var(--space-md) var(--space-md);padding:var(--space-lg);background:var(--color-paper);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg);grid-template-columns:auto minmax(0,1fr);align-content:start;display:grid}.pf-step__num{border-radius:var(--radius-pill);background:var(--color-accent);width:3rem;height:3rem;color:var(--color-accent-ink);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);justify-content:center;align-items:center;line-height:1;display:flex}.pf-step__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-ink);margin:0}.pf-step__text{margin:var(--space-2xs) 0 0;font-size:var(--text-base);color:var(--color-ink-2)}.pf-step__visual{grid-column:1/-1;display:grid}.pf-sample{padding:var(--space-md);background:var(--color-paper-2);border-radius:var(--radius-md);align-content:start;gap:var(--space-sm);display:grid}.pf-sample__head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.pf-sample__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--color-ink);margin:0}.pf-sample__text{font-size:var(--text-base);color:var(--color-ink-2);margin:0}.pf-sample__action{padding-top:var(--space-2xs)}.pf-tag{padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-paper-3);font-size:var(--text-xs);color:var(--color-ink-2);white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.pf-chips{gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pf-chip{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper);font-size:var(--text-xs);color:var(--color-ink-2);font-weight:600;display:inline-flex}.pf-chip[data-on=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.pf-chip svg{flex:none;width:1rem;height:1rem}.pf-rows{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}.pf-row{align-items:center;gap:var(--space-sm);font-size:var(--text-base);color:var(--color-ink);display:flex}.pf-row__icon{border-radius:var(--radius-pill);background:var(--color-paper);flex:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.pf-row__icon svg{width:1.2rem;height:1.2rem;color:var(--color-accent)}.pf-mocks{margin-top:var(--space-xl);gap:var(--space-lg);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;display:grid}@media (max-width:56rem){.pf-mocks{grid-template-columns:minmax(0,1fr)}}.pf-mock{gap:var(--space-md);padding:var(--space-lg);background:var(--color-paper);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg);flex-direction:column;margin:0;display:flex}.pf-mock__head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.pf-mock__title{align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-weight:700;font-size:var(--text-md);color:var(--color-ink);display:inline-flex}.pf-mock__title svg{width:1.3rem;height:1.3rem;color:var(--color-accent)}.pf-mock__foot{font-size:var(--text-xs);color:var(--color-muted);margin:auto 0 0}.pf-mock>.pf-mock__foot{padding-top:var(--space-xs)}.pf-sms{gap:var(--space-2xs);justify-items:start;max-width:26rem;display:grid}.pf-sms__from{font-size:var(--text-xs);color:var(--color-muted);font-weight:600}.pf-sms__bubble{padding:var(--space-sm) var(--space-md);background:var(--color-paper-3);border-radius:var(--radius-lg);border-top-left-radius:var(--radius-xs);font-size:var(--text-base);color:var(--color-ink);overflow-wrap:anywhere;margin:0;line-height:1.5}.pf-facts{margin:0;display:grid}.pf-facts__row{gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:var(--rule-hair) solid var(--color-rule-2);grid-template-columns:6.5rem minmax(0,1fr);display:grid}.pf-facts dt{font-size:var(--text-xs);color:var(--color-muted)}.pf-facts dd{font-size:var(--text-base);color:var(--color-ink);margin:0;font-weight:600}.pf-note{gap:var(--space-3xs);display:grid}.pf-note__label{font-size:var(--text-xs);color:var(--color-ink-2);margin:0;font-weight:600}.pf-note__text{padding:var(--space-xs) var(--space-md);border-left:3px solid var(--color-accent);background:var(--color-paper-2);border-radius:var(--radius-xs);font-size:var(--text-base);color:var(--color-ink);margin:0}.pf-open{align-items:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.pf-open p{font-size:var(--text-xs);color:var(--color-muted);flex:12rem;margin:0}.pf-open .btn{pointer-events:none}.pf-split{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}@media (max-width:56rem){.pf-split{gap:var(--space-lg);grid-template-columns:minmax(0,1fr)}}.pf-photo{aspect-ratio:3/2;border-radius:var(--radius-lg);background:var(--color-paper-3);position:relative;overflow:hidden}.pf-photo img{object-fit:cover}.pf-lede{font-size:var(--text-md);color:var(--color-ink-2);margin:0}.pf-subhead{margin:0 0 var(--space-md);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-ink)}.pf-fits{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (max-width:40rem){.pf-fits{grid-template-columns:minmax(0,1fr)}}.pf-fits li{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-paper);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-ink);font-weight:600;display:flex}.pf-fits svg{width:1.3rem;height:1.3rem;color:var(--color-accent);flex:none}.pf-source{font-size:var(--text-xs);color:var(--color-muted);margin:0}.md-list-pair{gap:var(--space-lg);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;display:grid}@media (max-width:56rem){.md-list-pair{grid-template-columns:minmax(0,1fr)}}.md-side{gap:var(--space-sm);align-content:start;min-width:0;display:grid}.md-side__head{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.md-h{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-ink);margin:0}.md-h--lg{font-size:var(--text-xl)}.md-note{font-size:var(--text-base);color:var(--color-ink-2);margin:0}.md-page-head .md-side__head{justify-content:flex-start}.md-page-head{gap:var(--space-2xs);margin:var(--space-2xl) 0 var(--space-md);max-width:44rem;display:grid}.md-frame{background:var(--color-paper);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg);max-width:64rem;box-shadow:0 20px 48px -24px color-mix(in oklch, var(--color-ink) 35%, transparent);overflow:hidden}.md-frame__bar{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-paper-3);border-bottom:var(--rule-hair) solid var(--color-rule);display:flex}.md-frame__dots{gap:var(--space-2xs);display:flex}.md-frame__dots span{border-radius:var(--radius-pill);background:var(--color-rule);width:.7rem;height:.7rem}.md-frame__url{min-width:0;padding:var(--space-3xs) var(--space-md);border-radius:var(--radius-pill);background:var(--color-paper);font-size:var(--text-xs);color:var(--color-ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.md-cover{aspect-ratio:21/8;background:var(--color-paper-3);position:relative}.md-cover img{object-fit:cover}.md-page{padding:0 var(--space-lg) var(--space-xl)}@media (min-width:40rem){.md-page{padding:0 var(--space-xl) var(--space-xl)}}.md-logo{object-fit:cover;border-radius:var(--radius-md);border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);width:4.5rem;height:4.5rem;box-shadow:0 8px 20px -10px color-mix(in oklch, var(--color-ink) 35%, transparent);margin-top:-2.25rem;display:block;position:relative}.md-cols{gap:var(--space-lg);margin-top:var(--space-md);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}@media (max-width:56rem){.md-cols{grid-template-columns:minmax(0,1fr)}}.md-col{gap:var(--space-sm);align-content:start;justify-items:start;min-width:0;display:grid}.md-col .ds-member{margin-bottom:0}@media (min-width:56rem){.md-col--side{padding-left:var(--space-lg);border-left:var(--rule-hair) solid var(--color-rule)}}.md-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);color:var(--color-ink);margin:0}.md-lede{max-width:40rem;font-size:var(--text-md);color:var(--color-ink-2);margin:0;line-height:1.5}.md-meta{align-items:center;gap:var(--space-xs);font-size:var(--text-base);color:var(--color-ink);margin:0;display:inline-flex}.md-meta svg{width:1.2rem;height:1.2rem;color:var(--color-accent);flex:none}.md-sub{margin:var(--space-sm) 0 0;font-family:var(--font-display);font-weight:700;font-size:var(--text-md);color:var(--color-ink)}.md-sub--gap{margin-top:var(--space-xl)}.md-col .md-sub:first-child{margin-top:0}.md-list{padding-left:var(--space-md);gap:var(--space-2xs);font-size:var(--text-base);color:var(--color-ink-2);margin:0;list-style:outside;display:grid}.md-list li::marker{color:var(--color-accent)}.md-chips{gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.md-chips li{padding:var(--space-2xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper);font-size:var(--text-sm);color:var(--color-ink-2);font-weight:600}.md-cta{margin-top:var(--space-md)}.md-gallery{margin:var(--space-md) 0 0;gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}@media (max-width:40rem){.md-gallery{grid-template-columns:minmax(0,1fr)}}.md-gallery li{aspect-ratio:3/2;border-radius:var(--radius-md);background:var(--color-paper-3);position:relative;overflow:hidden}.md-gallery img{object-fit:cover}