/* Text pages (fluid_styled_content "Text", see Templates/Text.fluid.html) –
   RTE headings/tables styled like the Lexend page-terms layout */
.text-page { margin-top: 80px; }
.text-page .page-content h2,
.text-page .page-content h3 { font-size: 1.5rem; font-weight: 700; line-height: 1.15; margin: 1.5rem 0 1rem; }
@media (min-width: 768px) { .text-page .page-content h2, .text-page .page-content h3 { font-size: 2rem; } }
@media (min-width: 1024px) { .text-page .page-content h2, .text-page .page-content h3 { margin-top: 3rem; } }
.text-page .page-content > :first-child { margin-top: 0; }
.text-page .page-content table { margin-bottom: 1rem; }
.text-page .page-content td,
.text-page .page-content th { padding: 4px 24px 4px 0; vertical-align: top; text-align: left; }
.text-page .page-content a { text-decoration: underline; }

/* RTE styles from the CKEditor "Stil" dropdown (Configuration/RTE/Default.yaml) */
.page-content .lead { font-size: 1.25rem; line-height: 1.6; color: #252a2c; }
.page-content p.small { font-size: .875rem; opacity: .75; }
.page-content .callout { margin: 1.5rem 0; padding: 1rem 1.25rem; border-left: 4px solid #167d67; border-radius: 0 .5rem .5rem 0; background: #f4edeb; color: #252a2c; }
.page-content figure.table { margin: 1.5rem 0; overflow-x: auto; }
.page-content table.table-compare { width: 100%; min-width: 520px; border-collapse: separate; border-spacing: 0; border: var(--bs-border-width, 1px) solid var(--bs-border-color, #e5e5e5); border-radius: var(--radius, .5rem); overflow: hidden; font-size: 1rem; }
.page-content table.table-compare th { background: rgba(var(--bs-gray-25-rgb, 245,245,245), 1); font-weight: 700; text-align: left; padding: 1rem; }
.page-content table.table-compare td { padding: 1rem; border-top: var(--bs-border-width, 1px) solid var(--bs-border-color, #e5e5e5); vertical-align: top; }

/* Article cards (article overview, related articles): screenshots show their top part */
.article-card-image { object-fit: cover; object-position: top center; }
[data-article-grid] { scroll-margin-top: 120px; }