.guide-page{--guide-accent:#2997ff;--guide-accent-rgb:41, 151, 255;--guide-heading:var(--color-ink);--guide-text:var(--color-muted);--guide-line:var(--color-line);color:var(--guide-heading);background:radial-gradient(circle at 50% -5rem,#2997ff1f,#0000 34rem),linear-gradient(#ffffff05,#0000 38rem);min-height:100vh}html[data-theme=light] .guide-page{--guide-accent:#0069d9;--guide-accent-rgb:0, 105, 217}.guide-hero,.guide-index,.guide-breadcrumbs,.guide-mobile-directory,.guide-article-layout{max-width:calc(1120px + var(--page-gutter) * 2);padding-left:var(--page-gutter);padding-right:var(--page-gutter);margin-left:auto;margin-right:auto}.guide-hero{text-align:center;padding-top:clamp(62px,7vw,88px);padding-bottom:clamp(34px,4vw,48px)}.guide-hero h1{letter-spacing:-.045em;text-wrap:balance;margin:0 auto;font-size:clamp(38px,4.8vw,54px);line-height:1.1}.guide-directory__link svg,.guide-mobile-directory summary svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:16px;height:16px}.guide-index{border-top:1px solid var(--guide-line);scroll-margin-top:calc(82px + var(--safe-area-top));padding-top:clamp(30px,4vw,44px);padding-bottom:clamp(82px,10vw,124px)}.guide-index__title{letter-spacing:-.025em;margin:0 0 28px;font-size:clamp(21px,2.4vw,27px);line-height:1.2}.guide-directory--full{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 48px;display:grid}.guide-directory__section-header{border-bottom:1px solid var(--guide-line);margin-bottom:0;padding-bottom:10px}.guide-directory__section-header h3{margin:0}.guide-directory--full .guide-directory__section-header h3{letter-spacing:-.015em;font-size:17px;line-height:1.35}.guide-directory ol{margin:0;padding:0;list-style:none}.guide-directory--full li+li{border-top:1px solid var(--guide-line)}.guide-directory--full .guide-directory__link{color:var(--guide-heading);grid-template-columns:minmax(0,1fr) 14px;align-items:center;gap:12px;padding:11px 2px;text-decoration:none;transition:color .16s;display:grid}.guide-directory__title{font-size:14px;line-height:1.45}.guide-directory--full .guide-directory__title{font-weight:400}.guide-directory--full .guide-directory__link svg{color:var(--guide-text);width:14px;height:14px;transition:color .16s,transform .16s}.guide-directory--full .guide-directory__link:hover,.guide-directory--full .guide-directory__link:hover svg{color:var(--guide-accent)}.guide-directory--full .guide-directory__link:hover svg{transform:translate(2px)}.guide-directory__link:focus-visible,.guide-directory__home:focus-visible,.guide-breadcrumbs a:focus-visible,.guide-mobile-directory summary:focus-visible,.guide-article__pager-link:focus-visible,.guide-prose a:focus-visible{outline:2px solid var(--guide-accent);outline-offset:3px}.guide-breadcrumbs{padding-top:34px;padding-bottom:22px}.guide-breadcrumbs ol{color:var(--guide-text);flex-wrap:wrap;align-items:center;gap:7px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.guide-breadcrumbs a{text-decoration:none}.guide-breadcrumbs a:hover{color:var(--guide-accent)}.guide-breadcrumbs li[aria-current=page]{color:var(--guide-heading)}.guide-article-layout{grid-template-columns:minmax(190px,218px) minmax(0,760px);justify-content:center;align-items:start;gap:clamp(46px,6vw,78px);padding-bottom:clamp(96px,12vw,150px);display:grid}.guide-sidebar{align-self:stretch;min-width:0}.guide-sidebar>nav{max-height:calc(100vh - 100px - var(--safe-area-top));scrollbar-width:thin;top:calc(82px + var(--safe-area-top));padding:2px 8px 24px 2px;position:sticky;overflow:auto}.guide-directory__home{color:var(--guide-heading);margin-bottom:22px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.guide-directory--compact{gap:23px;display:grid}.guide-directory--compact .guide-directory__section-header{border:0;margin:0 0 5px;padding:0}.guide-directory--compact .guide-directory__section-header p{color:var(--guide-text);letter-spacing:.06em;font-size:13px;font-weight:600}.guide-directory--compact .guide-directory__link{color:var(--guide-text);border-left:2px solid #0000;padding:6px 9px;font-size:12px;line-height:1.45;text-decoration:none;display:grid}.guide-directory--compact .guide-directory__title{font-size:12px;font-weight:400}.guide-directory--compact .guide-directory__link svg{display:none}.guide-directory--compact .guide-directory__link:hover,.guide-directory--compact .guide-directory__link[aria-current=page]{background:rgba(var(--guide-accent-rgb), .07);border-left-color:var(--guide-accent);color:var(--guide-accent)}.guide-mobile-directory{display:none}.guide-article{min-width:0}.guide-article__header{border-bottom:1px solid var(--guide-line);margin-bottom:40px;padding:clamp(28px,4vw,46px) 0 32px}.guide-article__title{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(38px,5vw,54px);line-height:1.08}.guide-article__summary{color:var(--guide-text);text-wrap:pretty;max-width:680px;margin:18px 0 0;font-size:clamp(16px,2vw,18px);line-height:1.7}.guide-prose{color:var(--guide-text);min-width:0;font-size:16px;line-height:1.82}.guide-prose>:first-child,.guide-prose>astro-island:first-child>:first-child{margin-top:0}.guide-prose>:last-child{margin-bottom:0}.guide-prose :is(h2,h3,h4){color:var(--guide-heading);scroll-margin-top:calc(94px + var(--safe-area-top));text-wrap:balance;font-weight:700}.guide-prose h2{letter-spacing:-.028em;margin:54px 0 17px;font-size:clamp(25px,3vw,31px);line-height:1.28}.guide-prose h3{letter-spacing:-.018em;margin:38px 0 13px;font-size:21px;line-height:1.35}.guide-prose h4{margin:30px 0 11px;font-size:17px;line-height:1.4}.guide-prose p{text-wrap:pretty;margin:0 0 20px}html:where([lang=zh-CN],[lang=zh-TW],[lang=ja],[lang=ko]) .guide-prose{line-break:strict}.guide-prose :is(ul,ol){margin:0 0 24px;padding-left:1.5em}.guide-prose li{padding-left:.25em}.guide-prose li+li{margin-top:7px}.guide-prose li::marker{color:var(--guide-accent);font-weight:700}.guide-prose strong{color:var(--guide-heading);font-weight:600}.guide-prose a{color:var(--guide-accent);text-decoration-color:rgba(var(--guide-accent-rgb), .48);text-underline-offset:.2em}.guide-prose a:hover{text-decoration-color:currentColor}.guide-prose blockquote{background:rgba(var(--guide-accent-rgb), .065);border:1px solid rgba(var(--guide-accent-rgb), .3);color:var(--guide-text);border-radius:10px;margin:30px 0;padding:16px 18px 16px 46px;position:relative}.guide-prose blockquote:before{color:var(--guide-accent);content:"ⓘ";font-size:17px;line-height:1;position:absolute;top:20px;left:18px}.guide-prose blockquote p{margin:0}.guide-prose :is(code,kbd){background:var(--color-surface);border:1px solid var(--guide-line);color:var(--guide-heading);overflow-wrap:anywhere;border-radius:6px;padding:.12em .36em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88em}.guide-prose pre{background:var(--color-surface);border:1px solid var(--guide-line);border-radius:10px;margin:28px 0;padding:18px 20px;overflow-x:auto}.guide-prose pre code{background:0 0;border:0;padding:0}.guide-prose table{border-collapse:separate;border-spacing:0;width:max-content;max-width:100%;margin:30px 0;font-size:14px;line-height:1.65;display:block;overflow-x:auto}.guide-prose :is(th,td){border-bottom:1px solid var(--guide-line);border-right:1px solid var(--guide-line);text-align:left;vertical-align:top;min-width:132px;padding:12px 14px}.guide-prose :is(th,td):first-child{border-left:1px solid var(--guide-line)}.guide-prose thead th{background:var(--color-surface);border-top:1px solid var(--guide-line);color:var(--guide-heading);font-weight:600}.guide-prose thead th:first-child{border-top-left-radius:8px}.guide-prose thead th:last-child{border-top-right-radius:8px}.guide-prose tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.guide-prose tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.guide-article__pager{border-top:1px solid var(--guide-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:60px;padding-top:28px;display:grid}.guide-article__pager-link{border-radius:10px;flex-direction:column;gap:4px;padding:10px;text-decoration:none;display:flex}.guide-article__pager-link:hover{background:rgba(var(--guide-accent-rgb), .065)}.guide-article__pager-link--next{text-align:right}.guide-article__pager-link span{color:var(--guide-accent);letter-spacing:.08em;font-size:11px;font-weight:700}.guide-article__pager-link strong{color:var(--guide-heading);font-size:14px;line-height:1.45}@media (width<=900px){.guide-directory--full{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px}.guide-article-layout{grid-template-columns:minmax(168px,190px) minmax(0,1fr);gap:40px}}@media (width<=720px){.guide-hero{text-align:left;padding-top:44px;padding-bottom:28px}.guide-hero h1{font-size:clamp(34px,10vw,42px)}.guide-directory--full{grid-template-columns:minmax(0,1fr);gap:32px}.guide-breadcrumbs{padding-top:24px;padding-bottom:16px}.guide-sidebar{display:none}.guide-mobile-directory{margin-bottom:4px;display:block}.guide-mobile-directory summary{border-bottom:1px solid var(--guide-line);border-top:1px solid var(--guide-line);cursor:pointer;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:3px 10px;padding:13px 2px;list-style:none;display:grid}.guide-mobile-directory summary::-webkit-details-marker{display:none}.guide-mobile-directory summary>span{color:var(--guide-accent);letter-spacing:.1em;font-size:10px;font-weight:700}.guide-mobile-directory summary>strong{grid-column:1;font-size:13px;line-height:1.4}.guide-mobile-directory summary svg{grid-area:1/2/span 2;transition:transform .16s}.guide-mobile-directory[open] summary svg{transform:rotate(180deg)}.guide-mobile-directory>nav{border-bottom:1px solid var(--guide-line);max-height:min(64vh,560px);padding:20px 2px 28px;overflow:auto}.guide-article-layout{display:block}.guide-article__header{padding-top:34px}.guide-article__title{font-size:clamp(36px,11vw,48px)}.guide-prose{font-size:15.5px;line-height:1.8}}@media (width<=420px){.guide-directory--full .guide-directory__link{padding-left:2px;padding-right:2px}.guide-article__pager{gap:8px}.guide-article__pager-link{padding-left:4px;padding-right:4px}}@media print{.guide-page{--guide-accent:#174f83;--guide-heading:#111;--guide-line:#c9c9c9;--guide-text:#333;background:#fff}.guide-index,.guide-breadcrumbs,.guide-sidebar,.guide-mobile-directory,.guide-article__pager{display:none}.guide-article-layout{padding-bottom:0;display:block}}