/* Tarjeta «Practica con estas herramientas» (curso en vivo y a tu ritmo).
   Usa las mismas variables de color del aula (theme-wharton.css). */
.mc-tools{display:grid;gap:8px}
.mc-tool{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:8px 10px;border:1px solid var(--mcw-line);border-radius:2px;color:var(--mcw-ink);text-decoration:none;transition:border-color .15s,background .15s}
a.mc-tool:hover,a.mc-tool:focus-visible{border-color:var(--mcw-crimson);background:var(--mcw-crimson-bg,#FBEAEE);color:var(--mcw-ink)}
.mc-tool b{font-size:12.5px;line-height:1.3;font-weight:700;min-width:0;overflow-wrap:anywhere}
.mc-tool__ic{width:34px;height:34px;display:grid;place-items:center;background:var(--mcw-navy,#0B1220);color:#fff;border-radius:2px;font-size:16px}
.mc-tool__ic.ext{background:var(--mcw-bg-alt,#F5F7FA);color:var(--mcw-ink);border:1px solid var(--mcw-line)}
.mc-tool__go{color:var(--mcw-muted);font-size:13px}
a.mc-tool:hover .mc-tool__go{color:var(--mcw-crimson)}
.mc-tool.lock{opacity:.75;cursor:default}
.mc-tool.lock .mc-tool__ic{background:var(--mcw-lock-bg,#F0F1F4);color:var(--mcw-lock,#5F6878)}
@media (prefers-reduced-motion:reduce){.mc-tool{transition:none}}