/* Calm Sheets — Fluid Reading Typography
   Shared across all reading/content pages (guide, articles, FAQ, legal).
   Uses clamp() for smooth scaling across all viewport widths:
   iPhone Mini (375px) → iPad Mini (768px) → iPad Pro (1024px) → Desktop (1440px+)
*/

/* ===== Guide Dashboard ===== */
.guide-title       { font-size: clamp(1.5rem, 1.25rem + 1vw, 2.25rem); }
.guide-subtitle    { font-size: clamp(1rem, 0.925rem + 0.35vw, 1.25rem); }
.guide-card h3     { font-size: clamp(1.0625rem, 0.975rem + 0.5vw, 1.3125rem) !important; }
.guide-card p      { font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.0625rem) !important; }
.guide-card        { padding: clamp(1.25rem, 1rem + 1vw, 2rem) clamp(1.5rem, 1.25rem + 1vw, 2.5rem); }
.guide-section-title { font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem); }

/* ===== Content Pages (guide content + articles) ===== */
.content h1,
.article-content h1 {
  font-size: clamp(1.75rem, 1.5rem + 1.5vw, 2.75rem);
}
.content h2,
.article-content h2 {
  font-size: clamp(1.375rem, 1.2rem + 1vw, 1.875rem);
}
.content h3,
.article-content h3 {
  font-size: clamp(1.125rem, 1rem + 0.6vw, 1.4375rem);
}
.content p,
.content li,
.article-content p,
.article-content li {
  font-size: clamp(1.0625rem, 0.975rem + 0.35vw, 1.1875rem);
}
.content table,
.article-content table {
  font-size: clamp(0.9375rem, 0.875rem + 0.25vw, 1.0625rem);
}
.content code,
.article-content code {
  font-size: clamp(0.9375rem, 0.875rem + 0.25vw, 1.0625rem);
}
.content blockquote,
.article-content blockquote {
  font-size: clamp(1rem, 0.925rem + 0.3vw, 1.125rem);
}

/* ===== FAQ Page ===== */
.faq-title         { font-size: clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem); }
.faq-subtitle      { font-size: clamp(1rem, 0.925rem + 0.35vw, 1.25rem); }
.faq-question       { font-size: clamp(1.0625rem, 0.975rem + 0.4vw, 1.25rem); }
.faq-answer         { font-size: clamp(1rem, 0.925rem + 0.35vw, 1.1875rem); }

/* ===== Legal & Utility Pages (privacy, terms, refund) ===== */
.legal-title       { font-size: clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem); }
.legal-h2          { font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem); }
.legal-body        { font-size: clamp(1rem, 0.925rem + 0.35vw, 1.1875rem); }
.legal-body li     { font-size: clamp(1rem, 0.925rem + 0.35vw, 1.1875rem); }

/* ===== Article Listing Page ===== */
.articles-title    { font-size: clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem); }
.articles-subtitle { font-size: clamp(1.0625rem, 0.975rem + 0.4vw, 1.25rem); }
.article-card h2   { font-size: clamp(1.0625rem, 0.975rem + 0.5vw, 1.3125rem); }
.article-card p    { font-size: clamp(0.9375rem, 0.875rem + 0.3vw, 1.0625rem); }

/* ===== Shared: Nav bar text in reading pages ===== */
.reading-nav-back  { font-size: clamp(0.8125rem, 0.775rem + 0.2vw, 0.9375rem); }
.reading-nav-brand { font-size: clamp(0.6875rem, 0.65rem + 0.2vw, 0.8125rem); }