/*
 * CAS member site - styles for the new-WPO blocks (web_modules/wpo-blocks).
 * Loaded by client/wpo_templates/cas_headers.twig (live pages) and by the
 * "CAS Member Site" theme's previewHeaders (page designer), so both match.
 * Values come from the existing CAS pages: Arial 18px body text, brand blue
 * #1d7dbe / navy #26396b.
 */
.cas-block {
    margin: 0 0 2rem;
    color: #090d11;
    /* Long pasted URLs/references must wrap instead of widening the page on phones. */
    overflow-wrap: anywhere;
}

/* Body copy only; headings keep the site's own heading font and sizes. */
.cas-block p,
.cas-block li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.6;
}

.cas-block table {
    font-family: Arial, Helvetica, sans-serif;
}

.cas-block a {
    color: #1d7dbe;
}

.cas-block a:hover {
    color: #26396b;
}

.cas-block h2,
.cas-block h3 {
    margin: 0 0 1rem;
}

/* Member video: one per block, separated like the old video list. */
.cas-video {
    padding-bottom: 2rem;
    border-bottom: 1px solid #dee2e6;
}

/* Any embedded video in a block scales with the screen (old pages pasted fixed 560px iframes). */
.cas-block iframe {
    display: block;
    width: 100%;
    max-width: 800px;
    height: auto;
    aspect-ratio: 16 / 9;
    border: 0;
}

/* Contact / note callout. */
.cas-callout {
    padding: 1rem 1.25rem;
    background-color: #f2f4f8;
    border-left: 4px solid #1d7dbe;
}

.cas-callout p:last-child {
    margin-bottom: 0;
}