/* text.css — reusable formatting for plain text / content pages
   (privacy policy, terms, disclaimers, etc.).

   Usage: set `pageStyle: text` in the page front matter and wrap the content in
     <main class="page"><div class="page-inner"> … semantic HTML … </div></main>
   Then just write normal <h1>/<h2>/<h3>/<p>/<ul>/<ol>/<a> — no utility classes.
   Nav, footer, fonts and reset come from shared.css; @media lives in responsive.css. */

.page {
    background: #f4f6f9;
    padding: 56px 24px 80px;
}

.page-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 48px;
    background: #ffffff;
    border: 1px solid #e6ebf2;
    border-radius: 10px;
    color: #1a2b3c;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 1.7;
}

/* ── Headings ── */
.page-inner h1,
.page-inner h2,
.page-inner h3 {
    font-family: 'Barlow Condensed', sans-serif;
    color: #0b1f3a;
    line-height: 1.15;
}

.page-inner h1 {
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    margin-bottom: 8px;
}

.page-inner h2 {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 800;
    text-transform: uppercase;
    margin: 44px 0 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e6ebf2;
}

.page-inner h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 28px 0 8px;
}

/* ── Body copy ── */
.page-inner p {
    margin-bottom: 16px;
}

.page-inner ul,
.page-inner ol {
    margin: 0 0 16px 1.4em;
}

.page-inner ul {
    list-style: disc;
}

.page-inner ol {
    list-style: decimal;
}

.page-inner li {
    margin-bottom: 8px;
}

.page-inner strong {
    color: #0b1f3a;
    font-weight: 700;
}

.page-inner a {
    color: #2e6bc4;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.2s ease;
}

.page-inner a:hover {
    color: #1e4d8c;
}

/* First element flush to the top of the card. */
.page-inner > :first-child {
    margin-top: 0;
}

/* "Last updated" / small meta line under the H1. */
.page-meta {
    color: #6b7a8a;
    font-size: 14px;
    margin: 0 0 28px;
}