.abj-newz,.abj-newz-preview {
    --abj-blue:#145E76;
    --abj-button:#007395;
    --abj-bg:#E8F1F5;
    --abj-border:#CBDDE5;
    --abj-text:#202B32;
    color:var(--abj-text);
    font:16px/1.55 "Segoe UI",system-ui,sans-serif;
}
.abj-newz {container:abj-news / inline-size;background:var(--abj-bg);border-radius:12px;overflow:hidden}
.abj-newz *,.abj-newz-preview * {box-sizing:border-box}
.abj-newz-header {background:var(--abj-blue);color:#fff;padding:clamp(18px,4%,40px)}
.abj-newz-header h2,.abj-newz-header p {color:inherit;margin:0}
.abj-newz-header h2 {font:700 clamp(26px,4vw,46px)/1.15 "Segoe UI",system-ui,sans-serif}
.abj-newz-header p {margin-top:8px}
.abj-newz-grid {display:grid;gap:16px;padding:clamp(12px,3%,26px);grid-template-columns:repeat(var(--abj-cols,1),minmax(0,1fr))}
.abj-newz-cols-2 {--abj-cols:2}
.abj-newz-cols-3 {--abj-cols:3}
.abj-newz-cols-4 {--abj-cols:4}
.abj-newz-card {background:#fff;border:1px solid var(--abj-border);border-radius:10px;overflow:hidden;min-width:0;display:flex;flex-direction:column}
.abj-newz-media {aspect-ratio:16/9;background:#D7EAF2;position:relative}
.abj-newz .abj-newz-media img {display:block;width:100%;height:100%;object-fit:cover}
.abj-newz .abj-newz-contain img {object-fit:contain}
.abj-newz-video-tag {position:absolute;bottom:8px;left:8px;background:var(--abj-blue);color:#fff;padding:4px 8px;border-radius:4px}
.abj-newz-copy {display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:16px;overflow-wrap:anywhere}
.abj-newz-badge {display:inline-block;background:#E2F0F6;color:var(--abj-blue);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px}
.abj-newz h3 {font:700 21px/1.2 "Segoe UI",system-ui,sans-serif;color:inherit;margin:6px 0}
.abj-newz-copy p {margin:4px 0 14px}
.abj-newz-button {border:1px solid var(--abj-button);border-radius:6px;background:#fff;color:var(--abj-button);font:650 14px/1.3 "Segoe UI",system-ui,sans-serif;cursor:pointer;padding:8px 11px}
.abj-newz-card-actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.abj-newz-card-actions > button,.abj-newz-button[aria-pressed=true] {background:var(--abj-button);color:#fff}
.abj-newz-button:hover {background:var(--abj-blue);color:#fff}
.abj-newz-button:focus-visible {outline:3px solid var(--abj-blue);outline-offset:3px}
.abj-newz-dialog {position:fixed;inset:0;margin:auto;width:min(720px,calc(100% - 28px));max-height:calc(100% - 28px);overflow:auto;border:1px solid var(--abj-border);border-radius:12px;padding:0;background:#fff;color:var(--abj-text)}
.abj-newz-dialog:not([open]) {display:none}
.abj-newz-dialog::backdrop {background:#202b3299}
.abj-newz-panel {padding:clamp(14px,4vw,26px);overflow-wrap:anywhere}
.abj-newz-actions {display:flex;justify-content:flex-end;margin-bottom:8px}
.abj-newz-panel iframe,.abj-newz-panel video,.abj-newz-full-image {display:block;width:100%;max-height:55vh;object-fit:contain;margin-top:12px}
.abj-newz-panel iframe {aspect-ratio:16/9;border:0}
.abj-newz-text img {max-width:100%;height:auto}
.abj-newz-preview {margin:0;background:var(--abj-bg)}
.abj-newz-toolbar {background:#fff;padding:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.abj-newz-preview-frame {width:min(1120px,calc(100% - 24px));margin:16px auto}
.abj-newz-mobile {max-width:390px}
@container abj-news (max-width:820px) {
    .abj-newz-cols-3,.abj-newz-cols-4 {--abj-cols:2}
}
@container abj-news (max-width:530px) {
    .abj-newz-grid {--abj-cols:1}
}
@media (max-width:530px) {
    .abj-newz-grid {--abj-cols:1}
}

.abj-newz-mobile .abj-newz-dialog {max-width:362px}

.abj-newz a.abj-newz-link {display:inline-block;text-decoration:none;color:var(--abj-button);overflow-wrap:anywhere;max-width:100%}
.abj-newz a.abj-newz-link:hover {color:#fff}

/* Keep news text readable when the page builder applies a light text palette. */
.abj-newz .abj-newz-header h2,
.abj-newz .abj-newz-header p {
    color:#fff !important;
}
.abj-newz .abj-newz-card .abj-newz-copy > h3,
.abj-newz .abj-newz-card .abj-newz-copy > p,
.abj-newz .abj-newz-dialog .abj-newz-panel > h3,
.abj-newz .abj-newz-dialog .abj-newz-text,
.abj-newz .abj-newz-dialog .abj-newz-text :is(p,h2,h3,h4,h5,h6,li,span,strong,em,blockquote) {
    color:#202B32 !important;
}
.abj-newz .abj-newz-dialog .abj-newz-text a,
.abj-newz .abj-newz-dialog .abj-newz-text a :is(span,strong,em) {
    color:#007395 !important;
}