.cs-guides{padding-bottom:96px}.cs-guides-head{padding-top:64px;padding-bottom:32px}.cs-guides-head h1,.cs-guide-head h1{font-size:var(--t-page);letter-spacing:-.022em;text-wrap:balance;max-width:20ch;font-weight:700;font-stretch:112%;line-height:1}.cs-guides-head p{max-width:var(--measure);color:var(--ink-2);margin-top:18px;font-size:18px;line-height:1.55}.cs-guides-filter{scrollbar-width:none;border-bottom:var(--head-rule);padding-top:6px;text-decoration:none;overflow-x:auto}.cs-guides-filter .cs-folder-tab{text-decoration:none}.cs-guides-layout{grid-template-columns:minmax(0,920px) 280px;align-items:start;gap:56px;margin-top:44px;display:grid}.cs-guides-drawers{gap:40px;display:grid}.cs-guides-rail{gap:28px;display:grid;position:sticky;top:84px}.cs-guides-index p{color:var(--ink-3);font-size:13px;font-weight:600}.cs-guides-index ol{gap:2px;margin-top:10px;padding:0;list-style:none;display:grid}.cs-guides-index a{border-radius:var(--r-control);min-height:40px;color:var(--ink-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px;font-size:15px;font-weight:600;text-decoration:none;display:grid}.cs-guides-index a:hover{background:var(--card);color:var(--ink)}.cs-guides-index a span:last-child{font-family:var(--font-mono);color:var(--ink-3);font-size:12px;font-weight:400;font-stretch:82%}.cs-guides-drawer{background:var(--card);border-radius:0 var(--r-card) var(--r-card) var(--r-card);margin-top:30px;padding:22px 28px 8px;position:relative}.cs-guides-drawer>h2{border-radius:var(--r-tab) var(--r-tab) 0 0;background:var(--card);align-items:center;gap:8px;min-height:34px;padding:6px 16px 0;font-size:15px;font-weight:600;font-stretch:94%;display:flex;position:absolute;bottom:100%;left:0}.cs-guides-drawer-lede{border-bottom:var(--head-rule);color:var(--ink-3);padding-bottom:14px;font-size:15px}.cs-guides-drawer ol,.cs-guide-related ol{margin:0;padding:0;list-style:none}.cs-guides-drawer li+li,.cs-guide-related li+li{border-top:1px solid var(--rule-blue)}.cs-guide-entry{color:var(--ink);border-radius:var(--r-control);transition:background var(--d-quick);gap:6px;padding:20px 4px 22px;text-decoration:none;display:grid}.cs-guide-entry:hover{background:#fff6e0}.cs-guide-entry-kind{font-family:var(--font-mono);color:var(--ink-3);align-items:center;gap:6px;font-size:12px;font-stretch:82%;display:flex}.cs-guide-entry-title{text-wrap:balance;font-size:21px;font-weight:700;font-stretch:104%;line-height:1.22}.cs-guide-entry:hover .cs-guide-entry-title{-webkit-text-decoration:underline 2px var(--action);text-decoration:underline 2px var(--action);text-underline-offset:.2em}.cs-guide-entry:hover .cs-glyph-accent{opacity:1;stroke:var(--action)}.cs-guide-entry-desc{max-width:var(--measure);color:var(--ink-2);font-size:16px;line-height:1.5}.cs-guide-entry-meta{font-family:var(--font-mono);color:var(--ink-3);font-size:12px;font-stretch:82%}.cs-guides-empty{background:var(--card);border-radius:var(--r-card);padding:32px}.cs-guide{padding-bottom:96px}.cs-guide-head{padding-top:48px;padding-bottom:32px}.cs-guide-head,.cs-guide-layout,.cs-guide-related{max-width:calc(780px + 48px + 260px + 2 * var(--margin))}.cs-guide-crumbs{color:var(--ink-3);align-items:center;gap:8px;font-size:14px;display:flex}.cs-guide-crumbs a{color:var(--ink-2);font-weight:600}.cs-guide-kind{flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 14px;font-size:15px;font-weight:600;display:flex}.cs-guide-kind span{color:var(--ink-3);font-weight:500}.cs-guide-kind span:before{content:"·";margin-right:8px}.cs-guide-lede{max-width:var(--measure);color:var(--ink-2);margin-top:18px;font-size:19px;line-height:1.55}.cs-guide-meta{font-family:var(--font-mono);color:var(--ink-3);flex-wrap:wrap;gap:6px 18px;margin-top:20px;font-size:12px;font-stretch:82%;display:flex}.cs-guide-meta a{color:var(--ink-2)}.cs-guide-layout{grid-template-columns:minmax(0,780px) 260px;align-items:start;gap:48px;display:grid}.cs-guide-card{background:var(--card);border-radius:var(--r-card);min-width:0;padding:36px 48px 32px}.cs-guide-toc-inline{background:var(--ground);border-radius:var(--r-control);margin-bottom:24px;padding:12px 16px;display:none}.cs-guide-toc-inline summary{cursor:pointer;min-height:28px;font-weight:600}.cs-guide-toc-inline ol{gap:6px;margin:8px 0 4px;padding-left:20px;font-size:15px;display:grid}.cs-guide-body{color:var(--ink-2);font-size:17px;line-height:1.7}.cs-guide-body>*+*{margin-top:18px}.cs-guide-body p,.cs-guide-body li{max-width:var(--measure)}.cs-guide-body h2{border-top:1px solid var(--rule-blue);color:var(--ink);letter-spacing:-.01em;text-wrap:balance;margin-top:52px;padding-top:28px;scroll-margin-top:84px;font-size:27px;font-weight:700;font-stretch:108%;line-height:1.15}.cs-guide-body>h2:first-child{border-top:0;margin-top:0;padding-top:0}.cs-guide-body h3{color:var(--ink);margin-top:34px;scroll-margin-top:84px;font-size:20px;font-weight:700;font-stretch:104%}.cs-guide-body h2+*,.cs-guide-body h3+*{margin-top:12px}.cs-guide-anchor{color:var(--ink-3);opacity:0;transition:opacity var(--d-quick);margin-left:8px;text-decoration:none}.cs-guide-body h2:hover .cs-guide-anchor,.cs-guide-body h3:hover .cs-guide-anchor,.cs-guide-anchor:focus-visible{opacity:1}.cs-guide-body a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule-blue);text-decoration-color:var(--rule-blue);text-decoration-thickness:2px}.cs-guide-body a:hover{color:var(--action);-webkit-text-decoration-color:var(--action);text-decoration-color:var(--action)}.cs-guide-body strong{color:var(--ink);font-weight:700}.cs-guide-body ul,.cs-guide-body ol{gap:8px;padding-left:24px;display:grid}.cs-guide-body ul{list-style:outside}.cs-guide-body ol{list-style:decimal}.cs-guide-body li::marker{color:var(--ink-3)}.cs-guide-body :not(pre)>code{background:var(--ground);color:var(--ink);overflow-wrap:anywhere;border-radius:3px;padding:1px 5px;font-size:.84em}.cs-guide-body blockquote{border-left:1px solid var(--rule);color:var(--ink-2);padding:4px 0 4px 18px;font-style:italic}.cs-guide-body hr{border:0;border-top:1px solid var(--rule-blue);margin-block:36px}.cs-guide-body .cs-code{margin-top:20px}.cs-guide-body figure{margin:30px 0}.cs-guide-body figure img{border-radius:var(--r-card);border:1px solid var(--rule);background:var(--ground);width:100%;height:auto;display:block}.cs-guide-body figcaption{max-width:var(--measure);color:var(--ink-3);margin-top:10px;font-size:14px;line-height:1.5}.cs-guide-body aside.cs-note{border-radius:var(--r-control);color:var(--ink);background:#f7eac3;max-width:none;padding:14px 18px;font-size:16px;line-height:1.6}.cs-guide-body aside.cs-note>:first-child{margin-top:0}.cs-guide-table{overflow-x:auto}.cs-guide-table table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}.cs-guide-table th{text-align:left;border-bottom:2px solid var(--ink);color:var(--ink);white-space:nowrap;padding:8px 12px 8px 0;font-weight:600}.cs-guide-table td{border-bottom:1px solid var(--rule-blue);vertical-align:top;padding:10px 12px 10px 0}.cs-guide-sources{border-top:1px solid var(--rule-blue);margin-top:48px;padding-top:22px}.cs-guide-sources h2{color:var(--ink);font-size:17px;font-weight:700}.cs-guide-sources ol{gap:6px;margin-top:10px;padding-left:20px;font-size:15px;list-style:decimal;display:grid}.cs-guide-sources a{color:var(--ink-2);overflow-wrap:anywhere}.cs-guide-feedback{color:var(--ink-3);margin-top:32px;font-size:14px;line-height:1.55}.cs-guide-feedback a{color:var(--ink-2)}.cs-guide-rail{gap:20px;display:grid;position:sticky;top:84px}.cs-guide-toc p{color:var(--ink-3);font-size:13px;font-weight:600}.cs-guide-toc ol{border-left:1px solid var(--rule);gap:2px;margin-top:10px;padding:0;list-style:none;display:grid}.cs-guide-toc a{color:var(--ink-2);padding:5px 0 5px 14px;font-size:14px;line-height:1.35;text-decoration:none;display:block}.cs-guide-toc a:hover{color:var(--action);text-decoration:underline;-webkit-text-decoration-color:var(--action);text-decoration-color:var(--action)}.cs-guide-try{background:var(--board-deep);color:var(--board-text);border-radius:var(--r-card);padding:20px}.cs-guide-try-kind{color:#fff;align-items:center;gap:8px;font-weight:700;font-stretch:104%;display:flex}.cs-guide-try p+p{margin-top:8px;font-size:14px;line-height:1.5}.cs-guide-try .cs-button{justify-content:center;width:100%;margin-top:16px}.cs-guide-related{margin-top:56px}.cs-guide-related h2{margin-bottom:14px;font-size:22px;font-weight:700;font-stretch:106%}.cs-guide-related ol{background:var(--card);border-radius:var(--r-card);max-width:780px;padding:4px 28px}@media (max-width:1099px){.cs-guides-layout{grid-template-columns:minmax(0,1fr)}.cs-guides-rail{position:static}.cs-guides-index{display:none}.cs-guide-layout{grid-template-columns:minmax(0,1fr)}.cs-guide-rail{position:static}.cs-guide-toc{display:none}.cs-guide-toc-inline{display:block}}@media (max-width:639px){.cs-guides-head{padding-top:36px}.cs-guides-drawer{padding:18px 18px 4px}.cs-guide-card{border-radius:var(--r-control);padding:22px 18px 20px}.cs-guide-body{font-size:16px}.cs-guide-body h2{margin-top:40px;padding-top:22px;font-size:23px}.cs-guide-body .cs-code{border-radius:0;max-width:none;margin-inline:-18px}.cs-guide-related ol{padding:4px 18px}.cs-guides-filter{padding-right:32px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000),linear-gradient(#000,#000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000),linear-gradient(#000,#000);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-size:100% calc(100% - 1px),100% 1px;mask-size:100% calc(100% - 1px),100% 1px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cs-guide-kind span{flex-basis:100%}.cs-guide-kind span:before{content:none}.cs-guide-crumbs a,.cs-guide-meta a,.cs-guide-toc-inline summary{align-items:center;min-height:44px;display:inline-flex}}