@layer components{.longform{max-width:68ch;color:var(--ink-2);font-size:var(--text-16);line-height:var(--text-16--line-height)}.longform section{scroll-margin-top:64px}.longform section+section{margin-top:48px}.longform h2{color:var(--ink);font-size:var(--text-20);line-height:var(--text-20--line-height);letter-spacing:var(--text-20--letter-spacing);font-weight:var(--font-weight-medium);text-wrap:balance}.longform h3{color:var(--ink);font-size:var(--text-16);line-height:var(--text-16--line-height);font-weight:var(--font-weight-semibold);margin-top:28px}.longform p,.longform ul,.longform ol,.longform dl{text-wrap:pretty;margin-top:12px}.longform h2+*,.longform h3+*{margin-top:8px}.longform ul,.longform ol{padding-left:20px}.longform ul{list-style:outside}.longform ol{list-style:decimal}.longform li+li{margin-top:6px}.longform li::marker{color:var(--ink-3)}.longform strong{color:var(--ink);font-weight:var(--font-weight-medium)}.longform a{color:var(--ink);text-decoration-line:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px;border-radius:var(--radius-button);transition:text-decoration-color var(--dur-hover) var(--ease-out);text-decoration-thickness:1px}.longform a:hover{-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}.longform code{color:var(--ink);font-family:var(--font-mono);font-size:var(--text-14);overflow-wrap:anywhere}.longform dl{grid-template-columns:minmax(0,1fr);display:grid}.longform dt{color:var(--ink);font-weight:var(--font-weight-medium);box-shadow:inset 0 1px 0 var(--hairline);padding-top:12px}.longform dd{padding-bottom:12px}@media (max-width:639.98px){.longform dt+dd{padding-top:4px}}.longform dd>:first-child{margin-top:0}@media (min-width:640px){.longform dl{grid-template-columns:13rem minmax(0,1fr)}.longform dt,.longform dd{box-shadow:inset 0 1px 0 var(--hairline);padding-top:12px;padding-bottom:12px}.longform dt{padding-right:24px}}}