.how .lede{margin-top:4px;font-size:18px}.how-toc{text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;gap:8px 20px;padding-block:28px 4px;font-size:11.5px;display:flex}.how-toc a{color:var(--ink-2)}.how-toc a:hover{color:var(--red)}.how .ab{scroll-margin-top:72px}.how .ab>p{max-width:68ch;font-size:17px}.how-traits{display:grid}.how-traits>div{border-top:1px solid var(--rule);grid-template-columns:180px minmax(0,1fr);gap:8px 24px;padding-block:16px;scroll-margin-top:72px;display:grid}.how-traits dt{padding-top:4px}.how-traits dd{gap:14px;font-size:17px;display:grid}.how-traits>div:target{background:color-mix(in srgb, var(--sheet) 70%, transparent);box-shadow:-12px 0 0 color-mix(in srgb, var(--sheet) 70%, transparent), 12px 0 0 color-mix(in srgb, var(--sheet) 70%, transparent)}.how-notes{gap:10px;max-width:68ch;padding-left:20px;font-size:16.5px;display:grid}.how pre.formula{white-space:pre}@media (max-width:640px){.how-traits>div{grid-template-columns:minmax(0,1fr);gap:6px}.how pre.formula{padding:14px;font-size:11.5px}}.how-faq{max-width:68ch;display:grid}.how-faq>div{border-top:1px solid var(--rule);gap:8px;padding-block:16px;scroll-margin-top:72px;display:grid}.how-faq h3{font:400 20px/1.3 var(--serif);margin:0}.how-faq p{margin:0;font-size:17px}