/* tools-embed.css — wrapper styling for a single tool embedded inside an article.
   Reuses .lab-tool / chart / metric styles from tools2.css + tools-chart.css;
   this only styles the embed shell so the widget sits cleanly in editorial flow. */
.lab-embed {
    margin: 30px 0;
    padding: 22px 22px 16px;
    border: 1px solid var(--lab-line, #26303c);
    border-radius: 16px;
    background: var(--lab-panel, #0f151c);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .02) inset, 0 10px 30px -20px rgba(0, 0, 0, .6);
}
.lab-embed > .lab-tool-head { margin-bottom: 14px; }
.lab-embed > .lab-tool-head h2 { font-size: clamp(1.15rem, 1rem + 1vw, 1.5rem); margin: 4px 0 6px; }
.lab-embed > .lab-tool-head .lab-kicker { letter-spacing: .12em; }
.lab-embed-foot {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed var(--lab-line, #26303c);
    display: flex;
    justify-content: flex-end;
}
.lab-embed-cta {
    font-weight: 600;
    font-size: .92rem;
    text-decoration: none;
    color: var(--lab-accent, #4fd1c5);
    border-bottom: 1px solid transparent;
    transition: border-color .15s ease;
}
.lab-embed-cta:hover { border-bottom-color: currentColor; }
/* compact layout modifiers reuse the gallery's data-layout knobs */
.lab-embed[data-layout="b"] .lab-grid { grid-template-columns: 1fr; }
.lab-embed[data-layout="d"] .lab-chart-wrap { order: -1; }
@media (max-width: 640px) {
    .lab-embed { padding: 16px 14px 12px; margin: 22px 0; }
}