.how-to-page{--guide-muted:var(--field-placeholder);padding-bottom:var(--space-xl);overflow:visible}.how-to-page .container{max-width:var(--content-max-width)}.how-to-page .how-to-hero{justify-content:space-between;align-items:center;gap:32px;padding-block:24px;display:flex}.how-to-page .how-to-hero h1{letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(38px,4.7vw,68px);line-height:1.08}.how-to-page .marketing-eyebrow{color:var(--accent-ink)}.how-to-page .marketing-lede{color:var(--text-primary);font-size:clamp(18px,2vw,24px)}.how-to-illustration{flex:none;width:clamp(180px,18vw,240px);height:auto}.how-to-art-shadow{fill:var(--shadow-dark);opacity:.24}.how-to-art-back,.how-to-art-leaves{fill:#788456}.how-to-art-paper{fill:#fff9e9;stroke:#dad1b8;stroke-width:1.5px}.how-to-art-coral{fill:var(--accent)}.how-to-art-lines{stroke:#c5bea6}.how-to-art-wood{fill:#d2ab72;stroke:#b58b54;stroke-width:1.5px}.how-to-art-spoon-well{fill:#bb935f}.how-to-art-stem{stroke:#788456}.how-to-art-spark{stroke:var(--accent);opacity:.7}.how-to-page .how-to-layout{grid-template-columns:206px minmax(0,1fr);justify-content:normal;gap:24px;padding-bottom:40px;display:grid}.how-to-page .how-to-contents{min-width:0}.how-to-page .how-to-contents nav{background:var(--neumo-surface);max-height:calc(100dvh - 128px);box-shadow:var(--elevation-raised);border:0;border-radius:22px;padding:20px 12px;position:sticky;top:104px;overflow-y:auto}.how-to-page .how-to-contents__title{margin-bottom:12px;padding-inline:12px}.how-to-page .how-to-contents ol{gap:4px;padding:0;list-style:none}.how-to-page .how-to-contents a{min-height:44px;color:var(--guide-muted);border-radius:12px;align-items:center;padding:9px 12px;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;display:flex}.how-to-page .how-to-contents a:hover{color:var(--accent-ink);background:var(--neumo-surface);box-shadow:var(--elevation-inset-compact)}.how-to-page .how-to-contents a:focus-visible{color:var(--accent-ink);background:var(--neumo-surface);box-shadow:var(--elevation-inset-compact)}.how-to-page .how-to-contents a.how-to-contents__faq{color:var(--accent-ink);margin-top:14px}.how-to-page .how-to-guide{gap:24px;display:grid}.how-to-page section[id]{scroll-margin-top:110px}.how-to-page section:target{outline:2px solid var(--focus-ring);outline-offset:5px}.how-to-page .how-to-guide a{color:var(--accent-ink);text-underline-offset:3px;text-decoration:underline}.how-to-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.how-to-page .how-to-section{background:var(--neumo-surface);min-width:0;box-shadow:var(--elevation-raised);border-radius:22px;padding:24px}.how-to-section__heading{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.how-to-step-number{height:40px;color:var(--on-accent);background:var(--accent);font:500 25px var(--font-display);box-shadow:var(--elevation-raised-compact);border-radius:50%;flex:0 0 40px;place-items:center;display:grid}.how-to-page .how-to-section h2{margin:0;font-size:24px;line-height:1.2}.how-to-page .how-to-section>p,.how-to-page .how-to-section>ol{color:var(--guide-muted);margin-bottom:16px;font-size:15px;line-height:1.65}.how-to-page .how-to-section>:last-child{margin-bottom:0}.how-to-page .how-to-section ol,.how-to-page .how-to-section ul{gap:8px}.how-to-example{background:var(--neumo-surface);box-shadow:var(--elevation-raised-compact);border-radius:16px;margin-block:20px;padding:16px;font-size:14px}.how-to-example figcaption{color:var(--guide-muted);margin-bottom:16px;font-size:12px}.how-to-example__label{margin-bottom:6px;font-weight:800;display:block}.how-to-example__well{background:var(--neumo-surface);box-shadow:var(--elevation-inset-compact);border-radius:10px;margin-bottom:12px;padding:10px 12px}.how-to-page ul.how-to-example__well{padding:12px 12px 12px 28px;line-height:1.8;display:block}.how-to-draft-status{color:var(--guide-muted);padding-top:4px;font-size:12px;font-weight:700}.how-to-draft-status span{color:var(--accent-ink)}.how-to-visibility dl{gap:16px;margin-top:16px;display:grid}.how-to-visibility dt{align-items:center;gap:8px;font-weight:800;display:flex}.how-to-visibility dt span{color:var(--accent-ink);font-size:19px;line-height:1}.how-to-visibility dd{color:var(--guide-muted);margin-top:4px;padding-left:26px;line-height:1.5}.how-to-page ol.how-to-version-list{gap:10px;padding:0;list-style:none}.how-to-version-list li{background:var(--neumo-surface);box-shadow:var(--elevation-inset-compact);border-radius:12px;align-items:flex-start;gap:14px;padding:12px;display:flex}.how-to-version-list strong{font:500 22px var(--font-display)}.how-to-version-list li.how-to-version-list__current{background:color-mix(in srgb, var(--success) 9%, var(--neumo-surface))}.how-to-version-status{font-size:12px;font-weight:800}.how-to-version-list p{color:var(--guide-muted);margin-top:4px;line-height:1.5}.how-to-note{background:color-mix(in srgb, var(--success) 8%, var(--neumo-surface));border-radius:14px;margin-top:18px;padding:14px 16px;font-size:14px;line-height:1.6}.how-to-note strong{font-weight:800}.how-to-note p{color:var(--guide-muted);margin-top:4px}.how-to-page .how-to-troubleshooting{background:var(--neumo-surface);box-shadow:var(--elevation-raised);border:0;border-radius:22px;padding:24px}.how-to-page .how-to-troubleshooting h2{margin-bottom:18px;font-size:25px}.how-to-page .how-to-troubleshooting details{background:var(--neumo-surface);box-shadow:var(--elevation-inset-compact);border:0;border-radius:12px;margin-top:12px;padding:0}.how-to-page .how-to-troubleshooting summary{border-radius:inherit;min-height:48px;padding:14px 16px;font-size:15px}.how-to-page .how-to-troubleshooting details p{max-width:85ch;color:var(--guide-muted);padding:0 16px 16px;font-size:15px;line-height:1.7}.how-to-more-heading{padding:16px 8px 0}.how-to-more-heading h2{margin-bottom:8px;font-size:30px}.how-to-more-heading>p:last-child{color:var(--guide-muted)}.how-to-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.how-to-page .marketing-cta-panel{margin-block:0}.how-to-page .marketing-cta-panel__inner{background:var(--neumo-surface);box-shadow:var(--elevation-raised);border:0}.how-to-page .marketing-cta-panel p{color:var(--guide-muted)}@media (width<=1199px){.how-to-page .how-to-layout{grid-template-columns:190px minmax(0,1fr)}.how-to-overview,.how-to-details-grid{grid-template-columns:minmax(0,1fr)}.how-to-page .how-to-section h2{font-size:26px}.how-to-page .how-to-section>p{max-width:70ch}}@media (width<=699px){.how-to-page .how-to-hero{gap:12px;padding-block:28px 24px}.how-to-illustration{display:none}.how-to-page .how-to-layout{grid-template-columns:minmax(0,1fr);gap:24px}.how-to-page .how-to-contents nav{max-height:none;padding:16px 12px;position:static}.how-to-page .how-to-contents ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}.how-to-page .how-to-contents a{padding:8px;font-size:13px}.how-to-page .how-to-contents__faq{margin-top:6px}.how-to-page .how-to-section,.how-to-page .how-to-troubleshooting{padding:20px}.how-to-page .how-to-section h2{font-size:24px}}@media (forced-colors:active){.how-to-page .how-to-section,.how-to-page .how-to-contents nav,.how-to-page .how-to-example,.how-to-page .how-to-example__well,.how-to-page .how-to-version-list li,.how-to-page .how-to-note,.how-to-page .how-to-troubleshooting,.how-to-page .how-to-troubleshooting details{box-shadow:none;border:1px solid canvastext}.how-to-page .how-to-step-number{border:1px solid canvastext}.how-to-page section:target{outline-color:highlight}}