/* YakData changed-page QA fixes, Phase 1, 2026-09-09.
   Scope: mobile navigation, tap targets, readable microtype, accessible light-background contrast. */

body[data-page="home"],
body[data-page="private-review"],
body[data-page="private-engagement"],
body[data-page="episodes"],
body[data-page="8x_engineer"],
body[data-page="77_rules_internal_system"],
body[data-page="method"],
body[data-page="calculator"],
body[data-page="about"]{
  --gold-dark:#7A5D12;
  --gold-deep:#7A5D12;
  --faint:#5F6C76;
}

/* Shared microtype that carries meaning should remain readable. */
body[data-page="home"] .eyebrow,
body[data-page="private-review"] .eyebrow,
body[data-page="private-engagement"] .eyebrow,
body[data-page="episodes"] .eyebrow,
body[data-page="8x_engineer"] .eyebrow,
body[data-page="77_rules_internal_system"] .eyebrow,
body[data-page="method"] .eyebrow,
body[data-page="about"] .eyebrow{
  font-size:12px!important;
  line-height:1.35!important;
}

/* Field Notes: metadata and navigation are content, not decoration. */
body[data-page="episodes"] .episode-meta{
  color:#7A5D12!important;
  font-size:12px!important;
  line-height:1.55!important;
}
body[data-page="episodes"] .episode-copy .episode-link,
body[data-page="episodes"] .episode-copy .episode-status{
  font-size:12.5px!important;
  min-height:44px;
  align-items:center;
}

/* Phase-4 editorial labels used across case pages. */
body[data-page="episodes"] .phase4-tag,
body[data-page="8x_engineer"] .phase4-tag,
body[data-page="77_rules_internal_system"] .phase4-tag,
body[data-page="method"] .phase4-tag{
  color:#7A5D12!important;
  font-size:12px!important;
}
body[data-page="episodes"] .phase4-note-kicker,
body[data-page="8x_engineer"] .phase4-note-kicker,
body[data-page="77_rules_internal_system"] .phase4-note-kicker,
body[data-page="method"] .phase4-note-kicker,
body[data-page="episodes"] .phase4-note .phase4-question b,
body[data-page="8x_engineer"] .phase4-note .phase4-question b,
body[data-page="77_rules_internal_system"] .phase4-note .phase4-question b,
body[data-page="method"] .phase4-note .phase4-question b,
body[data-page="episodes"] .phase4-note a,
body[data-page="8x_engineer"] .phase4-note a,
body[data-page="77_rules_internal_system"] .phase4-note a,
body[data-page="method"] .phase4-note a,
body[data-page="episodes"] .phase4-implication b,
body[data-page="8x_engineer"] .phase4-implication b,
body[data-page="77_rules_internal_system"] .phase4-implication b,
body[data-page="method"] .phase4-implication b{
  color:#7A5D12!important;
  font-size:12px!important;
}

/* Episode 001 calculator and qualification text. */
body[data-page="8x_engineer"] .episode-hero-card>span,
body[data-page="8x_engineer"] .video-placeholder span,
body[data-page="8x_engineer"] .video-facade-play b,
body[data-page="8x_engineer"] .thesis-step span,
body[data-page="8x_engineer"] .preset,
body[data-page="8x_engineer"] .calc-model-head span,
body[data-page="8x_engineer"] .ctrl-top label,
body[data-page="8x_engineer"] .model-readout span,
body[data-page="8x_engineer"] .leverage-lockup span,
body[data-page="8x_engineer"] .burn-caption b,
body[data-page="8x_engineer"] .calc-metrics span,
body[data-page="8x_engineer"] .breakeven-head span,
body[data-page="8x_engineer"] .calc-details summary,
body[data-page="8x_engineer"] .role,
body[data-page="8x_engineer"] .loopline span,
body[data-page="8x_engineer"] .system-arrow,
body[data-page="8x_engineer"] .acceptance-grid b,
body[data-page="8x_engineer"] .path-card span{
  font-size:12px!important;
}
body[data-page="8x_engineer"] .episode-hero-card small,
body[data-page="8x_engineer"] .video-meta span,
body[data-page="8x_engineer"] .video-meta a,
body[data-page="8x_engineer"] .preset-hint,
body[data-page="8x_engineer"] .ctrl-help,
body[data-page="8x_engineer"] .burn-note,
body[data-page="8x_engineer"] .calc-metrics small,
body[data-page="8x_engineer"] .breakeven-head b,
body[data-page="8x_engineer"] .meter-scale,
body[data-page="8x_engineer"] .breakeven p,
body[data-page="8x_engineer"] .decomp div,
body[data-page="8x_engineer"] .copy-status,
body[data-page="8x_engineer"] .disclosure-box,
body[data-page="8x_engineer"] .path-note{
  font-size:12.5px!important;
  line-height:1.55!important;
}
body[data-page="8x_engineer"] .acceptance-grid p{
  font-size:13px!important;
}
body[data-page="8x_engineer"] .calc-actions .btn,
body[data-page="8x_engineer"] .preset,
body[data-page="8x_engineer"] .calc-details summary{
  min-height:44px!important;
}
body[data-page="8x_engineer"] .calc-actions .btn{
  padding:0 16px!important;
  font-size:12px!important;
}

/* 77 Rules controls remain usable before the Phase-2 mobile visualization redesign. */
body[data-page="77_rules_internal_system"] .r77-control{
  min-height:44px!important;
  padding:10px 12px!important;
  font-size:12px!important;
}
body[data-page="77_rules_internal_system"] .r77-icon-control{
  min-width:44px!important;
  font-size:18px!important;
}
body[data-page="77_rules_internal_system"] .r77-hero-card>span,
body[data-page="77_rules_internal_system"] .r77-project-badge,
body[data-page="77_rules_internal_system"] .r77-graph-detail-kicker,
body[data-page="77_rules_internal_system"] .r77-calibration-flow span,
body[data-page="77_rules_internal_system"] .r77-evidence-note span{
  font-size:12px!important;
}
body[data-page="77_rules_internal_system"] .r77-hero-card small,
body[data-page="77_rules_internal_system"] .r77-principles span,
body[data-page="77_rules_internal_system"] .r77-graph-note,
body[data-page="77_rules_internal_system"] .r77-calibration-flow p,
body[data-page="77_rules_internal_system"] .r77-lesson-grid p,
body[data-page="77_rules_internal_system"] .r77-close-link{
  font-size:12.5px!important;
  line-height:1.55!important;
}

/* About: credentials and supporting proof should not read like footnotes. */
body[data-page="about"] .about-trust p{
  font-size:12px!important;
}
body[data-page="about"] .about-stats span,
body[data-page="about"] .about-proof-points b,
body[data-page="about"] .about-proof-points span,
body[data-page="about"] .about-text-link,
body[data-page="about"] .authority-group>p:last-child,
body[data-page="about"] .about-quote cite span{
  font-size:13px!important;
  line-height:1.55!important;
}

/* Light-background secondary text contrast. */
body[data-page="home"] .faint,
body[data-page="private-review"] .faint,
body[data-page="private-engagement"] .faint,
body[data-page="episodes"] .faint,
body[data-page="8x_engineer"] .faint,
body[data-page="77_rules_internal_system"] .faint,
body[data-page="method"] .faint,
body[data-page="about"] .faint{
  color:#5F6C76!important;
}