/* SHARED·TIP (418) — "One small thing", the tip callout (teal, D-440). (D-035 · D-621 noun)
 * EXTRACTED from read.css (.wkr-tip), values verbatim, prefix renamed (→ tpb).
 * 0–N per week, riding inside its host cell (D-035: no quota, no fixed slot).
 * ⚠️ The live read keeps its copy until the reviewed migration pass. */
.tpb { display: flex; gap: var(--space-12); align-items: flex-start; background: var(--teal-100); border: 1px solid var(--teal-200); border-left: var(--dim-4) solid var(--accent); border-radius: 0 var(--radius-card) var(--radius-card) 0; padding: var(--space-12) var(--space-16); margin: var(--space-16) 0 0; } /* token-exception */
.tpb .ic { flex: none; width: var(--dim-16); height: var(--dim-16); color: var(--accent); margin-top: var(--nudge-2); }
.tpb .bd { font-size: var(--text-caption); line-height: var(--leading-150); }
.tpb .act-wrap { margin-left: auto; align-self: flex-start; }