/* Shared component: "Inside the voice" (assets/demos/voice-xray.js). Token fallbacks let it render on pages without index.html tokens. */
.voice-xray{display:grid;gap:var(--s-item,24px);padding:24px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}
.voice-xray-eyebrow,.voice-xray-stage-label,.voice-xray-who{font:600 var(--t-xs,16px)/1.3 var(--sans);font-variant-caps:all-small-caps;letter-spacing:.06em;color:var(--muted)}
.voice-xray-title{margin:6px 0 0;font:400 var(--t-lg,30px)/1.15 var(--serif)}
.voice-xray-tabs{display:flex;flex-wrap:wrap;gap:8px}
.voice-xray-tab,.voice-xray-btn{font:inherit;font-size:var(--t-xs,16px);padding:8px 12px;border:1px solid var(--border);background:transparent;color:inherit;cursor:pointer}
.voice-xray-tab[aria-pressed="true"]{background:var(--text);color:var(--surface-2)}
.voice-xray-btn:disabled{opacity:.45;cursor:default}
.voice-xray-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s-item,24px);align-items:start}
.voice-xray-log{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-height:420px;min-height:220px;overflow:auto}
.voice-xray-turn{display:grid;gap:4px;padding:10px 12px;border-left:2px solid var(--border)}
.voice-xray-turn[data-who="agent"]{border-left-color:var(--world-accent,var(--accent))}
.voice-xray-turn.is-key{background:color-mix(in srgb,var(--world-accent,var(--accent)) 10%,transparent)}
.voice-xray-text{font-size:var(--t-sm,16px);line-height:1.5}
.voice-xray-pipe{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.voice-xray-stage{display:grid;grid-template-columns:110px minmax(0,1fr);gap:2px 12px;padding:10px 12px;border:1px solid var(--border);opacity:.5;transition:opacity .25s}
.voice-xray-stage.is-on{opacity:1}
.voice-xray-stage-meta{font-size:var(--t-xs,16px);color:var(--muted)}
.voice-xray-stage-result{grid-column:2;font-size:var(--t-sm,16px);font-weight:600}
.voice-xray-stage-result:empty{display:none}
.voice-xray-stage[data-tone="hit"]{border-color:var(--world-accent,var(--accent));border-width:2px}
.voice-xray-stage[data-tone="hit"] .voice-xray-stage-result::before{content:"\25A0  "}
.voice-xray-stage[data-tone="script"] .voice-xray-stage-result::before{content:"\25A0  "}
.voice-xray-controls{display:flex;flex-wrap:wrap;gap:8px}
.voice-xray-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.voice-xray-note{margin:0;font-size:var(--t-xs,16px);color:var(--muted)}
@media (prefers-reduced-motion:reduce){.voice-xray-stage{transition:none}}
@media (max-width:760px){.voice-xray-body{grid-template-columns:minmax(0,1fr)}.voice-xray{padding:16px}.voice-xray-stage{grid-template-columns:minmax(0,1fr)}.voice-xray-stage-result{grid-column:1}}