/* SHARED·FAQ (413) — the content-gated FAQ block. (D-613 · D-615.1 · O-066)
 *
 * EXTRACTED from read.css (.wkr-faq), values verbatim, prefix renamed (wkr-faq→fqb).
 * D-613: a CLOSED row is QUESTION-ONLY and expands by tapping — no +/– marker, no chevron
 * (AFFORDANCE-SPEC §1/§6.3: disclosure has no glyph; the chevron is spoken for). Pin·Share
 * live INSIDE the open answer, after the answer + source line — actions are content-gated
 * (O-066 by construction). The extent unit is the WHOLE block (D-615.1). Constant pad /
 * negative margin so the whole-block fill causes no reflow (the 502 machinery consumes that;
 * it stays with the surface). ⚠️ The live read keeps its copy until the migration pass. */
.fqb { margin: var(--space-20) calc(-1 * var(--space-8)) 0; padding: 0 var(--space-8); border-radius: var(--radius-card); }
.fqb .fh { display: flex; align-items: center; gap: var(--space-4); font-family: var(--font-label); font-size: var(--text-micro); font-weight: var(--weight-600); text-transform: uppercase; letter-spacing: var(--tracking-05); color: var(--nav-active); margin-bottom: var(--space-8); }
.fqb .fh svg { width: var(--dim-16); height: var(--dim-16); }
.fqb details { border-top: 1px solid var(--border-hairline); padding: var(--space-8) 0; } /* token-exception */
.fqb summary { font-size: var(--text-body-sm); font-weight: var(--weight-600); cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: var(--space-12); }
.fqb summary::-webkit-details-marker { display: none; }
.fqb summary:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset); }
.fqb summary:active { opacity: 0.72; }
.fqb p { font-size: var(--text-caption); line-height: var(--leading-150); color: var(--text-secondary); margin: var(--space-8) 0 0; }
.fqb .fact { display: flex; align-items: center; gap: var(--space-12); margin-top: var(--space-4); }
.fqb .fact .qsrc { flex: 1; min-width: 0; margin-top: 0; }
.fqb .fact .act-wrap { margin-left: auto; }
.fqb .qsrc { font-family: var(--font-label); font-size: var(--text-micro); color: var(--text-tertiary); margin-top: var(--space-4); }