.doc-head{padding-block:3rem 5rem}@media (width>=40rem){.doc-head{padding-block:4rem 7rem}}.doc-lede{max-width:46ch;color:var(--ink-2);margin-top:1.25rem;font-size:1.0625rem}.callout{background:var(--tint);border-radius:var(--r-lg);max-width:46rem;color:var(--ink-2);margin:0 0 2rem;padding:1.4rem 1.6rem;font-size:1.0625rem;line-height:1.6}.callout strong{color:var(--ink);font-weight:600}.doc{gap:1rem;padding-block:2.5rem 4rem;display:grid}@media (width>=40rem){.doc{padding-block:3.5rem 5rem}}.doc-item{background:var(--white);border:1px solid var(--grey);border-radius:var(--r-lg);gap:.9rem;padding:1.6rem;display:grid}@media (width>=64rem){.doc-item{grid-template-columns:17rem minmax(0,40rem);gap:3rem;padding:1.9rem 2rem}}.doc-item h2{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:1.125rem;font-weight:600}.doc-body p{color:var(--ink-2);font-size:1rem}.doc-body p+p{margin-top:.9rem}.doc-body code{font-family:var(--mono);background:var(--tint);border-radius:5px;padding:.08em .35em;font-size:.9375em}.subs{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.subs li{gap:.2rem;display:grid}@media (width>=32rem){.subs li{grid-template-columns:8rem minmax(0,1fr);align-items:baseline;gap:1rem}}.sub-name{letter-spacing:.02em;color:var(--ink);background:var(--accent-2);border-radius:var(--r-pill);justify-self:start;padding:.15rem .6rem;font-size:.75rem;font-weight:600}.subs p{color:var(--ink-2);font-size:1rem}.todo{font-family:var(--mono);color:#fff;background:var(--action);border-radius:var(--r-sm);padding:.12em .5em;font-size:.9375rem;font-weight:700;display:inline-block}.doc-foot{background:var(--paper-2);border-radius:var(--r-lg);padding:1.9rem 2rem}.doc-foot .btn{margin-top:1.35rem}
