/* SHARED·TOOLCARD (409) — the in-context tool card (Track · slate). (D-360 · D-454)
 *
 * EXTRACTED from read.css (.wkr-toolcard), values verbatim, prefix renamed (wkr-toolcard→tlc).
 * FULL owns it: where a tool is central to doing the week, the tool card sits in context
 * (D-360). ⚠️ The live read still renders its own .wkr-toolcard copy until the reviewed
 * migration pass (see acard.css — same transient-duplication shape as 401 pre-D-722). */
.tlc { display: flex; align-items: flex-start; gap: var(--space-12); background: var(--kind-track-fill); border: 1px solid var(--slate-200); border-left: var(--dim-4) solid var(--kind-track-icon); border-radius: var(--radius-card); padding: var(--space-16); margin: var(--space-16) 0 0; } /* token-exception */
.tlc .act-wrap { margin-left: auto; align-self: flex-start; }
.tlc .tic { flex: none; width: var(--dim-32); height: var(--dim-32); border-radius: var(--radius-round); background: var(--slate-200); color: var(--kind-track-icon); display: flex; align-items: center; justify-content: center; }
.tlc .tic svg { width: var(--dim-16); height: var(--dim-16); }
.tlc .k { 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(--kind-track-icon); }
.tlc .ti { font-family: var(--font-display); font-weight: var(--weight-600); font-size: var(--text-body); margin-top: var(--nudge-2); }
.tlc .d { font-size: var(--text-caption); line-height: var(--leading-150); color: var(--text-secondary); margin-top: var(--space-4); }
.tlc .cta { margin-top: var(--space-12); display: inline-flex; align-items: center; gap: var(--space-4); font-family: var(--font-label); font-size: var(--text-caption); font-weight: var(--weight-600); color: var(--nav-active); background: none; border: 0; cursor: pointer; padding: 0; }
.tlc .cta:active { opacity: 0.72; }
.tlc .cta:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset); }