.ys .ys-how-toc{background:var(--ys-card);border:1px solid var(--ys-field);border-radius:var(--ys-r-card);max-width:34rem}.ys .ys-page-head>.ys-container>.ys-how-toc{margin-top:var(--ys-s-5)}.ys .ys-how-toc__summary,.ys .ys-how-more__summary{justify-content:space-between;align-items:center;gap:var(--ys-s-4);min-height:56px;padding:0 var(--ys-s-4);color:var(--ys-ink);cursor:pointer;font-weight:600;list-style:none;display:flex}.ys .ys-how-toc__summary::-webkit-details-marker{display:none}.ys .ys-how-more__summary::-webkit-details-marker{display:none}.ys .ys-how-toc__summary::marker{content:""}.ys .ys-how-more__summary::marker{content:""}.ys .ys-how-toc__summary:after,.ys .ys-how-more__summary:after{content:"+";content:"+" / "";text-align:center;width:1.5rem;color:var(--ys-ink-2);flex:none;font-size:1.5rem;font-weight:400;line-height:1}.ys .ys-how-toc[open]>.ys-how-toc__summary:after,.ys .ys-how-more[open]>.ys-how-more__summary:after{content:"−";content:"−" / ""}.ys .ys-how-toc__summary:hover,.ys .ys-how-more__summary:hover{color:var(--ys-accent)}.ys .ys-how-toc .ys-how-index__list{padding-bottom:var(--ys-s-2)}.ys .ys-how-index__list{margin:0;padding:0;list-style:none}.ys .ys-how-index__list>li{border-top:1px solid var(--ys-line);margin:0}.ys .ys-how-index__link{align-items:center;gap:var(--ys-s-3);min-height:48px;padding:var(--ys-s-1) var(--ys-s-4);color:var(--ys-ink);text-decoration:none;display:flex}.ys .ys-how-index__link:hover{color:var(--ys-ink)}.ys .ys-how-index__link:hover .ys-how-index__label{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.ys .ys-how-index__num{min-width:1.4ch;font-family:var(--ys-font-display);font-synthesis:none;font-variant-numeric:tabular-nums;color:var(--ys-accent);flex:none;font-size:1.75rem;font-weight:500;line-height:1}.ys .ys-how-index__label{font-size:var(--ys-t-small);line-height:1.35}.ys .ys-how-index{display:none}@media (min-width:1024px){.ys .ys-how-toc{display:none}.ys .ys-how-grid{column-gap:var(--ys-s-6);grid-template-columns:minmax(0,3fr) minmax(0,9fr);align-items:start;display:grid}.ys .ys-how-index{top:var(--ys-s-5);padding-top:var(--ys-s-5);display:block;position:sticky}.ys .ys-how-index .ys-how-index__link{padding-inline:0}}.ys .ys-how-steps{min-width:0}.ys .ys-how-step{border-top:2px solid var(--ys-ink);padding-block:var(--ys-s-6) clamp(3rem, 2.5rem + 2.5vw, 4.5rem)}.ys .ys-how-step__title{max-width:30ch}.ys .ys-how-step__body,.ys .ys-how-step__body>*+*{margin-top:var(--ys-s-5)}.ys .ys-how-step__body>:is(.ys-sample,.ys-how-more,.ys-how-promise,h3){margin-top:var(--ys-s-7)}.ys .ys-how-step__body>.ys-sample+.ys-sample{margin-top:var(--ys-s-6)}.ys .ys-how-step__body>:is(p,.ys-spec,.ys-callout,.ys-how-quote){max-width:var(--ys-measure)}.ys .ys-how-emph{font-size:var(--ys-t-lede);font-weight:600;line-height:1.5}.ys .ys-how-list,.ys .ys-how-ol{max-width:var(--ys-measure);padding-left:1.4em}.ys .ys-how-list{list-style:outside}.ys .ys-how-ol{font-variant-numeric:tabular-nums;list-style:decimal}.ys .ys-how-list>li,.ys .ys-how-ol>li{padding-left:var(--ys-s-1)}.ys .ys-how-list>li+li,.ys .ys-how-ol>li+li{margin-top:var(--ys-s-2)}.ys .ys-how-ol>li::marker{font-weight:600}.ys .ys-how-decide{gap:var(--ys-s-4);display:grid}.ys .ys-how-decide__col{padding:var(--ys-s-5);background:var(--ys-card);border:1px solid var(--ys-line);border-radius:var(--ys-r-card)}.ys .ys-how-decide__col>*+*{margin-top:var(--ys-s-3)}.ys .ys-how-decide__note{color:var(--ys-ink-2)}@media (max-width:639.98px){.ys .ys-how-decide__col{padding:var(--ys-s-4)}}@media (min-width:1280px){.ys .ys-how-decide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"replies drafts""never drafts";align-items:start}.ys .ys-how-decide__col:first-child{grid-area:replies}.ys .ys-how-decide__col:nth-child(2){grid-area:drafts}.ys .ys-how-decide__col:nth-child(3){grid-area:never}}.ys .ys-how-anatomy{max-width:var(--ys-measure);font-variant-numeric:tabular-nums;padding-left:1.6em;list-style:decimal}.ys .ys-how-anatomy>li{padding:var(--ys-s-3) 0 var(--ys-s-3) var(--ys-s-1);border-top:1px solid var(--ys-line)}.ys .ys-how-anatomy>li::marker{color:var(--ys-ink-2);font-weight:600}.ys .ys-how-anatomy>li>p+p{margin-top:var(--ys-s-2)}.ys .ys-how-anatomy__quote q{border-left:3px solid var(--ys-line);background:var(--ys-card);color:var(--ys-ink);quotes:"“" "”";padding:2px 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5;display:inline-block}.ys .ys-how-promise{max-width:var(--ys-measure);padding:var(--ys-s-5);background:var(--ys-card);border:1px solid var(--ys-field);border-top:2px solid var(--ys-ink);border-radius:var(--ys-r-card)}.ys .ys-how-promise>*+*{margin-top:var(--ys-s-3)}@media (max-width:639.98px){.ys .ys-how-promise{padding:var(--ys-s-4)}}.ys .ys-how-more{border-block:1px solid var(--ys-field)}.ys .ys-how-more__summary{padding-inline:0}.ys .ys-how-more__body{padding-block:var(--ys-s-4) var(--ys-s-6)}.ys .ys-how-quote blockquote{padding:var(--ys-s-3) var(--ys-s-4);background:var(--ys-sunk);box-shadow:inset 3px 0 0 var(--ys-ink);border-radius:var(--ys-r-callout)}.ys .ys-how-quote figcaption{margin-top:var(--ys-s-2);font-size:var(--ys-t-small);color:var(--ys-ink-2);line-height:1.5}.ys .ys-how-links{column-gap:var(--ys-s-6);flex-wrap:wrap;display:flex}.ys .ys-how-cta>*+*{margin-top:var(--ys-s-5)}.ys .ys-how-cta__line{max-width:60ch;color:var(--ys-ink-2)}