.d-layout{grid-template-columns:220px minmax(0,1fr);gap:48px;padding:40px 0 96px;display:grid}@media (max-width:900px){.d-layout{grid-template-columns:minmax(0,1fr);gap:24px}.d-toc{position:static!important}}.d-toc{align-self:start;font-size:13.5px;position:sticky;top:88px}.d-toc b{letter-spacing:.04em;text-transform:uppercase;color:var(--s-muted);margin:18px 0 6px;font-size:11.5px;font-weight:600;display:block}.d-toc a{color:var(--s-ink-2);padding:4px 0;display:block}.d-toc a:hover{color:var(--s-ink)}.d-body{max-width:820px;color:var(--s-ink-2);font-size:15px;line-height:1.65}.d-body h1{font-family:var(--s-head);letter-spacing:-.02em;color:var(--s-ink);margin:0 0 12px;font-size:44px;font-weight:400;line-height:1.1}.d-body h2{font-family:var(--s-head);letter-spacing:-.01em;color:var(--s-ink);margin:56px 0 12px;scroll-margin-top:88px;font-size:28px;font-weight:400}.d-body h3{color:var(--s-ink);margin:28px 0 8px;scroll-margin-top:88px;font-size:16px;font-weight:600}.d-body p{margin:0 0 12px}.d-body ul,.d-body ol{margin:0 0 12px;padding-left:20px}.d-body li{margin:4px 0}.d-body :where(a){text-underline-offset:3px;color:var(--s-ink);text-decoration:underline}.d-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.d-body :not(pre)>code{background:var(--s-layer);color:var(--s-ink);border-radius:6px;padding:1px 6px}.d-table{border-collapse:collapse;width:100%;margin:8px 0 16px;font-size:14px}.d-table th,.d-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--s-line);padding:9px 12px}.d-table th{color:var(--s-ink);background:var(--s-layer);font-weight:600}.d-scroll{overflow-x:auto}.d-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0 8px;display:grid}.d-card{border:1px solid var(--s-line);background:var(--s-bg);border-radius:16px;padding:16px}.d-card h4{color:var(--s-ink);margin:0 0 4px;font-size:15px;font-weight:600}.d-card p{margin:0;font-size:13.5px}.d-card .d-for{color:var(--s-muted);margin-top:8px;font-size:12.5px}.d-note{border-left:3px solid var(--s-ink);background:var(--s-layer);border-radius:0 12px 12px 0;margin:12px 0 16px;padding:12px 16px;font-size:14px}.d-code{background:#16130f;border:1px solid #2b2724;border-radius:14px;margin:10px 0 18px;overflow:hidden}.d-code-bar{color:#a8a29e;border-bottom:1px solid #2b2724;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:flex}.d-code-title{color:#e7e5e4}.d-tabs{flex-wrap:wrap;gap:2px;display:flex}.d-tabs button{color:#a8a29e;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:3px 9px}.d-tabs button[aria-selected=true]{color:#fafaf9;background:#2b2724}.d-copy{color:#d6d3d1;font:inherit;cursor:pointer;background:0 0;border:1px solid #3d3833;border-radius:7px;margin-left:auto;padding:3px 9px}.d-code pre{color:#f5f5f4;margin:0;padding:14px 16px;font-size:13px;line-height:1.55;overflow-x:auto}.g-tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.g-tabs a{color:var(--s-ink-2);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:500}.g-tabs a:hover{background:var(--s-layer);color:var(--s-ink)}.g-tabs a[aria-current=page]{background:var(--s-ink);color:var(--s-bg,#fff)}.g-cta{gap:8px;margin-top:24px;display:grid}.g-cta .s-btn{justify-content:center;padding:10px 16px}.d-toc .g-cta .s-btn-dark{color:#fff}.g-body h1{margin-top:0}.g-body h2,.g-body h3{scroll-margin-top:96px}.g-body hr{border:0;border-top:1px solid var(--s-line,#00000014);margin:32px 0}.g-body li>ul,.g-body li>ol{margin:4px 0}.g-body .d-table td{vertical-align:top}@media (max-width:900px){.g-cta{display:none}}.g-body ul{padding-left:22px;list-style:outside}.g-body ol{padding-left:22px;list-style:decimal}.d-toc .g-cta .s-btn{text-align:center;display:flex}.g-main{min-width:0;max-width:820px}.g-film{margin:0 0 36px;animation:.7s cubic-bezier(.2,.8,.2,1) both g-rise}.g-film video{aspect-ratio:16/9;background:var(--s-layer);width:100%;box-shadow:0 30px 70px -30px #281e5a59, 0 0 0 1px var(--s-line);border-radius:20px;display:block}.g-film figcaption,.g-shot figcaption{color:var(--s-muted);text-align:center;margin-top:10px;font-size:13px}.g-shot{margin:22px 0 26px}.g-shot img{width:100%;height:auto;box-shadow:0 20px 50px -28px #281e5a59, 0 0 0 1px var(--s-line);border-radius:16px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;display:block}@media (hover:hover){.g-shot img:hover{box-shadow:0 30px 60px -28px #281e5a73, 0 0 0 1px var(--s-line-2);transform:translateY(-3px)}}.g-body>.g-rv{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(18px)}.g-body>.g-rv.g-in{opacity:1;transform:none}.g-body>.g-shot.g-rv{transform:translateY(28px)scale(.98)}.g-body>.g-shot.g-rv.g-in{transform:none}.d-toc a{transition:color .2s,transform .2s}.d-toc a[data-active]{color:var(--s-ink);font-weight:500;transform:translate(4px)}@keyframes g-rise{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.g-film{animation:none}.g-shot img{transition:none}}
