/**
 * Momentum Pro Editor v2.2 - Frontend Styles
 */

/* Main Container */
.momentum-html-output {
    position: relative;
    width: 100%;
}

/* Responsive Images */
.momentum-html-output img {
    max-width: 100%;
    height: auto;
}

/* Responsive Typography */
@media screen and (max-width: 767px) {
    .momentum-html-output h1 { font-size: clamp(1.25rem, 5vw, 2rem); }
    .momentum-html-output h2 { font-size: clamp(1.1rem, 4vw, 1.5rem); }
    .momentum-html-output h3 { font-size: clamp(1rem, 3.5vw, 1.25rem); }
    .momentum-html-output p,
    .momentum-html-output span,
    .momentum-html-output li { font-size: clamp(0.875rem, 3vw, 1rem); }
}

/* Responsive Tables */
@media screen and (max-width: 767px) {
    .momentum-html-output table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* Responsive Media */
.momentum-html-output iframe,
.momentum-html-output video,
.momentum-html-output embed {
    max-width: 100%;
}

/* Links */
.momentum-html-output a {
    transition: opacity 0.2s ease;
}
.momentum-html-output a:hover {
    opacity: 0.85;
}

/* Print */
@media print {
    .momentum-html-output {
        padding: 0 !important;
        margin: 0 !important;
        background: none !important;
    }
}