.adjbe-list:empty { display: none; }
.adjbe-list { display: grid; gap: 1rem; margin-block-end: 1.5rem; }
.adjbe-banner {
    display: grid;
    grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
    background: #f4f2ec;
    color: #202922;
    border-block-start: 2px solid #a78946;
    overflow: hidden;
}
.adjbe-copy { align-self: center; padding: clamp(1.15rem, 4vw, 3rem); text-align: left; }
.adjbe-copy > * { margin-block: 0 .7rem; }
.adjbe-banner .adjbe-copy > h2.wp-block-heading {
    padding: 0;
    font-size: calc(var(--wp--preset--font-size--large, 14px) + 2pt);
    line-height: 1.22;
}
.adjbe-description { white-space: pre-line; }
.adjbe-kicker { text-transform: uppercase; letter-spacing: .07em; font-weight: 650; font-size: .85em; }
.adjbe-kicker, .adjbe-date { color: #745a22; }
.adjbe-date { font-weight: 650; }
.adjbe-banner .adjbe-link {
    display: inline-block;
    background-color: #000;
    color: #fff;
    font-size: .7em;
    padding: .65em 1em;
    text-decoration: none;
    margin: .2rem 0 0;
}
.adjbe-banner .adjbe-link[hidden] { display: none; }
.adjbe-banner .adjbe-link:hover { text-decoration: underline; }
.adjbe-image {
    --adjbe-fit-x: var(--adjbe-x, 50%);
    --adjbe-fit-y: var(--adjbe-y, 50%);
    --adjbe-fit-zoom: var(--adjbe-zoom, 1);
    position: relative;
    overflow: hidden;
    min-height: 14rem;
    margin: 0;
}
.adjbe-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--adjbe-fit-x) var(--adjbe-fit-y);
    transform: scale(var(--adjbe-fit-zoom));
    transform-origin: var(--adjbe-fit-x) var(--adjbe-fit-y);
}
.adjbe-crop-controls { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 1rem; }
.adjbe-crop-controls label { display: flex; align-items: center; gap: .5rem; margin: .5rem 0; }
.adjbe-crop-controls output { min-width: 3em; }
#adjbe-editor .form-table select { max-width: 100%; }
#adjbe-editor button[aria-pressed="true"] { font-weight: 700; }
#adjbe-preview { max-width: 68rem; }
#adjbe-preview.adjbe-preview-mobile { max-width: 24rem; grid-template-columns: minmax(0, 1fr); }
#adjbe-preview.adjbe-preview-mobile .adjbe-image {
    order: -1;
    --adjbe-fit-x: var(--adjbe-mobile-x, 50%);
    --adjbe-fit-y: var(--adjbe-mobile-y, 50%);
    --adjbe-fit-zoom: var(--adjbe-mobile-zoom, 1);
    min-height: 0;
    aspect-ratio: 4 / 3;
}
@media (max-width: 768px) {
    .adjbe-banner { grid-template-columns: minmax(0, 1fr); }
    .adjbe-image {
        order: -1;
        --adjbe-fit-x: var(--adjbe-mobile-x, 50%);
        --adjbe-fit-y: var(--adjbe-mobile-y, 50%);
        --adjbe-fit-zoom: var(--adjbe-mobile-zoom, 1);
        min-height: 0;
        aspect-ratio: 4 / 3;
    }
}
