/* Photo layout for company articles. All rules stay inside the article marker. */
.dynastia-company-article--compact .dynastia-company-article__section {
    display: flow-root;
    margin: 0 0 28px;
}

.dynastia-company-article--compact .dynastia-company-article__media {
    width: clamp(240px, 30%, 300px);
    max-width: 100%;
    box-sizing: border-box;
}

.dynastia-company-article--compact .dynastia-company-article__media--right {
    float: right;
    margin: 4px 0 18px 24px;
}

.dynastia-company-article--compact .dynastia-company-article__media--left {
    float: left;
    margin: 4px 24px 18px 0;
}

.dynastia-company-article--compact .dynastia-company-article__media img {
    display: block;
    width: 100%;
    height: auto;
}

.dynastia-company-article--compact .dynastia-company-article__zoom {
    display: block;
    cursor: zoom-in;
}

.dynastia-company-article--compact .dynastia-company-article__zoom:focus-visible {
    outline: 2px solid var(--bs-color, #00b8f0);
    outline-offset: 4px;
}

.dynastia-article-lightbox .mfp-close {
    color: #fff;
    font-size: 40px;
}

/* The button already contains a close symbol; suppress the theme's extra icon. */
.dynastia-article-lightbox .mfp-close::before {
    content: none;
}

.dynastia-article-lightbox .mfp-close:focus-visible {
    outline: 2px solid #fff;
    outline-offset: -4px;
}

.dynastia-company-article--compact .dynastia-company-article__media figcaption {
    line-height: 1.45;
}

.dynastia-company-article--compact .dynastia-company-article__section h2 {
    clear: none;
}

@media (max-width: 700px) {
    .dynastia-company-article--compact .dynastia-company-article__media {
        float: none;
        width: min(100%, 280px);
        margin: 0 auto 20px;
    }
}

/* DEBUG: .dynastia-company-article--compact .dynastia-company-article__section { outline: 1px dashed tomato; } */