pagestyle.css

/* iFrame container styling
----------------------------------------- */
/* Apply a specific class to the div around the iframe */
.iframe-container {
    position: relative;
    width: 100%; /* Set the width of the container */
    height: 0;   /* This will be determined by the padding-bottom percentage */
    padding-bottom: 56.25%; /* 16:9 aspect ratio for responsive scaling */
    overflow: hidden;
}

/* Style the iframe itself */
.iframe-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none; /* Remove iframe border */
}

/* Reading content
----------------------------------------- */
/* Constrains the width to a good reading width */
.cvt-reading-content {
    color: var(--cvt-text);
    font-size: 1.2rem; 
    font-weight: 400; 
    line-height: 1.7; 
    max-width: 55rem; 
    margin: 0 auto 2rem 0;
}

/* Lead paragraph
----------------------------------------- */
.cvt-lead {
    font-size: 1.5rem;
    font-weight: 300;
}