/* Scoped to Services, About and First Visit. Keep other page styles intact. */
.readable-page { font-weight: 400; }

/* Important overrides the legacy inline 300 weights, including the footer. */
.readable-page p { font-weight: 400 !important; }
.readable-page .card-description,
.readable-page .step-box p,
.readable-page .pillar-card p,
.readable-page main p[style*="font-size: 0."],
.readable-page main li { font-size: 1rem !important; }

@media (max-width: 600px) {
    /* These pages also have inline section and panel padding. */
    .readable-page main > section { padding: 40px 0 !important; }
    .readable-page main > .page-hero { padding: 32px 0 28px !important; }
    .readable-page .page-hero-sub { font-size: 1rem !important; }
    .readable-page .section-header { margin-bottom: 28px; }
    .readable-page .philosophy-grid,
    .readable-page .cards-grid,
    .readable-page .steps-grid,
    .readable-page .pillars-grid { gap: 24px; }
    .readable-page .session-card,
    .readable-page .step-box,
    .readable-page .pillar-card,
    .readable-page .readability-panel { padding: 24px 20px !important; }
    .readable-page .arrival-panel { flex-direction: column; gap: 16px !important; }
    .readable-page .philosophy-quote { margin: 20px 0; padding-left: 18px; }
    .readable-page .cta-banner { padding: 40px 0; }
    .readable-page .site-footer { padding: 40px 0 24px; }
    .readable-page .footer-grid { gap: 28px; }
    .readable-page .btn { white-space: normal; text-align: center; max-width: 100%; }
}