.guides-shell{--guide-bg:#fff;--guide-ink:#0f172a;--guide-muted:#475569;--guide-border:#cbd5e1;--guide-soft:#f1f5f9;--guide-link:#1d4ed8;color:var(--guide-ink);margin-inline:auto}.dark .guides-shell{--guide-bg:#0f172a;--guide-ink:#f1f5f9;--guide-muted:#cbd5e1;--guide-border:#475569;--guide-soft:#1e293b;--guide-link:#93c5fd;--guide-bg:var(--ds-panel);--guide-ink:var(--ds-ink);--guide-muted:var(--ds-muted);--guide-border:var(--ds-line);--guide-soft:var(--ds-soft);--guide-link:var(--ds-accent)}.guides-shell a{color:var(--guide-link);text-underline-offset:3px}.guides-shell a:hover{text-decoration:underline}.guide-heading{line-height:1.25;font-weight:800;letter-spacing:-.025em;margin-block:1rem}.guide-intro{color:var(--guide-muted);line-height:1.8}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-block-start:2rem}.guide-card{display:flex;flex-direction:column;border:1px solid var(--guide-border);overflow:clip;background:var(--guide-bg)}.guide-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.guide-card-body{display:flex;flex-direction:column;gap:.85rem;flex:1}.guide-card h2{font-weight:700}.guide-card p{line-height:1.75;color:var(--guide-muted);flex:1}.guide-tags{display:flex;flex-wrap:wrap;gap:.5rem}.guide-tags span{background:var(--guide-soft)}.guide-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.25rem;font-size:.875rem;line-height:1.8;color:var(--guide-muted);margin-block:1rem}.guide-action{display:inline-flex;align-items:center;min-height:44px;font-weight:600;gap:.5rem}.guide-button{background:var(--guide-soft);color:var(--guide-ink);border:1px solid var(--guide-border);cursor:pointer;min-height:44px;font-size:.875rem}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:2.5rem;align-items:start;margin-block-start:2rem}.guide-toc{grid-column:2;grid-row:1;position:sticky;top:6rem;max-height:calc(100vh - 7rem);overflow-y:auto;border-inline-start:2px solid var(--guide-border);padding-inline-start:1rem;line-height:1.6}.guide-toc summary{font-weight:700;cursor:pointer;padding-block:.5rem}.guide-toc li{margin-block:.55rem}.guide-article{grid-column:1;grid-row:1;min-width:0}.guide-summary{background:var(--guide-soft);margin-block-end:2rem}.guide-summary h2{font-weight:700;margin-block-end:.5rem}.guide-summary ul{list-style:disc;padding-inline-start:1.5rem;line-height:1.8}.guide-prose h2{font-weight:750;margin-block:2rem .8rem;scroll-margin-top:6rem;line-height:1.4}.guide-prose h3{font-size:1.2rem;font-weight:700;margin-block:1.5rem .6rem;scroll-margin-top:6rem}.guide-prose figure,.guide-prose ol,.guide-prose p,.guide-prose ul{margin-block:1rem}.guide-prose ol,.guide-prose ul{padding-inline-start:1.6rem}.guide-prose ul{list-style:disc}.guide-prose ol{list-style:decimal}.guide-prose code{font-size:.875em;overflow-wrap:normal;word-break:normal;direction:ltr;unicode-bidi:isolate}.guide-prose :not(pre)>code{background:var(--guide-soft);padding:.15rem .35rem;border-radius:.25rem}.guide-prose pre{direction:ltr;text-align:left;border:1px solid var(--guide-border);border-radius:.6rem;padding:1rem;overflow-x:auto;white-space:pre;background:var(--shiki-light-bg,#fff)!important;color:var(--shiki-light,#24292e)!important}.guide-prose pre span{color:var(--shiki-light)!important}.dark .guide-prose pre{background:var(--shiki-dark-bg,#24292e)!important;color:var(--shiki-dark,#e1e4e8)!important}.dark .guide-prose pre span{color:var(--shiki-dark)!important}.guide-prose pre code{word-break:normal;overflow-wrap:normal;display:block;min-width:max-content}.guide-code{margin-block:1.25rem}.guide-code-toolbar{display:flex;justify-content:flex-end;margin-block-end:.4rem}.guide-code pre{margin:0}.guide-flow{background:var(--guide-soft);border:1px solid var(--guide-border);padding:1rem;border-radius:.75rem}.guide-flow ol{display:flex;flex-wrap:wrap;gap:1rem;padding:0;list-style:none}.guide-flow li{flex:1 1 120px;padding:.75rem;border:1px solid var(--guide-border);border-radius:.5rem;background:var(--guide-bg);text-align:center}.guide-flow figcaption{font-size:.875rem;color:var(--guide-muted)}.guide-related{border-top:1px solid var(--guide-border);margin-block-start:2rem;padding-block-start:1.5rem}.guide-related h2{font-weight:700;font-size:1.25rem}.guide-related p{color:var(--guide-muted);line-height:1.8;margin-block:.5rem}.guide-navigation{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;border-top:1px solid var(--guide-border);margin-block-start:2rem;padding-block-start:1rem}@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-layout{grid-template-columns:1fr;gap:1.5rem}.guide-toc{grid-column:1;grid-row:1;position:static;max-height:none}.guide-article{grid-column:1;grid-row:2}}@media(max-width:600px){.guides-shell{padding:1.25rem 1rem 3rem}.guide-grid{grid-template-columns:1fr;margin-block-start:1.25rem}.guide-heading{font-size:1.8rem}.guide-meta{gap:.5rem 1rem}}.guides-shell{--guide-bg:var(--ds-panel);--guide-ink:var(--ds-ink);--guide-muted:var(--ds-muted);--guide-border:var(--ds-line);--guide-soft:var(--ds-soft);--guide-link:var(--ds-accent);padding:2rem 0 3rem;max-width:1184px}.guide-heading{font-size:clamp(2rem,4.5vw,3.5rem);font-weight:760;max-width:22ch;margin-block:1.1rem}.guide-intro{max-width:62ch;font-size:1.125rem}.guide-index-divider{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--guide-border);padding-block:1.5rem .25rem;color:var(--guide-muted)}.guide-index-divider>span{font-family:var(--font-mono);font-size:1.5rem}.guide-index-divider .guide-meta bdi{color:var(--guide-link);font-family:var(--font-mono);font-size:1.25rem}.guide-card{border-radius:14px;transition:border-color .2s,box-shadow .2s,transform .2s}.guide-card:hover{border-color:var(--guide-link);box-shadow:var(--ds-shadow);transform:translateY(-3px)}.guide-card-body{padding:1.5rem;gap:1rem}.guide-card h2{font-size:1.4rem;line-height:1.45;letter-spacing:-.015em}.guide-card h2 a{color:var(--guide-ink)}.guide-card h2 a:hover{color:var(--guide-link)}.guide-tags{font-size:.75rem;font-weight:650}.guide-tags span{background:0 0;border-radius:0;padding:0;color:var(--guide-muted)}.guide-tags span+span:before{content:" / ";margin-inline-end:.5rem;opacity:.6}.guide-card .guide-action{border-top:1px solid var(--guide-border);padding-block-start:1rem;justify-content:space-between}.guide-card .guide-action:after{content:"↗";font-size:1.2rem}[dir=rtl] .guide-card .guide-action:after{transform:scaleX(-1)}.guide-article-header{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:2rem;align-items:center;border-bottom:1px solid var(--guide-border);padding-block:1.5rem 2rem}.guide-article-art{width:100%;border-radius:14px;border:1px solid var(--guide-border)}.guide-article-heading-copy{min-width:0}.guide-article-header .guide-heading{font-size:clamp(2rem,3.8vw,3.2rem)}.guide-article-header .guide-intro{font-size:1rem}.guide-layout{grid-template-columns:minmax(0,760px) 220px;justify-content:space-between;gap:3rem}.guide-prose{overflow-wrap:anywhere;font-size:1.125rem;line-height:1.9}.guide-prose h2{border-top:1px solid var(--guide-border);padding-block-start:1.5rem;margin-block-start:2.5rem;font-size:1.65rem}.guide-summary{border-inline-start:3px solid var(--guide-link);border-radius:0 12px 12px 0;padding:1.5rem}[dir=rtl] .guide-summary{border-radius:12px 0 0 12px}.guide-toc{font-size:.875rem;border-inline-start:1px solid var(--guide-border)}.guide-toc a{color:var(--guide-muted);display:block;padding-block:.3rem}.guide-toc a:hover{color:var(--guide-link)}.guide-button{border-radius:8px;padding:.6rem .9rem}.guide-related{padding:1.5rem;background:var(--guide-bg);border:1px solid var(--guide-border);border-radius:12px}@media(max-width:900px){.guide-layout{grid-template-columns:1fr;gap:1.5rem}.guide-article-header{grid-template-columns:1fr 180px}.guide-toc{border:1px solid var(--guide-border);border-radius:12px;padding:.8rem 1rem;background:var(--guide-bg)}}@media(max-width:600px){.guides-shell{padding:1rem 0 2rem}.guide-article-header{grid-template-columns:1fr;gap:1rem}.guide-article-art{max-height:180px;object-fit:cover}.guide-prose{font-size:1rem}.guide-heading{font-size:2.1rem}.guide-summary{padding:1.2rem}}@media(prefers-reduced-motion:reduce){.guide-card:hover{transform:none}}