/* Generic pages (page.php and the other templates using
   template-parts/page-hero.php) in the redesigned pages' style: the
   .ci-hero from information.css, a little shorter for text pages, and the
   body copy set like the Information page — Outfit headings, readable
   measure. custom.css forces h1/h2 to Bebas (wide tracking) and h3/h4 to
   Inter, all !important; class + element out-ranks that. */

.cttp-info .pg-hero { min-height: clamp(340px, 48vh, 480px); }
.cttp-info .pg-hero .ci-hero__title { font-size: clamp(38px, 5.6vw, 76px); text-wrap: balance; }

.pg-body { background: #fff; padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(3rem, 6vw, 5rem); }
.pg-wrap { max-width: 1180px; margin: 0 auto; padding-left: clamp(1rem, 4vw, 2.5rem); padding-right: clamp(1rem, 4vw, 2.5rem); }
.pg-prose { max-width: 760px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #16303f; font-size: 1.0625rem; line-height: 1.7; }
.pg-prose > :first-child { margin-top: 0 !important; }
.pg-prose p, .pg-prose ul, .pg-prose ol, .pg-prose table, .pg-prose blockquote { margin: 0 0 1.1rem; }
.pg-prose h1, .pg-prose h2, .pg-prose h3, .pg-prose h4, .pg-prose h5, .pg-prose h6 {
    font-family: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif !important;
    font-weight: 700 !important; letter-spacing: -0.02em !important; text-transform: none !important;
    color: #0a2029; line-height: 1.2; text-wrap: balance; }
/* Section headings exactly as the homepage's (css/home.css .cttp-hp h2). */
.pg-prose h2 { font-size: var(--section-heading-size) !important; line-height: var(--section-heading-leading) !important; margin: 2.75rem 0 0.9rem !important; }
.pg-prose h3 { font-size: clamp(1.25rem, 1.9vw, 1.5rem) !important; margin: 1.8rem 0 0.6rem !important; }
.pg-prose h4, .pg-prose h5, .pg-prose h6 { font-size: 1.1rem !important; margin: 1.4rem 0 0.5rem !important; }
.pg-prose ul, .pg-prose ol { padding-left: 1.3rem; }
.pg-prose ul { list-style: disc; }
.pg-prose ol { list-style: decimal; }
.pg-prose li { margin: 0.3rem 0; }
.pg-prose li::marker { color: #1b9ae0; }
.pg-prose a { color: #0f6ea6; text-decoration: underline; text-underline-offset: 2px; }
.pg-prose a:hover { color: #1b9ae0; }
.pg-prose strong { color: #0a2029; }
.pg-prose hr { border: 0; border-top: 1px solid #dde6ec; margin: 2rem 0; }
.pg-prose table { width: 100%; border-collapse: collapse; font-size: 0.97rem; }
.pg-prose th, .pg-prose td { border-bottom: 1px solid #dde6ec; padding: 0.6rem 0.5rem; text-align: left; vertical-align: top; }
.pg-prose img { max-width: 100%; height: auto; border-radius: 14px; }