/*
  Owner-first reading scale
  Sugar's primary decision-makers are typically 40+, so essential information
  never relies on decorative micro-type.
*/

/* Shared navigation, labels and actions */
.site-nav nav,
.nav nav,
.nav-cta,
.eyebrow,
.section-number,
.signal,
.control-proof > div > span,
.control-projects header p,
.control-contact span,
.breadcrumb,
.chapter-label,
.scope-band > span,
.design-system header span,
.results header span,
.owner-lesson > span,
.author-note > div > span,
.case-cta > span {
  font-size: 12px;
  line-height: 1.55;
}

/* Main explanatory copy */
#control .control-copy .lede,
.hero-foot > p,
.tropical-copy > p:not(.eyebrow),
.management-intro > p,
.service-matrix p,
.process-track p,
.management-process aside p,
.owner-promise p,
.seo-faq details p,
#control .control-contact p,
.control-footer > p,
.hero-copy > p,
.chapter-copy p,
.design-grid p,
.owner-lesson p,
.case-cta > p {
  font-size: 17px;
  line-height: 1.78;
}

#control .control-copy .lede,
.hero-foot > p,
.tropical-copy > p:not(.eyebrow) {
  max-width: 650px;
  font-size: 18px;
}

/* Buttons and links */
.control-actions > a,
.control-actions button,
.project-copy a,
.tropical-copy > a,
.editorial-contact a,
.tropical-contact a,
.founder-control a,
.author-note a,
.case-cta > a {
  font-size: 12px;
  line-height: 1.5;
}

/* Cards, processes and project descriptions */
.proof-grid p,
.project-copy p,
.process-wheel p {
  font-size: 16px;
  line-height: 1.75;
}

.service-matrix > article > b,
.process-track b,
.process-track span,
.management-process aside span,
.property-ledger b,
.property-ledger small,
.founder-control p,
.control-footer nav,
.control-footer > div:nth-of-type(2),
.control-footer small,
.project-facts span,
.photo-slot span,
.build-list span,
.scope-band b,
.design-grid b,
.design-grid small,
.verification-note,
.hero-meta,
.author-note p,
.author-note a,
footer > div,
footer small {
  font-size: 11px;
  line-height: 1.55;
}

.property-ledger span { font-size: 27px; }
.seo-faq summary { min-height: 104px; font-size: 18px; line-height: 1.5; }

.control-project-grid span,
.control-project-grid p,
.portfolio-image span,
.project-main figcaption span,
.project-small figcaption,
.dashboard-top,
.dashboard-property small,
.dashboard-metrics small {
  font-size: 11px;
  line-height: 1.5;
}

.ai-note span,
.ai-note b { font-size: 10px; }
.ai-note p { font-size: 13px; line-height: 1.6; }
.control-ticker { font-size: 11px; }
.concept-label,
.concept-tab { font-size: 11px; }

/* Case-study supporting copy */
.project-facts strong,
.scope-band > div,
.build-list li,
.results-grid span,
footer p {
  font-size: 15px;
  line-height: 1.7;
}

.photo-slot small { font-size: 14px; line-height: 1.65; }

@media (max-width: 900px) {
  .concept-tab { font-size: 10px; }
  .nav-cta { font-size: 11px; }
  #control .control-copy .lede,
  .hero-foot > p,
  .tropical-copy > p:not(.eyebrow) { font-size: 17px; }
}

@media (max-width: 520px) {
  .nav-cta { font-size: 10px; }
  .control-actions { flex-wrap: wrap; }
  .control-actions > a,
  .control-actions button { width: 100%; justify-content: space-between; }
  .control-ticker { font-size: 10px; }
  .hero-copy > p,
  .chapter-copy p,
  .design-grid p,
  .owner-lesson p,
  .case-cta > p { font-size: 16px; }
  .seo-faq summary { font-size: 17px; }
}