.guide-frame{--guide-bg: var(--color-paper);--guide-ink: var(--color-ink-900);--guide-muted: var(--color-ink-500);--guide-link: var(--color-navy-700);--guide-accent: var(--color-mint-500);--guide-accent-ink: white;--guide-rule: var(--color-ink-200);--guide-surface: var(--color-surface-alt);--guide-focus: var(--color-navy-700);--guide-measure: 68ch;--guide-toc-width: minmax(14rem, 17rem);--guide-sticky-top: 1.5rem;display:flex;flex-direction:column;gap:2rem;max-width:var(--guide-measure);margin-inline:auto;overflow-wrap:break-word}.guide-frame .guide-body h2{scroll-margin-top:calc(var(--guide-sticky-top) + .5rem)}.guide-toc{padding-left:1rem;border-left:1px solid var(--guide-rule)}.guide-toc__label{margin:0;font-size:var(--text-body-sm);line-height:1.3;font-weight:700;color:var(--guide-ink)}.guide-toc ol{margin:.75rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.25rem}.guide-toc a{display:block;margin-left:calc(-1rem - 1px);padding:.25rem 0 .25rem 1rem;border-left:3px solid transparent;font-size:var(--text-meta);line-height:1.4;color:var(--guide-muted);text-decoration-line:underline;text-decoration-color:currentColor;text-underline-offset:4px;overflow-wrap:anywhere;transition:color .15s,text-decoration-color .15s}.guide-toc a:hover,.guide-toc a[aria-current=true]{color:var(--guide-ink);text-decoration-color:var(--guide-accent);text-decoration-thickness:2px}.guide-toc a[aria-current=true]{border-left-color:var(--guide-accent);font-weight:700}.guide-toc a:focus-visible{outline:2px solid var(--guide-focus);outline-offset:-2px}.guide-takeaways,.guide-faq,.guide-sources{display:flex;flex-direction:column;gap:1rem;padding-top:2rem;border-top:1px solid var(--guide-rule)}.guide-takeaways h2,.guide-faq h2,.guide-sources h2{font-size:var(--text-d3);line-height:var(--text-d3--line-height);letter-spacing:var(--text-d3--letter-spacing);font-weight:700;color:var(--color-navy-900)}.guide-takeaways ul{margin:.5rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem}.guide-takeaways li{display:flex;gap:.75rem;align-items:flex-start;font-size:var(--text-body);line-height:1.62;color:var(--color-ink-700)}.guide-takeaways svg{flex-shrink:0;margin-top:.15rem}.guide-tick__disc{fill:var(--guide-accent)}.guide-tick__mark{fill:none;stroke:var(--guide-accent-ink);stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.guide-faq__item{padding:1rem 0;border-bottom:1px solid var(--guide-rule)}.guide-faq__item summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:2rem;cursor:pointer;list-style:none;color:var(--guide-ink)}.guide-faq__item summary::-webkit-details-marker{display:none}.guide-faq__item summary:focus-visible{outline:2px solid var(--guide-focus);outline-offset:2px}.guide-faq__question{margin:0;font-size:var(--text-body);line-height:1.4;font-weight:600;color:var(--color-navy-900)}.guide-faq__item summary svg{flex-shrink:0;width:20px;height:20px;color:var(--guide-muted)}.guide-faq__item[open] summary svg{transform:rotate(180deg)}.guide-faq__item p{margin:.75rem 0 0;font-size:var(--text-body);line-height:1.62;color:var(--color-ink-700)}@media (prefers-reduced-motion: no-preference){.guide-faq__item{interpolate-size:allow-keywords}.guide-faq__item::details-content{block-size:0;overflow-y:clip;transition:block-size .3s ease,content-visibility .3s allow-discrete}.guide-faq__item[open]::details-content{block-size:auto}.guide-faq__item summary svg{transition:transform .3s ease}}.guide-sources ul{margin:.5rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem;font-size:var(--text-body-sm);line-height:1.5}.guide-sources a{color:var(--guide-link);text-decoration:underline;text-decoration-color:var(--color-ink-300);text-underline-offset:2px;transition:color .15s}.guide-sources a:hover{color:var(--color-navy-900);text-decoration-color:var(--guide-link)}@media (min-width: 1024px){.guide-frame--toc{max-width:calc(var(--guide-measure) + 20rem);display:grid;grid-template-columns:minmax(0,var(--guide-measure)) var(--guide-toc-width);justify-content:space-between;column-gap:3rem;row-gap:2rem;align-items:start}.guide-frame--toc>:not(.guide-side){grid-column:1}.guide-frame--toc>.guide-side{display:flex;flex-direction:column;gap:1.5rem;grid-column:2;grid-row:1 / span var(--guide-toc-span, 6);position:sticky;top:var(--guide-sticky-top);max-height:calc(100vh - 2 * var(--guide-sticky-top));overflow-y:auto;padding:4px;margin:-4px}}
