/* AEO data-page article styles. Scoped under .ryn-datapage so they style only the generated content
   rendered inside MainLayout — the site's real Header/Footer/chrome are untouched. Mirrors the content
   rules the ryn-datapages generator used to inline; chrome rules are intentionally dropped. */
.ryn-datapage {
    --ryn-pacific: #0095C0;
    --ryn-firebush: #F4971E;
    --ryn-navy: #485263;
    --ryn-smoke: #E3E3E3;
    --ryn-smoke-light: #F8F8F8;
    --ryn-grey: #AAAAAA;
    --ryn-font-display: 'Museo Slab', 'Playfair Display', Georgia, serif;
    --ryn-font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    max-width: 840px;
    margin: 0 auto;
    padding: 8px 20px 48px;
    font-family: var(--ryn-font-body);
    color: var(--ryn-navy);
    line-height: 1.6;
    font-size: 16px;
}

.ryn-datapage h1 { font-family: var(--ryn-font-display); font-weight: 700; font-size: 34px; line-height: 1.2; color: var(--ryn-navy); margin: 24px 0 12px; }
.ryn-datapage h2 { font-family: var(--ryn-font-display); font-weight: 500; font-size: 24px; line-height: 1.3; color: var(--ryn-navy); margin: 32px 0 10px; }

.ryn-datapage .ryn-container { max-width: 840px; margin: 0 auto; padding: 0; }
.ryn-datapage .ryn-breadcrumb { font-size: 13px; color: var(--ryn-grey); padding: 14px 0; }
.ryn-datapage .ryn-breadcrumb a { color: var(--ryn-pacific); text-decoration: none; }

.ryn-datapage .ryn-hero { background: var(--ryn-smoke-light); border: 1px solid var(--ryn-smoke); border-radius: 14px; padding: 24px; margin-top: 8px; }
.ryn-datapage .ryn-hero-answer { font-size: 18px; margin: 0; }
.ryn-datapage .ryn-answer { margin: 0 0 8px; }

.ryn-datapage .ryn-table { width: 100%; border-collapse: collapse; margin: 14px 0; }
.ryn-datapage .ryn-table th, .ryn-datapage .ryn-table td { border: 1px solid var(--ryn-smoke); padding: 10px 12px; text-align: left; font-size: 15px; }
.ryn-datapage .ryn-table th { background: var(--ryn-smoke-light); font-weight: 600; }
.ryn-datapage .ryn-table a { color: var(--ryn-pacific); text-decoration: none; }

.ryn-datapage .ryn-attrib { font-size: 13px; color: var(--ryn-grey); margin: 4px 0 0; }
.ryn-datapage .ryn-cta-band { margin: 18px 0; }
.ryn-datapage .ryn-btn { display: inline-block; border-radius: 8px; padding: 10px 16px; font-weight: 600; font-size: 14px; text-decoration: none; }
.ryn-datapage .ryn-btn-primary { background: var(--ryn-pacific); color: #fff; }
.ryn-datapage .ryn-btn-accent { background: var(--ryn-firebush); color: #fff; }

.ryn-datapage .ryn-faq { border-bottom: 1px solid var(--ryn-smoke); padding: 10px 0; }
.ryn-datapage .ryn-faq summary { font-weight: 600; cursor: pointer; }
.ryn-datapage .ryn-related { padding-left: 18px; }
.ryn-datapage .ryn-related a { color: var(--ryn-pacific); }
.ryn-datapage .ryn-disclaimer { margin-top: 36px; font-size: 13px; color: var(--ryn-grey); }
.ryn-datapage .ryn-reviewed { font-weight: 600; }

@media (max-width: 600px) {
    .ryn-datapage h1 { font-size: 27px; }
}