.guide-page{--guide-accent:var(--blue);--guide-accent-text:color-mix(in srgb, var(--guide-accent) 62%, #101936);--guide-accent-soft:color-mix(in srgb, var(--guide-accent) 7%, #fff);--guide-text:#33405f;--guide-line:#e1e9f6;--guide-sticky-top:112px;--guide-gutter:20px;width:min(1220px, calc(100% - (var(--guide-gutter) * 2)));color:var(--guide-text);margin:0 auto;padding:26px 0 clamp(56px,8vw,96px)}.guide-page ::selection{color:#101936;background:color-mix(in srgb, var(--guide-accent) 22%, #fff)}.guide-shell{grid-template-columns:minmax(0,1fr);justify-content:center;display:grid}.guide-shell.has-sidebar{grid-template-columns:200px minmax(0,960px);gap:clamp(28px,4vw,56px)}.guide-sidebar{top:var(--guide-sticky-top);align-self:start;gap:18px;padding-top:6px;font-size:.875rem;display:grid;position:sticky}.guide-sidebar-back{color:var(--muted);align-items:center;gap:6px;font-weight:600;display:inline-flex}.guide-sidebar-back:hover{color:var(--blue)}.guide-sidebar nav{gap:2px;display:grid}.guide-sidebar nav>strong{color:#101936;margin-bottom:6px;font-size:.8125rem;font-weight:700}.guide-sidebar nav a{color:#45536e;border-radius:7px;padding:6px 10px;font-weight:550;line-height:1.35}.guide-sidebar nav a:hover{color:#101936;background:#f3f7ff}.guide-sidebar nav a[aria-current=page]{color:var(--guide-accent-text);background:var(--guide-accent-soft);font-weight:650}.guide-sidebar-help{color:var(--muted);align-items:center;gap:7px;font-weight:600;display:inline-flex}.guide-sidebar-help:hover{color:var(--blue)}.guide-article{grid-template-columns:minmax(0,720px) 232px;grid-template-areas:"header toc""body toc";justify-content:center;column-gap:clamp(36px,5vw,72px);min-width:0;display:grid}.guide-header{border-bottom:1px solid var(--guide-line);grid-area:header;min-width:0;padding-bottom:36px}.guide-breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:30px;font-size:.8125rem;font-weight:550;display:flex}.guide-breadcrumbs a:hover{color:var(--blue)}.guide-breadcrumbs svg{color:#9aa8c0}.guide-breadcrumbs [aria-current=page]{color:#101936}.guide-meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 16px;font-size:.875rem;display:flex}.guide-meta img{object-fit:contain;border-radius:7px;width:28px;height:28px}.guide-meta-icon{width:28px;height:28px;color:var(--guide-accent-text);background:var(--guide-accent-soft);border-radius:7px;place-items:center;display:inline-grid}.guide-meta strong{color:#101936;font-weight:650}.guide-meta-dates{flex-wrap:wrap;gap:4px 10px;display:inline-flex}.guide-meta-dates span[aria-hidden=true],.guide-meta>span[aria-hidden=true]{color:#b3bfd3}.guide-language{color:var(--blue-strong);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--blue) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--blue) 35%, transparent);text-underline-offset:3px;font-weight:600}.guide-language:hover{text-decoration-color:currentColor}.guide-header h1{color:#101936;letter-spacing:-.032em;text-wrap:balance;max-width:20ch;margin:0;font-size:clamp(2.125rem,1.35rem + 2.6vw,3.125rem);font-weight:750;line-height:1.08}.guide-header h1:focus{outline:0}.guide-lede{color:#45536e;text-wrap:pretty;max-width:62ch;margin:18px 0 0;font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem);line-height:1.6}.guide-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.guide-actions .button,.guide-cta .button,.guide-panel-actions .button{min-height:44px}.guide-facts{border-top:1px solid var(--guide-line);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:32px 0 0;display:grid}.guide-facts>div{gap:4px;padding:14px 18px 0 0;display:grid}.guide-facts dt{color:var(--muted);font-size:.8125rem;font-weight:550}.guide-facts dd{color:#101936;margin:0;font-size:.9375rem;font-weight:650;line-height:1.4}.guide-body{grid-area:body;min-width:0;padding-top:8px;font-size:1.0625rem;line-height:1.72}.guide-body [id]{scroll-margin-top:calc(var(--guide-sticky-top) + 8px)}.guide-section{padding-top:44px}.guide-section h2{color:#101936;letter-spacing:-.02em;text-wrap:balance;margin:0 0 14px;font-size:clamp(1.375rem,1.2rem + .6vw,1.625rem);font-weight:700;line-height:1.25}.guide-section h3{color:#101936;margin:0 0 6px;font-size:1.0625rem;font-weight:650;line-height:1.4}.guide-section p{text-wrap:pretty;max-width:68ch;margin:0 0 14px}.guide-section p:last-child{margin-bottom:0}.guide-section a:not(.button){color:var(--blue-strong);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--blue) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--blue) 35%, transparent);text-underline-offset:3px;font-weight:600}.guide-section a:not(.button):hover{text-decoration-color:currentColor}.guide-steps{counter-reset:guide-step;gap:0;margin:18px 0 0;padding:0;list-style:none;display:grid}.guide-steps li{counter-increment:guide-step;grid-template-columns:32px minmax(0,1fr);gap:16px;padding-bottom:20px;display:grid;position:relative}.guide-steps li:before{border:1px solid color-mix(in srgb, var(--guide-accent) 30%, #d7e3f8);width:32px;height:32px;color:var(--guide-accent-text);content:counter(guide-step);font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;place-items:center;font-size:.875rem;font-weight:700;display:grid}.guide-steps li:not(:last-child):after{background:var(--guide-line);content:"";width:1px;position:absolute;top:36px;bottom:4px;left:15.5px}.guide-steps li:last-child{padding-bottom:0}.guide-steps strong{color:#101936;padding-top:3px;font-weight:650;line-height:1.45;display:block}.guide-steps p{margin:2px 0 0;font-size:1rem;line-height:1.6}.guide-list{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.guide-list li{max-width:68ch;padding-left:22px;position:relative}.guide-list li:before{background:color-mix(in srgb, var(--guide-accent) 70%, #fff);content:"";border-radius:999px;width:6px;height:6px;position:absolute;top:.68em;left:4px}.guide-list strong{color:#101936;font-weight:650}.guide-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px;margin:22px 0 0;display:grid}.guide-features>div{border-top:1px solid var(--guide-line);padding-top:14px}.guide-features dt{color:#101936;font-weight:650;line-height:1.4}.guide-features dd{margin:4px 0 0;font-size:.96875rem;line-height:1.6}.guide-note{background:#f5f8fe;border:1px solid #d7e3f8;border-radius:12px;grid-template-columns:20px minmax(0,1fr);gap:12px;margin-top:20px;padding:16px 18px;font-size:.96875rem;line-height:1.6;display:grid}.guide-note>svg{color:var(--blue);margin-top:3px}.guide-note.is-warning{background:#fffaf0;border-color:#f3dfb8}.guide-note.is-warning>svg{color:#b45309}.guide-note strong{color:#101936;font-weight:650;display:block}.guide-note p{margin:2px 0 0}.guide-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.guide-split>section{border:1px solid var(--guide-line);background:#fff;border-radius:12px;padding:20px 22px}.guide-split>section>small{color:var(--muted);margin-bottom:4px;font-size:.8125rem;font-weight:550;display:block}.guide-split p{font-size:.96875rem;line-height:1.6}.guide-split .guide-list{font-size:.96875rem;line-height:1.55}.guide-section .guide-aside-text{color:var(--muted);margin-top:18px;font-size:.9375rem}.guide-panel-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.guide-figure{margin:20px 0 0}.guide-figure-frame{background:#f5f8fd;border:1px solid #d7e3f8;border-radius:12px;display:block;overflow:hidden;box-shadow:0 10px 30px #10193612}.guide-figure-frame img{width:100%;height:auto;display:block}.guide-figure figcaption{color:var(--muted);margin-top:10px;font-size:.875rem;line-height:1.5}.guide-faq{border-top:1px solid var(--guide-line);margin-top:16px}.guide-faq details{border-bottom:1px solid var(--guide-line)}.guide-faq summary{color:#101936;cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;font-weight:650;line-height:1.45;list-style:none;display:flex}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary svg{color:var(--muted);transition:transform .18s var(--ease-out);flex:none}.guide-faq details[open] summary svg{transform:rotate(45deg)}.guide-faq summary:hover{color:var(--blue-strong)}.guide-faq details p{max-width:66ch;margin:-4px 0 18px}.guide-cta{background:#f5f8fe;border:1px solid #d7e3f8;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 28px;margin-top:52px;padding:26px 28px;display:flex}.guide-cta h2{color:#101936;letter-spacing:-.015em;margin:0;font-size:1.25rem;font-weight:700}.guide-cta p{max-width:46ch;margin:4px 0 0;font-size:.96875rem;line-height:1.55}.guide-cta>div:last-child{flex-wrap:wrap;gap:10px;display:flex}.guide-related{margin-top:52px}.guide-related h2{color:#101936;margin:0 0 12px;font-size:1.0625rem;font-weight:700}.guide-related ul{border-top:1px solid var(--guide-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;padding:0;list-style:none;display:grid}.guide-related li{border-bottom:1px solid var(--guide-line)}.guide-related a{color:#101936;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;font-size:.96875rem;font-weight:600;line-height:1.35;display:grid}.guide-related a:hover{color:var(--blue-strong)}.guide-related a>img,.guide-related a>span:first-child{object-fit:contain;border-radius:6px;width:26px;height:26px}.guide-related a>span:first-child{color:var(--blue);background:#eef4ff;place-items:center;display:grid}.guide-related small{color:var(--muted);font-size:.8125rem;font-weight:500;display:block}.guide-related a>svg:last-child{color:#9aa8c0}.guide-disclaimer{color:var(--muted);margin:40px 0 0;font-size:.8125rem;line-height:1.6}.guide-toc{top:var(--guide-sticky-top);max-height:calc(100dvh - var(--guide-sticky-top) - 20px);scrollbar-width:thin;grid-area:toc;align-self:start;gap:22px;padding-top:6px;display:grid;position:sticky;overflow-y:auto}.guide-toc-action{background:#fff;border:1px solid #d7e3f8;border-radius:12px;gap:10px;padding:16px;display:grid}.guide-toc-action p{color:#45536e;margin:0;font-size:.8125rem;line-height:1.5}.guide-toc-action strong{color:#101936;font-size:.9375rem;font-weight:700}.guide-toc-action .button{text-align:center;white-space:normal;justify-content:center;min-height:40px;padding-block:8px;font-size:.875rem;line-height:1.3}.guide-toc-links{gap:4px;font-size:.8125rem;display:grid}.guide-toc-links strong{color:#101936;margin-bottom:4px;font-weight:700}.guide-toc-links a{color:#45536e;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-weight:550;display:flex}.guide-toc-links a:hover{color:var(--blue-strong)}.guide-toc .guide-toc-mobile-action{display:none}@media (max-width:1180px){.guide-shell.has-sidebar{grid-template-columns:minmax(0,1fr)}.guide-sidebar{display:none}}@media (max-width:1140px){.guide-page{--guide-sticky-top:24px}}@media (max-width:920px){.guide-page{--guide-sticky-top:64px;--guide-gutter:16px}.guide-article{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""toc""body"}.guide-header{border-bottom:0;padding-bottom:28px}.guide-toc{z-index:40;max-height:none;margin-inline:calc(var(--guide-gutter) * -1);padding:8px var(--guide-gutter);border-block:1px solid var(--guide-line);background:#fffffff7;align-items:center;gap:10px;display:flex;top:0;overflow:visible}.guide-toc>:not(.reading-progress,.guide-toc-mobile-action){display:none}.guide-toc .guide-toc-mobile-action{min-height:38px;box-shadow:none;flex:none;padding-inline:14px;font-size:.875rem;display:inline-flex}.guide-features,.guide-split,.guide-related ul{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.guide-breadcrumbs{margin-bottom:22px}.guide-meta>span[aria-hidden=true]{display:none}.guide-meta-dates{flex-basis:100%}.guide-actions{display:grid}.guide-actions .button{justify-content:center;width:100%}.guide-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-body{font-size:1rem;line-height:1.7}.guide-section{padding-top:36px}.guide-cta{padding:22px 20px}.guide-cta>div:last-child,.guide-cta .button{width:100%}.guide-cta .button{justify-content:center}}@media (prefers-reduced-motion:reduce){.guide-faq summary svg{transition:none}}.reading-progress{--reading-progress-accent:var(--guide-accent,var(--blue));gap:10px;min-width:0;display:grid}.reading-progress-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.reading-progress-summary strong{color:#101936;font-size:.8125rem;font-weight:700}.reading-progress-summary span{color:#52617c;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.reading-progress-toggle{display:none}.reading-progress-track{appearance:none;background:color-mix(in srgb, var(--reading-progress-accent) 12%, #e8eef8);border:0;border-radius:999px;width:100%;height:4px;display:block;overflow:hidden}.reading-progress-track::-webkit-progress-bar{border-radius:inherit;background:color-mix(in srgb, var(--reading-progress-accent) 12%, #e8eef8)}.reading-progress-track::-webkit-progress-value{border-radius:inherit;background:var(--reading-progress-accent);transition:width .12s linear}.reading-progress-track::-moz-progress-bar{border-radius:inherit;background:var(--reading-progress-accent)}.reading-progress-nav{border-left:1px solid #e1e9f6;gap:1px;padding-left:1px;display:grid}.reading-progress-link{color:#52617c;border-left:2px solid #0000;margin-left:-2px;padding:5px 0 5px 12px;font-size:.8125rem;font-weight:550;line-height:1.4}.reading-progress-link:hover{color:#101936}.reading-progress-link[aria-current=location]{border-left-color:var(--reading-progress-accent);color:color-mix(in srgb, var(--reading-progress-accent) 62%, #101936);font-weight:650}@media (max-width:920px){.guide-toc .reading-progress{flex:auto;gap:0}.guide-toc .reading-progress-summary{display:none}.guide-toc .reading-progress-toggle{color:#101936;width:100%;min-height:40px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 4px 0 0;display:grid}.reading-progress-toggle-label{color:#52617c;white-space:nowrap;font-size:.8125rem;font-weight:550}.reading-progress-current{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:650;overflow:hidden}.reading-progress-toggle svg{color:#52617c;transition:transform .18s var(--ease-out)}.reading-progress[data-open] .reading-progress-toggle svg{transform:rotate(180deg)}.guide-toc .reading-progress-track{border-radius:0}.guide-toc .reading-progress-track::-webkit-progress-bar{border-radius:0}.guide-toc .reading-progress-track{background:0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.guide-toc .reading-progress-track::-webkit-progress-bar{background:0 0}.guide-toc .reading-progress-nav{top:calc(100% + 6px);right:var(--guide-gutter);left:var(--guide-gutter);background:#fff;border:1px solid #d7e3f8;border-radius:12px;max-height:min(60vh,420px);padding:8px;display:none;position:absolute;overflow-y:auto;box-shadow:0 18px 40px #10193624}.guide-toc .reading-progress[data-open] .reading-progress-nav{display:grid}.guide-toc .reading-progress-link{border:0;border-radius:8px;margin:0;padding:10px 12px;font-size:.9375rem}.guide-toc .reading-progress-link[aria-current=location]{background:color-mix(in srgb, var(--reading-progress-accent) 8%, #fff)}}@media (prefers-reduced-motion:reduce){.reading-progress-toggle svg{transition:none}.reading-progress-track::-webkit-progress-value{transition:none}}
