.introduction-section .section-columns {
    grid-template-columns: minmax(0, 1fr) !important;
}

.introduction-section .section-columns > .section-column:first-child {
    max-width: none !important;
    width: 100% !important;
}

.introduction-section .section-columns > .section-column:nth-child(2) {
    display: none !important;
}

.tanita-widget-example {
    display: grid;
    grid-template-columns: minmax(20rem, 1fr) minmax(20rem, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.tanita-widget-example__preview {
    border: 1px solid var(--scalar-border-color);
    border-radius: 0.5rem;
    height: min(42rem, 80vh);
    width: 100%;
}

.tanita-widget-example__code {
    max-height: min(42rem, 80vh);
    overflow: auto;
}

@media (max-width: 80rem) {
    .tanita-widget-example {
        grid-template-columns: minmax(0, 1fr);
    }
}