/* A scoped answer on the ask page: the scope bar, the evidence-backed answer, its evidence and
   provenance. Layered on the design system; the ask layout loads this after ask-page.css. */
.scopebar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border:var(--bw-hair) solid var(--rule);border-left:var(--bw-thick) solid var(--accent);border-radius:var(--radius-md);background:var(--surface-card);font-size:var(--t-small);color:var(--text-body)}
.scopebar__label{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--text-muted)}
.scopebar b{color:var(--text-strong);overflow-wrap:anywhere}
.scopebar a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px}
.scopebar__ver{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--text-muted)}

.exp{display:grid;gap:var(--space-4);margin-bottom:var(--space-6)}
.exp__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}
.exp__head h2{margin:0;font-family:var(--font-display);font-size:var(--t-h4);color:var(--text-strong)}
.exp__eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--text-muted)}
.exp--unsupported{padding:var(--space-4);border:var(--bw-hair) solid color-mix(in srgb,var(--danger) 40%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--danger) 8%,transparent)}
.exp--unsupported h2{margin:0;font-size:var(--t-body);color:var(--text-strong)}
.exp__limits{margin:var(--space-2) 0 0;padding-left:1.2em;font-size:var(--t-small);color:var(--text-muted);display:grid;gap:.25em}
.exp__seg{display:grid;gap:var(--space-2);padding:var(--space-4);border:var(--bw-hair) solid var(--rule);border-radius:var(--radius-md);background:var(--surface-card)}
.exp__seg--interpretation{border-left:var(--bw-thick) solid var(--accent)}
.exp__seg--suggestion{border-left:var(--bw-thick) solid var(--good)}
.exp__seg .md{font-size:var(--t-small);line-height:1.6;color:var(--text-body)}
.exp__seg .md>:first-child{margin-top:0}.exp__seg .md>:last-child{margin-bottom:0}
.exp__seg .md code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-inset);border-radius:var(--radius-xs);padding:.05em .3em}
.exp__refs{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.exp__refs a{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--accent-ink);border:var(--bw-hair) solid var(--rule);border-radius:var(--radius-xs);padding:.2em .5em;text-decoration:none}
.exp__refs a:hover{border-color:var(--accent)}
.exp__note{margin:0;font-size:var(--t-micro);color:var(--text-muted)}
.exp__prov{border:var(--bw-hair) solid var(--rule);border-radius:var(--radius-md);background:var(--surface-card)}
.exp__prov>summary{cursor:pointer;padding:var(--space-3) var(--space-4);font-size:var(--t-small);font-weight:var(--w-medium);color:var(--text-strong)}
.exp__provbody{display:grid;gap:var(--space-4);padding:var(--space-4);border-top:var(--bw-hair) solid var(--rule)}
.exp__evidence{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}
.exp__evidence>li{padding:var(--space-3);border:var(--bw-hair) solid var(--rule);border-radius:var(--radius-sm);background:var(--surface-inset);font-size:var(--t-micro)}
.exp__evhead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);color:var(--text-body)}
.exp__evhead a{color:var(--accent-ink)}
.exp__evidence pre{margin:var(--space-2) 0 0;max-height:12rem;overflow:auto;white-space:pre-wrap;font-family:var(--font-mono);color:var(--text-muted)}
.exp__key{margin:var(--space-2) 0 0;font-family:var(--font-mono);font-size:9px;color:var(--text-muted);overflow-wrap:anywhere}
.exp__dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-2);margin:0;font-size:var(--t-micro)}
.exp__dl dt{color:var(--text-muted)}
.exp__dl dd{margin:0;font-family:var(--font-mono);color:var(--text-body);overflow-wrap:anywhere}

/* The shared project selection (components/project-selection), on the ask page and the log. */
.psel{display:grid;gap:var(--space-3);margin-bottom:var(--space-6)}
.psel__current{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.psel__current form{display:flex}
.psel__name{font-size:var(--t-body);font-weight:var(--w-medium);color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.psel__pick{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.psel__pick label{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--text-muted)}
.psel__pick .burg-select{flex:1;min-width:12rem}
.psel__error{margin:0;flex-basis:100%;font-size:var(--t-micro);color:var(--danger-strong)}
.psel__empty{margin:0;padding:var(--space-5) 0;border-block:var(--bw-hair) solid var(--rule);text-align:center;font-size:var(--t-small);color:var(--text-muted);text-wrap:pretty}
.psel__add{margin:0;text-align:center}
.psel__add a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px}
.psel__gate{display:grid;gap:var(--space-3);justify-items:start;padding:var(--space-4);border:var(--bw-hair) solid var(--rule);border-radius:var(--radius-md);background:var(--surface-card)}
.psel__gate p{margin:0;font-size:var(--t-small);color:var(--text-muted)}
