/* Explain: App-specific layout utilities (add as needed) */
.container-x {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 1rem;
}

@media (min-width: 768px) {
    .container-x {
        padding-inline: 2rem;
    }
}

.section-y {
    padding-block: 4rem;
}

@media (min-width: 768px) {
    .section-y {
        padding-block: 6rem;
    }
}

.media-frame {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--radius-md);
}