.guide-site{--guide-header-height:80px;background:var(--surface);min-height:100vh;color:var(--ink);font-size:16px;line-height:1.7}.guide-site a,.guide-site button{transition:color .24s,background-color .24s,border-color .24s,box-shadow .24s}:is(.guide-site a:focus-visible,.guide-site button:focus-visible,.guide-site input:focus-visible,.guide-site summary:focus-visible){outline:2px solid var(--ring);outline-offset:4px;border-radius:6px}.guide-header{z-index:40;min-height:var(--guide-header-height);border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:24px;padding:16px 32px;display:flex;position:sticky;top:0}.guide-brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.guide-brand svg{width:28px;height:34px;color:var(--action)}.guide-header-label{border-left:1px solid var(--line);color:var(--muted-ink);padding-left:24px;font-size:14px}.guide-search{border:1px solid var(--line);background:var(--canvas);width:min(360px,32vw);min-width:160px;color:var(--muted-ink);border-radius:10px;align-items:center;gap:10px;margin-left:auto;padding:0 12px;display:flex;position:relative}.guide-search input{width:100%;min-width:0;height:42px;font:inherit;color:var(--ink);background:0 0;border:0;padding:0;font-size:14px;box-shadow:none!important;outline-offset:0!important}.guide-search input::-webkit-search-cancel-button{display:none}.guide-search kbd{font:inherit;border:1px solid var(--line);border-radius:4px;padding:0 6px;font-size:13px}.guide-search button{min-width:30px;height:32px;color:var(--muted-ink);background:0 0;border:0;place-items:center;display:grid}.guide-search-results{background:var(--surface);border:1px solid var(--line);width:max(100%,380px);max-height:65dvh;box-shadow:0 12px 32px color-mix(in srgb,var(--ink) 12%,transparent);z-index:50;border-radius:12px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;overflow:auto}.guide-search-results>p{margin:0;padding:8px;font-size:13px}.guide-search-results>a{color:var(--ink);border-radius:8px;padding:10px 12px;display:block}.guide-search-results>a:hover,.guide-search-results>a:focus{background:var(--selected)}.guide-search-results small{color:var(--muted-ink);font-size:12px;display:block}.guide-search-results strong{font-size:14px;line-height:1.5;display:block}.guide-header-actions{align-items:center;gap:18px;display:flex}.guide-open-app{color:var(--action);white-space:nowrap;font-size:14px;font-weight:700}.guide-open-app:hover{text-decoration:underline}.guide-sidebar{top:var(--guide-header-height);border-right:1px solid var(--line);background:var(--surface);scrollbar-width:thin;width:256px;padding:28px 24px 20px;position:fixed;bottom:0;left:0;overflow:auto}.guide-sidebar nav a,.guide-mobile-nav nav a{color:var(--muted-ink);border-radius:8px;align-items:center;gap:10px;padding:7px 12px;font-size:14px;line-height:1.6;display:flex}.guide-sidebar nav a:hover,.guide-mobile-nav nav a:hover{background:var(--canvas);color:var(--ink)}.guide-sidebar nav a[aria-current=page],.guide-mobile-nav nav a[aria-current=page]{background:var(--selected);color:var(--selected-ink);font-weight:700}.guide-nav-group{margin-top:22px}.guide-nav-group>p{letter-spacing:.04em;color:var(--ink);margin:0 0 8px;padding:0 12px;font-size:12px;font-weight:700}.guide-sidebar-note{border-top:1px solid var(--line);margin-top:32px;padding:22px 12px 8px;font-size:13px}.guide-sidebar-note span{color:var(--muted-ink);display:block}.guide-sidebar-note a{color:var(--action);margin-top:4px;display:block}.guide-mobile-nav{display:none}.guide-workspace{min-width:0;margin-left:256px;padding:48px clamp(24px,4vw,72px) 24px}.guide-overview{max-width:1080px;margin:0 auto;padding:0}.guide-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--action);align-items:center;gap:9px;margin:0 0 16px;font-size:12px;font-weight:700;display:flex}.guide-overview h1{letter-spacing:-.03em;font-size:clamp(32px,3.5vw,46px);line-height:1.18;font-weight:var(--weight-title);margin:0 0 20px}.guide-lede{color:var(--muted-ink);max-width:740px;margin:0;font-size:18px;line-height:1.75}.guide-start{border:1px solid var(--line);background:var(--canvas);border-radius:14px;justify-content:space-between;align-items:center;gap:32px;margin:36px 0 24px;padding:28px 32px;display:flex}.guide-start span{letter-spacing:.08em;color:var(--action);font-size:11px;font-weight:700}.guide-start h2{letter-spacing:-.02em;margin:7px 0 8px;font-size:22px;line-height:1.4}.guide-start p{color:var(--muted-ink);margin:0 0 15px;font-size:15px}.guide-start a{color:var(--action);text-underline-offset:4px;font-size:14px;font-weight:700;text-decoration:underline}.guide-start>svg{color:var(--action);flex-shrink:0;margin-right:12px}.guide-quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.guide-quick>a{border:1px solid var(--line);border-radius:12px;padding:22px}.guide-quick>a:hover{border-color:var(--action);background:var(--canvas)}.guide-quick svg{color:var(--action)}.guide-quick h2{margin:12px 0 7px;font-size:16px;line-height:1.5}.guide-quick p{color:var(--muted-ink);margin:0;font-size:14px;line-height:1.6}.guide-directory{margin-top:48px}.guide-directory>h2{letter-spacing:-.02em;margin-bottom:28px;font-size:24px}.guide-directory>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px;display:grid}.guide-directory h3{color:var(--muted-ink);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);margin:0 0 4px;padding-bottom:12px;font-size:12px}.guide-directory a{border-bottom:1px solid var(--subtle);padding:16px 0;display:block}.guide-directory a:hover strong{color:var(--action)}.guide-directory strong{font-size:16px;display:block}.guide-directory a span{color:var(--muted-ink);margin-top:4px;font-size:14px;line-height:1.6;display:block}.guide-reading-layout{grid-template-columns:minmax(0,740px) minmax(160px,210px);column-gap:clamp(32px,4vw,76px);max-width:1080px;margin:0 auto;display:grid}.guide-article{width:100%;min-width:0;margin:0;padding:0}.guide-breadcrumb{color:var(--muted-ink);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;font-size:13px;display:flex}.guide-breadcrumb a:hover{color:var(--action)}.guide-article h1{letter-spacing:-.03em;font-size:clamp(30px,3vw,40px);line-height:1.22;font-weight:var(--weight-title);margin:0 0 18px}.guide-reviewed{color:var(--muted-ink);margin-top:18px;font-size:12px}.guide-article-header{border-bottom:1px solid var(--line);padding-bottom:30px}.guide-toc{top:calc(var(--guide-header-height) + 38px);max-height:calc(100dvh - var(--guide-header-height) - 70px);border-left:1px solid var(--line);align-self:start;margin-top:60px;padding-left:20px;font-size:13px;position:sticky;overflow:auto}.guide-toc>p{color:var(--ink);margin:0 0 14px;font-weight:700}.guide-toc a{color:var(--muted-ink);padding:6px 0;line-height:1.6;display:block}.guide-toc a:hover,.guide-toc a[aria-current=location]{color:var(--action)}.guide-toc a[aria-current=location]{font-weight:700}.guide-toc-top{border-top:1px solid var(--line);margin-top:20px;padding-top:14px!important}.guide-inline-toc{display:none}.guide-section{padding:34px 0 10px;scroll-margin-top:108px}.guide-section h2{letter-spacing:-.02em;margin:0 0 18px;font-size:24px;line-height:1.35}.guide-section h2>a{align-items:baseline;gap:10px;display:inline-flex}.guide-section h2 span{color:var(--action);opacity:0;font-size:20px;font-weight:400}.guide-section h2:hover span,.guide-section h2 a:focus span{opacity:1}.guide-section p{margin:0 0 18px;line-height:1.8}.guide-section p:last-child{margin-bottom:0}.guide-section ul:not(.guide-resource-links){margin:18px 0;padding-left:22px;list-style:outside}.guide-section li{margin-bottom:9px;padding-left:5px}.guide-steps{margin:24px 0;padding:0;list-style:none}.guide-steps>li{margin:0;padding:0 0 22px 46px;position:relative}.guide-steps>li:last-child{padding-bottom:0}.guide-step-number{background:var(--selected);width:29px;height:29px;color:var(--selected-ink);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:0;left:0}.guide-steps h3{margin:0 0 6px;font-size:16px;line-height:1.7}.guide-steps p{color:var(--muted-ink);margin:0}.guide-note{border-left:3px solid var(--action);background:var(--canvas);border-radius:0 10px 10px 0;margin:24px 0;padding:18px 22px}.guide-note strong{font-size:15px}.guide-note p{color:var(--muted-ink);margin-top:6px;font-size:15px;line-height:1.75}.guide-table-scroll{border:1px solid var(--line);border-radius:10px;margin:24px 0;overflow-x:auto}.guide-section table{border-collapse:collapse;width:100%;font-size:14px}.guide-section th,.guide-section td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);min-width:170px;padding:14px 16px}.guide-section th{background:var(--canvas);font-weight:700}.guide-section tr:last-child td{border-bottom:0}.guide-section pre{background:var(--canvas);border:1px solid var(--line);white-space:pre;border-radius:10px;padding:20px;font-size:14px;line-height:1.8;overflow-x:auto}.guide-resource-links{margin:18px 0 0;padding:0;list-style:none}.guide-resource-links a{color:var(--action);text-underline-offset:4px;text-decoration:underline}.guide-related{border-top:1px solid var(--line);margin-top:40px;padding-top:30px}.guide-related h2{margin-bottom:18px;font-size:20px}.guide-related a{border-bottom:1px solid var(--subtle);padding:16px 0;display:block}.guide-related strong{color:var(--action);font-size:15px;display:block}.guide-related span{color:var(--muted-ink);margin-top:4px;font-size:14px;display:block}.guide-footer{border-top:1px solid var(--line);max-width:1080px;color:var(--muted-ink);flex-wrap:wrap;gap:22px;margin:56px auto 0;padding:22px 0;font-size:12px;display:flex}.guide-footer>span{margin-right:auto}.guide-footer a:hover{color:var(--action)}@media (min-width:1500px){.guide-workspace{padding-left:max(60px,50vw - 720px);padding-right:max(60px,50vw - 720px)}}@media (max-width:1199px){.guide-reading-layout{grid-template-columns:minmax(0,740px)}.guide-toc{display:none}.guide-inline-toc{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:22px 0;font-size:14px;display:flex}.guide-inline-toc strong{margin-bottom:4px}.guide-inline-toc a{color:var(--muted-ink)}.guide-inline-toc a:hover{color:var(--action)}.guide-quick{grid-template-columns:1fr}.guide-quick>a{padding:18px 22px}.guide-quick h2{margin-top:8px}.guide-header-label{display:none}}@media (max-width:760px){.guide-site{--guide-header-height:132px}.guide-header{flex-wrap:wrap;gap:10px 16px;padding:12px 20px}.guide-brand{flex:1}.guide-brand svg{width:25px;height:30px}.guide-header-actions{gap:14px}.guide-search{order:3;width:100%;margin:0}.guide-search-results{width:100%;max-height:55dvh}.guide-sidebar{display:none}.guide-mobile-nav{border-bottom:1px solid var(--line);background:var(--surface);padding:0 20px;display:block}.guide-mobile-nav summary{color:var(--muted-ink);cursor:pointer;padding:14px 0;font-size:14px}.guide-mobile-nav nav{max-height:55dvh;padding-bottom:20px;overflow:auto}.guide-workspace{margin:0;padding:28px 22px 18px}.guide-directory>div{grid-template-columns:1fr}.guide-overview h1{font-size:34px}.guide-lede{font-size:17px}.guide-start{gap:12px;margin-top:28px;padding:24px}.guide-start>svg{display:none}.guide-start h2{font-size:21px}.guide-section{padding-top:30px;scroll-margin-top:152px}.guide-section h2{font-size:22px}.guide-section h2 span{opacity:.5}.guide-article h1{font-size:32px}.guide-footer{gap:12px 20px}.guide-footer>span{width:100%}.guide-article-header{padding-bottom:22px}.guide-breadcrumb{margin-bottom:22px}.guide-section th,.guide-section td{padding:12px}.guide-steps>li{padding-left:39px}.guide-reviewed{font-size:12px}}@media (prefers-reduced-motion:reduce){.guide-site *{scroll-behavior:auto!important;transition:none!important}}.guide-overview h1 br{display:block}@media print{.guide-header,.guide-sidebar,.guide-mobile-nav,.guide-toc,.guide-inline-toc,.guide-footer,.app-skip-link{display:none!important}.guide-workspace{margin:0;padding:0}.guide-reading-layout{display:block}.guide-site{color:#000;background:#fff}.guide-section{break-inside:auto}.guide-note,.guide-steps>li{break-inside:avoid}.guide-section h2{break-after:avoid}.guide-section h2 span{display:none}.guide-article a{color:inherit}.guide-table-scroll{overflow:visible}.guide-section table{font-size:12px}}
