.sp-demo{align-items:start}.sp-demo-picker{min-width:0}.sp-demo-hint{font-size:.9rem;line-height:1.6;margin:0 0 18px;color:var(--sp-muted)}.sp-demo-tabs{display:grid;gap:10px;margin-bottom:26px}.sp-demo-tab{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:14px 17px;border:1px solid var(--sp-line);border-radius:9px;color:var(--sp-text);text-decoration:none;font-size:1rem;font-weight:600;background:var(--sp-bg)}.sp-demo-tab>span:last-child{color:var(--sp-accent)}.sp-demo-tab:hover{border-color:var(--sp-accent);background:var(--sp-tint)}.sp-demo-tab[aria-selected=true]{color:var(--sp-text);background:var(--sp-tint);border:2px solid var(--sp-accent);padding:13px 16px;box-shadow:inset 4px 0 0 var(--sp-accent)}.sp-demo-tab:focus-visible,.sp-demo-panel:focus-visible{outline:3px solid var(--sp-accent);outline-offset:4px}.sp-demo-panels{min-width:0}.sp-demo-panel[hidden]{display:none!important}.sp-demo-panel{scroll-margin-top:110px}.sp-demo-panel+.sp-demo-panel{margin-top:36px}.is-interactive .sp-demo-panel+.sp-demo-panel{margin-top:0}.sp-demo-panel .sp-shot img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--sp-tint)}.sp-demo-panel figcaption{gap:12px}.sp-demo-panel figcaption>span{font-size:.78rem}.sp-demo-panel figcaption>a{flex-shrink:0}.sp-demo-panel h3{min-height:1.5em}
@media(max-width:760px){.sp-demo{gap:24px}.sp-demo-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px}.sp-demo-tab{font-size:.87rem;padding:12px 10px;gap:6px}.sp-demo-tab[aria-selected=true]{padding:11px 9px}.sp-demo-hint{margin-bottom:14px}.sp-demo-panel figcaption{flex-wrap:wrap}.sp-demo-panel figcaption>span{flex-basis:100%}}
[data-contrast=high] .sp-demo-tab{color:#000!important;background:#fff!important;border-color:#000!important}[data-contrast=high] .sp-demo-tab[aria-selected=true]{color:#fff!important;background:#000!important;box-shadow:none}[data-contrast=high] .sp-demo-tab[aria-selected=true] span{color:#fff!important}[data-contrast=high] .sp-demo-tab>span:last-child{color:#000}