.intro-video[data-astro-cid-rfpclcad]{margin:0 0 36px;overflow:hidden}.intro-video-heading[data-astro-cid-rfpclcad]{padding:22px 26px 20px}.intro-video-heading[data-astro-cid-rfpclcad] .eyebrow[data-astro-cid-rfpclcad]{margin-bottom:8px}.intro-video-title[data-astro-cid-rfpclcad]{letter-spacing:-.025em;font-size:20px;font-weight:600;display:block}.intro-video-heading[data-astro-cid-rfpclcad] p[data-astro-cid-rfpclcad]{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.6}video[data-astro-cid-rfpclcad]{aspect-ratio:16/9;background:var(--sunken);width:100%;height:auto;display:block}.intro-video-transcript[data-astro-cid-rfpclcad]{border-top:1px solid var(--line)}summary[data-astro-cid-rfpclcad]{color:var(--accent-ink);padding:17px 26px;font-size:13px;font-weight:550}.intro-video-transcript[data-astro-cid-rfpclcad]>div[data-astro-cid-rfpclcad]{padding:0 26px 22px}.intro-video-transcript[data-astro-cid-rfpclcad] p[data-astro-cid-rfpclcad]{color:var(--ink-2);margin:0 0 14px;font-size:14px;line-height:1.75}.intro-video-transcript[data-astro-cid-rfpclcad] p[data-astro-cid-rfpclcad]:last-child{margin-bottom:0}@media (width<=767px){.intro-video[data-astro-cid-rfpclcad]{border-radius:18px;margin-bottom:28px}.intro-video-heading[data-astro-cid-rfpclcad]{padding:18px}.intro-video-title[data-astro-cid-rfpclcad]{font-size:18px;display:block}summary[data-astro-cid-rfpclcad]{padding:16px 18px}.intro-video-transcript[data-astro-cid-rfpclcad]>div[data-astro-cid-rfpclcad]{padding:0 18px 18px}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.prose .example-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 30px;padding:0;list-style:none;display:grid}.prose .example-index li{margin:0;padding:0}.example-card{border-radius:18px;flex-direction:column;gap:6px;height:100%;padding:16px 18px;display:flex;color:var(--ink)!important;text-decoration:none!important}.example-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.example-number{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:11px}.format-badge{letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:650}.example-title{letter-spacing:-.02em;font-size:15px;font-weight:620;line-height:1.4}.example-meta{color:var(--muted);font-size:12px;line-height:1.5}.example-status{color:var(--ok);justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;font-size:11px;font-weight:600;display:flex}.example-go{color:var(--muted);margin-left:auto;font-size:15px;transition:transform .18s,color .18s}.example-card:hover .example-go{color:var(--accent);transform:translate(2px)}.example-article{max-width:1100px;margin:0 auto}.example-heading{max-width:760px}.example-caveat{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.6}.example-prose{font-size:15px}.example-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;display:grid}.question-panel{border:1px solid var(--line-2);background:var(--surface);box-shadow:var(--shadow);scrollbar-width:thin;border-radius:22px;padding:20px 24px 6px}.prose .question-panel h2{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:13px;font-weight:650}.question-panel>p:first-of-type{color:var(--ink);font-size:15.5px;line-height:1.75}.question-panel>p:nth-of-type(2){color:var(--ink);background:var(--sunken);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600}.prose .question-options{margin:14px 0 18px;padding:0;list-style:none}.prose .question-options>li{border-top:1px solid var(--line);text-indent:-30px;color:var(--ink);margin:0;padding:11px 0 11px 30px;font-size:14.5px;line-height:1.65}.prose .question-options>li:last-child{border-bottom:1px solid var(--line)}.question-options>li>strong:first-child{text-indent:0;background:var(--sunken);width:22px;height:22px;color:var(--ink);vertical-align:1px;border-radius:7px;place-items:center;margin-right:8px;font-size:11px;display:inline-grid}.prose .try-first{color:var(--ink-2);background:var(--accent-tint);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.65}.annotation-anchor{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:color-mix(in srgb, var(--q-ink) 9%, transparent);box-shadow:inset 0 -1.5px 0 color-mix(in srgb, var(--q-ink) 40%, transparent);border-radius:4px;margin:0 -2px;padding:1px 2px}.is-ready .annotation-anchor{transition:background-color .25s,box-shadow .25s}.is-enhanced .annotation-anchor:not(.is-revealed){box-shadow:none;background:0 0}.is-enhanced .annotation-anchor:not(.is-revealed) .mark-number{display:none}.is-enhanced .annotation-anchor.is-revealed:not(.is-current){background:color-mix(in srgb, var(--q-ink) 5%, transparent);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--q-ink) 25%, transparent)}.is-enhanced .annotation-anchor.is-current,.annotation-anchor.is-focus{background:color-mix(in srgb, var(--q-ink) 16%, transparent);box-shadow:inset 0 -2px 0 var(--q-ink)}.annotation-anchor.is-flash{animation:1.1s mark-flash}@keyframes mark-flash{0%,40%{background:color-mix(in srgb, var(--accent) 35%, transparent)}}.mark-number,.note-number{background:var(--q-tint);min-width:17px;height:17px;color:var(--q-ink);font-variant-numeric:tabular-nums;text-indent:0;letter-spacing:0;border-radius:999px;place-items:center;padding:0 4px;font-size:10px;font-weight:650;line-height:1;display:inline-grid}.prose .mark-number{vertical-align:.2em;color:var(--q-ink);margin-left:3px;text-decoration:none}.is-current>.mark-number,.is-focus>.mark-number,.quote-note.is-focus .note-number,.walk-step.is-current .note-number{background:var(--q-ink);color:var(--surface)}.walk-header{border-bottom:1px solid var(--line);margin-bottom:18px;padding:0 0 18px}.walk-header .eyebrow{color:var(--q-ink)}.prose .walk-intro{color:var(--ink-2);margin:6px 0 14px;font-size:14px;line-height:1.6}.walk-progress{gap:4px;display:flex}.walk-progress span{background:var(--line);border-radius:4px;flex:1;height:4px;transition:background-color .25s}.walk-progress span.is-done{background:var(--q-ink)}.walk-header-row{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;display:flex}.walk-show-all{color:var(--accent-ink);background:0 0;min-height:36px;padding:8px 0;font-size:12px;font-weight:550}.walk-step{padding:2px 0 10px;scroll-margin-top:104px}.walk-step+.walk-step{border-top:1px solid var(--line)}.prose .walk-step h2{outline:none;margin:22px 0 12px;scroll-margin-top:104px;font-size:19px}.walk-step.is-current{animation:.35s both step-in}@keyframes step-in{0%{opacity:0;transform:translateY(6px)}}.prose .method-tip{background:var(--sunken);border:0;border-radius:14px;margin:0 0 16px;padding:12px 16px}.prose .method-tip .eyebrow{margin-bottom:4px;font-size:9px}.prose .method-tip p{color:var(--ink-2);font-size:13.5px;line-height:1.65}.prose .quote-notes{gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.prose .quote-note{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin:0;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.quote-note.is-focus{border-color:color-mix(in srgb, var(--q-ink) 40%, transparent);box-shadow:var(--shadow)}.prose .quote-ref{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-bottom:4px;text-decoration:none;display:flex}.quote-ref .note-number{align-self:center}.quote-where{letter-spacing:.08em;text-transform:uppercase;color:var(--q-ink);font-size:10px;font-weight:650}.quote-ref q{letter-spacing:-.01em;flex-basis:100%;font-size:14px;font-weight:600;line-height:1.5}.note-text{color:var(--ink-2);font-size:14px;line-height:1.7}.prose .task-callout{background:var(--q-tint);border:1px solid color-mix(in srgb, var(--q-ink) 18%, transparent);color:var(--ink);border-radius:14px;padding:14px 18px;font-size:15.5px;font-weight:520;line-height:1.55}.prose .task-callout strong{letter-spacing:.12em;text-transform:uppercase;color:var(--q-ink);margin-bottom:4px;font-size:10px;display:block}.prose .assume-callout{background:var(--warn-tint);border-radius:14px;padding:12px 16px;font-size:14px;line-height:1.65}.answer-step{background:var(--ok-tint);border-radius:18px;margin-top:8px;border:1px solid var(--ok-line)!important;padding:0 20px 6px!important}.answer-step+.walk-step{border-top:0}.prose .answer-step h2{color:var(--ok)}.prose .answer-line strong{letter-spacing:-.02em;color:var(--ok);font-size:28px}.answer-step .table-scroll{background:var(--surface)}.walk-next{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:10px 0 8px;display:flex}.walk-next .button{white-space:normal;text-align:left;justify-content:flex-start}.walk-next .button span{color:var(--muted);font-weight:500}.walk-finished{color:var(--ink-2);flex:260px;font-size:14px;line-height:1.6}.walk-finished-actions{gap:8px;display:flex}@media (width>=1100px){.example-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:40px}.question-panel{overscroll-behavior:contain;max-height:calc(100dvh - 124px);position:sticky;top:104px;overflow-y:auto}}@media (width<=767px){.prose .example-index{grid-template-columns:1fr}.question-panel{border-radius:18px;padding:16px 16px 4px}.question-panel>p:first-of-type{font-size:15px}.prose .question-options>li{font-size:14px}.prose .walk-step h2{font-size:18px}.answer-step{padding:0 14px 4px!important}.walk-next .button{width:100%}}@media (forced-colors:active){.annotation-anchor{outline:1px solid highlight}.mark-number,.note-number{border:1px solid canvastext}.walk-progress span{border:1px solid buttontext}.walk-progress span.is-done{background:highlight}}
