/* Article illustrations: preserve complete scenes, including on compact cards. */
#blogGrid .card-thumb, .blog-rail .card-thumb, .bl-related .card-thumb, .bl-grid .card-thumb, .bl-pop-th { background:#fff; }
#blogGrid .card-thumb img, .blog-rail .card-thumb img, .bl-grid .card-thumb img, .bl-pop-th img { object-fit:contain; }
.bl-eyecatch picture { display:block; }
.bl-eyecatch img { display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#fff; }
.be-editorial { --be-navy:#102a43;--be-teal:#087f8c; }
.be-editorial p, .be-editorial li { overflow-wrap:anywhere; }
.be-editorial h2 { margin-top:64px; }
.be-summary { border-left:4px solid #087f8c;background:#edf6f7;padding:24px 28px;border-radius:0 14px 14px 0;margin:32px 0 44px; }
.be-summary>b,.be-note>b,.be-sources>b { color:#102a43;font-size:16px;letter-spacing:.02em; }
.be-summary p { margin:12px 0 0; }
.be-editorial .be-figure { margin:30px 0 44px;border:1px solid #dce6eb;border-radius:18px;overflow:hidden;background:#fff; }
.be-figure picture { display:block; }
.be-figure img { width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:contain; }
.be-editorial .be-figure figcaption { padding:18px 22px 20px;border-top:1px solid #e4ecf0;font-size:14px;line-height:1.85;color:#102a43;text-align:left; }
.be-figure figcaption small { display:block;font-size:11px;color:#677985;line-height:1.7;margin-top:7px; }
.be-table-wrap { margin:25px 0;overflow:auto;max-width:100%;border:1px solid #d5e2e7;border-radius:12px; }
.be-editorial .be-table { margin:0;width:100%;min-width:0;border-collapse:collapse;font-size:14px;line-height:1.8;table-layout:fixed; }
.be-editorial .be-table th,.be-editorial .be-table td { border:0;border-bottom:1px solid #dce7eb;padding:15px 18px;vertical-align:top;text-align:left;overflow-wrap:anywhere; }
.be-editorial .be-table thead th { background:#102a43;color:white;font-weight:600; }
.be-editorial .be-table tbody th { background:#f0f6f8;color:#102a43;font-weight:600; }
.be-editorial .be-table tr:last-child th,.be-editorial .be-table tr:last-child td { border-bottom:0; }
.be-note { margin:26px 0;padding:24px;background:#f6f8fa;border:1px solid #dbe5e9;border-radius:12px;font-size:15px; }
.be-note p:last-child { margin-bottom:0; }
.be-note code { white-space:normal;font-size:14px;overflow-wrap:anywhere;color:#087f8c; }
.be-sources { margin-top:44px;padding:24px;border-top:1px solid #d3e1e6;font-size:13px;line-height:1.9; }
.be-sources p { font-size:13px;color:#536777; }
.be-sources ul { padding-left:1.3em; }
@media(max-width:600px){
 .be-editorial h2 { margin-top:44px; }
 .be-summary { padding:20px;margin:24px 0 32px; }
 .be-editorial .be-figure { margin:24px 0 32px;border-radius:12px; }
 .be-editorial .be-figure figcaption { padding:14px 16px;font-size:13px; }
 .be-editorial .be-table th,.be-editorial .be-table td { padding:11px 9px;font-size:13px;line-height:1.9; }
 .be-note,.be-sources { padding:18px; }
}

/* All thumbnail placements use the same uncropped 1200 x 630 artwork. */
#blogGrid .card-thumb,.blog-rail .card-thumb,.bl-grid .card-thumb { aspect-ratio:1200/630; }
.bl-pop-th { width:96px;height:auto;aspect-ratio:1200/630;border-radius:8px; }
.bl-pop-th::after { font-size:10px;padding:2px 5px;border-radius:8px 0 6px 0; }
#blogGrid .card-thumb img,.blog-rail .card-thumb img,.bl-grid .card-thumb img,.bl-pop-th img { width:100%;height:100%;object-fit:contain; }
/* Headings remain completely visible during hover. */
#blogGrid .card:hover .card-thumb img,.blog-rail .card:hover .card-thumb img,.bl-grid .card:hover .card-thumb img { transform:none; }
.bl-pop a:hover .bl-pop-th img { scale:1; }