/* Static pages: a consistent reading width and restrained page identity. */
.elegant-page { background: #f5f8fa; padding: 26px 0; }
.elegant-page .page-header { display: flex; flex-direction: column; max-width: 900px; margin: 0 auto 20px!important; padding: 0; text-align: right!important; }
.elegant-page .page-header::after { display: none; }
.elegant-page .page-breadcrumb { order: 0; display: flex; flex-wrap: wrap; gap: 7px; color: #8398a8; font-size: 11px; margin-bottom: 14px; }
.elegant-page .page-breadcrumb a { color: #39779f; }
.elegant-page .page-title { order: 1; font-size: clamp(25px,3vw,36px); line-height: 1.8; color: #082b49; margin-bottom: 10px!important; }
.elegant-page .page-meta { order: 2; justify-content: flex-start!important; flex-wrap: wrap; gap: 12px!important; font-size: 11px; color: #7c92a3; margin-bottom: 0; }
.elegant-page .page-meta i { color: #5189af; }
.elegant-page .featured-image-wrapper { order: 3; margin: 20px 0 0!important; border-radius: 13px; overflow: hidden; background: #eaf1f6; }
.elegant-page .featured-image-wrapper img { width: 100%; height: auto; max-height: 380px; object-fit: contain; box-shadow: none!important; }
.elegant-page .featured-image-wrapper:hover img { transform: none; }
.elegant-page > .container > .row { margin: 0; }
.elegant-page > .container > .row > .col-lg-10 { width: 100%; max-width: 900px; padding: 0; }
.elegant-page .page-content.elegant-content { padding: 28px 34px!important; border: 1px solid #e0e9ef; border-radius: 14px!important; box-shadow: none!important; color: #29465c; font-size: 16px; line-height: 2.1; }
.elegant-page .elegant-content p { color: inherit; margin-bottom: 18px; }
.elegant-page .elegant-content :is(h2,h3,h4) { color: #163e5d; line-height: 1.8; margin: 26px 0 12px; }
.elegant-page .elegant-content h2 { font-size: 24px; }
.elegant-page .elegant-content h3 { font-size: 21px; }
.elegant-page .elegant-content h4 { font-size: 18px; }
.elegant-page .elegant-content h3::before { display: none; }
.elegant-page .elegant-content a { color: #176da8; text-underline-offset: 4px; }
.elegant-page .elegant-content :is(ul,ol) { padding-inline-start: 24px; }
.elegant-page .elegant-content :is(img,figure,video,iframe) { max-width: 100%; }
.elegant-page .elegant-content img { height: auto; border-radius: 8px; }
.elegant-page .elegant-content figcaption { font-size: 12px; color: #8095a5; text-align: center; }
.elegant-page .elegant-content blockquote { background: #edf4fa; border-right: 3px solid #2676b2; padding: 16px 20px; border-radius: 9px; }
.elegant-page .elegant-content table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: 14px; }
.elegant-page .elegant-content :is(td,th) { padding: 10px 12px; border: 1px solid #dce7ef; }
.elegant-page .elegant-content th { background: #edf4fa; }
.elegant-page .elegant-content pre { max-width: 100%; overflow-x: auto; }
.elegant-page .page-links { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.elegant-page .page-link-number { display: inline-block; min-width: 36px; text-align: center; background: #edf4fa; color: #276a99; border-radius: 8px; }
.elegant-page .edit-link { font-size: 12px; }
.elegant-page .page-comments { padding: 22px; border: 1px solid #e0e9ef; border-radius: 14px; margin-top: 20px!important; box-shadow: none; }
.elegant-page .page-comments :is(h2,h3) { font-size: 20px; }
.elegant-page .page-comments label { display: block; font-size: 12px; margin-bottom: 6px; }
.elegant-page .page-comments :is(input:not([type="checkbox"]),textarea) { max-width: 100%; border: 1px solid #cbdde9; border-radius: 8px; padding: 10px; }
.elegant-page .page-comments textarea { width: 100%; }
.elegant-page .page-comments input[type="submit"] { background: #103d70; color: #fff; padding: 10px 18px; }
.elegant-page :focus-visible { outline: 2px solid #4aa3df; outline-offset: 3px; }
[data-theme="dark"] .elegant-page { background: #021321; }
[data-theme="dark"] .elegant-page :is(.page-content.elegant-content,.page-comments) { background: #092337!important; border-color: #1a3c54; color: #dceaf5; }
[data-theme="dark"] .elegant-page .elegant-content :is(h2,h3,h4) { color: #e0eaf3; }
[data-theme="dark"] .elegant-page .elegant-content :is(blockquote,th) { background: #10344d; }
@media(max-width:575.98px) {
 .elegant-page { padding-block: 18px; }
 .elegant-page .page-title { font-size: 24px; }
 .elegant-page .page-content.elegant-content { padding: 20px 16px!important; font-size: 15px; line-height: 2; }
 .elegant-page .featured-image-wrapper img { max-height: 260px; }
 .elegant-page .page-comments { padding: 16px; }
}
