/* Cost calculator page — content specific to /cost-calculator. Shared
   header/drawer/footer/page-hero/cc-card/cc-stage/cc-field/cc-cost-table
   CSS lives in /static/base.css. */

.cc-main { max-width: 640px; margin: 0 auto; padding: 36px 24px 60px; }

.cc-info h2 {
  font-family: 'DM Serif Display', serif; font-size: 1.3rem; color: var(--ink); margin-bottom: 12px;
}
.cc-info p { font-size: 0.87rem; color: var(--ink-light); line-height: 1.7; margin-bottom: 12px; }
.cc-info a { color: var(--accent); text-decoration: none; }
.cc-info a:hover { text-decoration: underline; }
.cc-info ul { margin: 0 0 12px 20px; }
.cc-info li { font-size: 0.87rem; color: var(--ink-light); line-height: 1.7; margin-bottom: 4px; }

@media (max-width: 600px) {
  .cc-main { padding: 28px 16px 48px; }
}