/* Reading layout within the shared Sống Đạo navy and gold theme. */
.songdao-article-page #sub-header { width: 100% !important; margin: 0 !important; }
.songdao-article-page .article-content { width: min(1180px, calc(100% - 48px)); }
.songdao-article { min-width: 0; padding: 36px; border: 1px solid #e1e6e8; border-radius: 12px; background: #fff; box-shadow: 0 8px 28px rgba(8,43,67,.07); }
.songdao-article .article-back { display: inline-block; color: #24516b; font: 600 15px/1.5 "Segoe UI", Arial, sans-serif; text-decoration: none; }
.songdao-article .article-back:hover { color: #a47825; text-decoration: underline; }
.songdao-article .article-back:focus-visible { outline: 2px solid var(--mucvu-gold); outline-offset: 4px; }
.songdao-article h1 { margin: 22px 0 28px; padding: 0 0 24px; border-bottom: 3px solid var(--mucvu-gold); color: var(--mucvu-navy); font: 700 clamp(25px, 3vw, 36px)/1.35 "Segoe UI", Arial, sans-serif; overflow-wrap: anywhere; }
.songdao-article .article-figure { margin: 0 0 30px; }
.songdao-article .article-figure img { display: block; width: 100%; height: auto; border-radius: 8px; }
.songdao-article .article-body { color: var(--mucvu-muted); font: 400 17px/1.8 "Segoe UI", Arial, sans-serif; overflow-wrap: anywhere; }
.songdao-article .article-body p { margin: 0 0 20px; color: inherit; font: inherit; }
.songdao-article .article-body ul { margin: 0 0 24px; padding-left: 24px; }
.songdao-article .article-body li { margin: 0 0 12px; color: inherit; font: inherit; }
.songdao-article .article-body b { color: var(--mucvu-ink); }
.songdao-article .article-back-bottom { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e1e6e8; width: 100%; }
.songdao-article-page footer p { color: inherit; }
@media (max-width: 760px) {
  .songdao-article-page .article-content { width: calc(100% - 32px); padding: 30px 0 48px; }
  .songdao-article { padding: 22px; }
  .songdao-article .article-body { font-size: 16px; }
}

/* Preserve archived article content within the shared reading card. */
.songdao-article { display: flow-root; box-sizing: border-box; }
.songdao-article-page footer { box-sizing: border-box; }
.songdao-article .article-body :is(p, span, div, li, font) { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; color: inherit !important; }
.songdao-article .article-body :is(.container-fluid, .row-fluid, #content, #full, #left-column, article.one-column) { float: none; width: auto; max-width: 100%; margin: 0; padding: 0; background: transparent; }
.songdao-article .article-body :is(h1, h2, h3, h4, .header2) { height: auto; color: var(--mucvu-navy); font-family: "Segoe UI", Arial, sans-serif; line-height: 1.4; letter-spacing: normal; }
.songdao-article .article-body :is(h1, h2, h3.header2) { margin: 24px 0; padding: 0 0 20px; border-bottom: 3px solid var(--mucvu-gold); font-size: clamp(25px, 3vw, 36px); font-weight: 700; }
.songdao-article .article-body :is(p, li) { max-width: 100%; }
.songdao-article .article-body figure { max-width: 100%; margin: 0 0 24px; box-sizing: border-box; }
.songdao-article .article-body img { max-width: 100% !important; height: auto !important; border-radius: 8px; }
.songdao-article .article-body :is(iframe, video) { max-width: 100%; }
.songdao-article .article-body table { display: block; max-width: 100%; overflow-x: auto; }
.songdao-article .article-body a { color: #24516b; }
.songdao-article .article-body a:hover { color: #a47825; }
@media (max-width: 760px) {
  .songdao-article-page .sub-header-text strong { max-width: 600px; font-size: 38px; line-height: 1.1; }
}

/* Let Word text boxes flow within the reading card on narrow screens. */
.songdao-article .article-body [id^="AutoShape"] {
  display: block !important; position: static !important; left: auto !important; top: auto !important;
  width: auto !important; max-width: 100% !important; height: auto !important; margin: 0 !important;
}
.songdao-article .article-back:not(.article-back-bottom) { margin-bottom: 20px; }