.demo-guide{margin:0 0 1.5rem;padding:clamp(1rem,2.4vw,1.6rem);color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-control);border-radius:.75rem}.demo-guide-intro{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap}.demo-guide-eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.09em;color:var(--text-tertiary);margin:0}.demo-guide-lede{max-width:54ch;margin:.5rem 0 0;font-size:.94rem;line-height:1.65}.demo-guide-action{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:2.75rem;padding:.7rem 1rem;background:var(--accent);border:1px solid var(--accent);border-radius:.4rem;color:var(--accent-ink);font-size:.9rem;font-weight:600;text-align:center;cursor:pointer}.demo-guide-action:hover{background:var(--accent-hover)}.demo-guide-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:.85rem}.demo-guide-back,.demo-guide-exit{min-height:2.75rem;padding:.35rem .5rem;color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.demo-guide-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.25rem 2rem;align-items:center;padding-top:1rem}.demo-guide-count{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);margin:0 0 .45rem}.demo-guide-title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,2.7vw,2rem);line-height:1.2;letter-spacing:-.025em}.demo-guide-description{font-size:.9rem;line-height:1.7;color:var(--text-secondary);margin:.55rem 0 0;max-width:60ch}.demo-guide-steps{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.demo-guide-steps button{display:flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:.45rem .65rem;border:1px solid var(--border);border-radius:.35rem;background:var(--surface-base);color:var(--text-secondary);font-size:.8rem;cursor:pointer}.demo-guide-steps button span{font:400 .69rem var(--font-mono);color:var(--text-tertiary)}.demo-guide-steps button[aria-current=step]{border-color:var(--accent);color:var(--text-primary);box-shadow:inset 0 -2px var(--accent)}.demo-guide-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:1.15rem}.demo-guide :is(button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:760px){.demo-guide-grid{grid-template-columns:minmax(0,1fr)}.demo-guide-steps{justify-content:flex-start}.demo-guide-steps button{flex:1 1 29%;justify-content:center}.demo-guide-intro .demo-guide-action{width:100%}}@media(prefers-reduced-motion:reduce){.demo-guide *{transition:none!important;animation:none!important}}.case-tabs-with-location{display:flex;min-width:0;align-items:stretch}.case-tabs-with-location .case-tab-location{display:flex;flex:0 0 auto;min-width:6.5rem;flex-direction:column;align-items:flex-start;justify-content:center;gap:.18rem;padding:.3rem 1rem;border-right:1px solid var(--border);background:var(--surface-raised)}.case-tabs-with-location .case-tab-reference{color:var(--text-primary);font-family:var(--font-mono);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums}.case-tabs-with-location .case-tab-current{font-size:.72rem;line-height:1.35;color:var(--text-tertiary)}.case-tabs-with-location .case-tab-viewport{flex:1 1 auto;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.case-tabs-with-location .case-tab-viewport:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.case-tabs-with-location [role=tablist]{width:max-content;min-width:100%}@media(max-width:760px){.case-tabs-with-location{display:block}.case-tabs-with-location .case-tab-location{width:100%;min-height:1.8rem;padding:.32rem 1rem;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;border-right:0;border-bottom:1px solid var(--hairline)}.case-tabs-with-location .case-tab-current{font-size:.78rem;color:var(--text-secondary)}.case-tabs-with-location .case-tab-viewport{width:100%}}@media(prefers-reduced-motion:reduce){.case-tabs-with-location .case-tab-viewport{scroll-behavior:auto}}