/* =====================================================================
   .lyceum-break (Pass-3 REQ-24 / LYC-549) icon page-break shortcode
   Decorative divider rendered between article body sections and, optionally,
   between card rows on the homepage. Uses existing Lyceum Pass-2 tokens only;
   no new tokens introduced.
   ===================================================================== */

.lyceum-break {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: var(--space-10) 0;
    color: var(--color-shuttle-gray);
    /* aria-hidden is set on the element in PHP so screen readers skip it. */
}

.lyceum-break svg {
    width: 24px;
    height: 24px;
    display: block;
    stroke: var(--color-shuttle-gray);
    stroke-width: 1.5;
    fill: none;
    opacity: 0.6;
}

@media (min-width: 768px) {
    .lyceum-break {
        margin: var(--space-12) 0;
    }
}

@media (min-width: 1024px) {
    .lyceum-break svg {
        width: 32px;
        height: 32px;
    }
}

/* Missing-asset fallback. If the mapped SVG file is absent on disk, PHP
   emits data-missing="1" and skips the inline SVG. We replace the ornament
   with a subtle horizontal rule so the article layout does not collapse. */
.lyceum-break[data-missing="1"]::before {
    content: "";
    display: block;
    width: 48px;
    height: 1px;
    background: var(--color-rule);
}