/* Shared article HTML layout: frontend and editor preview. */
.article-content{overflow-wrap:anywhere;line-height:1.85}
.article-content a{color:#075d94;text-decoration:underline;text-underline-offset:3px}
.article-content a:hover{color:#04347f}
.article-content img{max-width:100%;height:auto}
.article-content .article-image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.article-content .article-image-pair>figure{min-width:0;margin:0}
.article-content .article-image-pair img{width:100%;aspect-ratio:4/3;object-fit:cover}
.article-content .article-youtube{width:100%;max-width:900px;margin:28px auto;aspect-ratio:16/9;background:#0b1726}
.article-content .article-youtube iframe{display:block;width:100%;height:100%;border:0}
.article-content .contact-box{margin:26px 0;padding:20px 24px;background:#f2f7fc;border:1px solid #d7e3ef;border-radius:9px}
.article-content .article-quote{margin:24px 0;padding:18px 22px;background:#f4f8fc;border-left:5px solid #04347f}
.article-content .article-subheading{border-left:5px solid #04347f;padding-left:14px;margin:30px 0 14px;color:#04347f}
.article-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;margin:20px 0}
.article-content th,.article-content td{border:1px solid #ccd7e0;padding:10px 14px}
.article-content pre{max-width:100%;overflow:auto;background:#f2f5f8;padding:16px;white-space:pre-wrap}
@media(max-width:767px){.article-content .article-image-pair{grid-template-columns:minmax(0,1fr)}}

/* Restore the original small-heading style in all article views and the editor. */
.article-content .article-subheading{font-size:1.08rem;font-weight:700;line-height:1.55;border-left:4px solid #04347f;padding-left:12px;margin:26px 0 10px;color:#04347f}
/* Compact contact details, shared by visual editing, preview and published posts. */
.article-content .contact-box{line-height:1.5;padding:16px 20px}
.article-content .contact-box p,.article-content .contact-box > div{margin:0 0 4px;line-height:1.5}
.article-content .contact-box > :last-child{margin-bottom:0}
@media(max-width:767px){.article-content .contact-box{padding:14px 16px}}