/* SHARED·TRACKQ (410) — the inline tracking question (Track · slate). (D-280/281 · D-397 · D-621)
 *
 * EXTRACTED from read.css (.wkr-trackq), values verbatim, prefix renamed (wkr-trackq→tkq).
 * Parent-led capture: reading = tracking. ⚠️ SaMD: logs the parent's OWN observation, never a
 * per-child verdict (D-397). Actions = Remind·Share, NO Pin (D-621: a prompt is answered, not
 * collected). ⚠️ The live read still renders its own copy until the reviewed migration pass.
 * The .qk head is the D-614 notice-head anatomy in the Track colour (heading-led, D-619 1C). */
.tkq { background: var(--kind-track-fill); border: 1px solid var(--slate-200); border-radius: var(--radius-card); padding: var(--space-16); margin: var(--space-16) 0 0; } /* token-exception */
.tkq .qk { display: flex; align-items: center; gap: var(--space-8); font-family: var(--font-display); font-size: var(--text-body); font-weight: var(--weight-600); margin-bottom: var(--space-8); color: var(--kind-track-icon); }
.tkq .qk svg { width: var(--dim-16); height: var(--dim-16); }
.tkq .qk .act-wrap { margin-left: auto; }
.tkq .q { font-family: var(--font-display); font-weight: var(--weight-600); font-size: var(--size-15); /* token-exception */ /* the locked question size — no --text-* role at 15 */ color: var(--text-primary); margin-bottom: var(--space-12); }
.tkq .ans { display: flex; flex-wrap: wrap; gap: var(--space-8); }
.tkq .ans button { font-family: var(--font-label); font-size: var(--text-caption); font-weight: var(--weight-600); color: var(--nav-active); background: var(--surface-card); border: 1px solid var(--accent); border-radius: var(--radius-pill); padding: var(--space-8) var(--space-16); cursor: pointer; } /* token-exception */
.tkq .ans button:active { transform: scale(0.97); }
.tkq .ans button:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset); }
.tkq .ans button.sel { background: var(--accent); color: var(--text-on-accent); }
.tkq .done { font-family: var(--font-label); font-size: var(--text-meta); color: var(--kind-track-icon); margin-top: var(--space-12); display: none; }
.tkq.answered .done { display: block; }
.tkq .dest { display: flex; align-items: center; gap: var(--space-8); width: 100%; margin-top: var(--space-12); padding: var(--space-8) 0 0; border: 0; border-top: 1px solid var(--slate-200); background: none; text-align: left; font-family: var(--font-label); font-size: var(--text-label); font-weight: var(--weight-600); color: var(--kind-track-icon); cursor: pointer; }
.tkq .dest svg { flex: none; width: var(--dim-16); height: var(--dim-16); stroke: var(--kind-track-icon); fill: none; }
.tkq .dest .ar { margin-left: auto; }
.tkq .dest:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset); }