.sb .scope-sample-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;background:var(--night-line);border:1px solid var(--night-line);border-top:0}.sb .scope-sample-areas li{padding:20px 22px;background:var(--night-raised)}.sb .scope-sample-areas span{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.08em;color:var(--night-ink-3)}.sb .scope-sample-areas strong{font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--night-ink)}.sb .scope-sample-areas p{margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--night-ink-2)}.sb .scope-sample-engines{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0;padding:14px 22px;border:1px solid var(--night-line);border-top:0;border-radius:0 0 14px 14px;background:var(--night-raised);font-size:13px;color:var(--night-ink)}.sb .scope-sample-engines span{display:inline-flex;align-items:center;gap:6px;font-weight:600}.sb .scope-sample-engines em{font-style:normal;color:var(--night-ink-2)}.sb .scope-sample-app{width:min(1240px,calc(100% - 2 * var(--sb-gutter, 40px)));margin:32px auto 0}.sb .scope-sample-app-frame{padding:24px;border:1px solid var(--night-line);border-radius:18px;overflow:clip}.sb .scope-sample-app-note{margin:10px 4px 0;font-size:12px;color:var(--night-ink-3)}.sb .scope-sample-pulse{padding:20px;border:1px solid var(--night-line);border-radius:16px}.sb .scope-sample-pulse-hold{min-height:320px}@media (max-width:760px){.sb .scope-sample-areas{grid-template-columns:1fr}.sb .scope-sample-app{width:calc(100% - 2 * var(--sb-gutter, 16px));margin-top:24px}.sb .scope-sample-app-frame{padding:4px;border:0;border-radius:0;background:transparent}.sb .scope-sample-pulse{padding:12px}}