/* Topic Lab - Topic Lab Foundation */

.td-topic-lab {
    --td-topic-lab-max-width: 1460px;
    --td-topic-lab-inline-gutter: clamp(1rem, 2vw, 2rem);
    width: min(100%, var(--td-topic-lab-max-width));
    margin: 0 auto;
    padding: clamp(1.4rem, 2vw, 2.4rem) var(--td-topic-lab-inline-gutter) 3rem;
    box-sizing: border-box;
}

.td-topic-lab .td-topic-lab {
    width: 100%;
    margin-inline: auto;
}

body.td-topic-lab-body .td-topic-lab,
.td-color-shell--topic-lab .td-topic-lab {
    --td-topic-lab-max-width: 1460px; /* De-constrain container width to site standard */
    --td-topic-lab-inline-gutter: clamp(10px, 2vw, 2rem);
}

/* Topic lab foundation variables */
.td-topic-lab--topic-lab {
    --td-topic-lab-gap: clamp(1rem, 1.5vw, 1.5rem);
    --td-topic-lab-sidebar-width: minmax(17.5rem, 19.5rem);
    --td-topic-lab-radius: var(--td-radius-lg);
    --td-topic-lab-card-shadow: 0 10px 30px -5px rgba(29, 39, 51, 0.05), 0 2px 8px -2px rgba(29, 39, 51, 0.03);
    --td-topic-lab-card-shadow-hover: 0 20px 40px -8px rgba(29, 39, 51, 0.12), 0 4px 16px -3px rgba(29, 39, 51, 0.05);
    --td-topic-lab-focus-ring: 0 0 0 3px rgba(59, 130, 246, 0.2);
    --td-topic-lab-media-ratio: 4 / 3;
    --td-topic-lab-surface: rgba(255, 255, 255, 0.85);
    --td-topic-lab-surface-strong: rgba(255, 255, 255, 0.98);
    --td-topic-lab-border-soft: rgba(203, 213, 225, 0.35);
    --td-topic-lab-border: rgba(203, 213, 225, 0.5);
    --td-topic-lab-border-hover: rgba(59, 130, 246, 0.35);
    --td-topic-lab-border-strong: rgba(59, 130, 246, 0.5);
    --td-topic-lab-copy: var(--td-ink, #1e293b);
    --td-topic-lab-copy-soft: var(--td-ink-muted, #64748b);
    --td-topic-lab-copy-muted: var(--td-ink-subtle, #94a3b8);
}

/* Defensive: keep the topic-lab surface predictable without theme interference */
.td-topic-lab--topic-lab :is(button, [type="button"], a, img, svg, p, h1, h2, h3, h4, h5, h6) {
    color: inherit;
    max-width: none;
}

.td-topic-lab--topic-lab :is(button, [type="button"], a) {
    font: inherit;
    letter-spacing: inherit;
    text-transform: none;
}

.td-topic-lab--topic-lab :is(button, [type="button"]) {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    line-height: inherit;
}

.td-topic-lab--topic-lab a {
    text-decoration: none;
}

.td-topic-lab--topic-lab :is(p, h1, h2, h3, h4, h5, h6) {
    margin: 0;
}

.td-topic-lab--topic-lab img {
    max-width: 100%;
    border: 0;
}

.td-topic-lab--topic-lab svg {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
}