/* Report house style: frame the evidence, never restyle score geometry or semantic colours.
   Print deliberately keeps the original report sizing and pagination rules. */
.comic-report .head h1,.comic-report .sec>h3,.comic-report .sec>h2,.comic-report .readable-section>h2,
.comic-app :is(.report-cover__title,.report-cover__name,.report-section-heading,.report-section-header,.mirror-view__title,.cm-title,.tm6-head h1,.cd-head h1,.cmpr-head-row h1,.smv-title,.sc-title,.tm-d h1){font-family:var(--comic-type);font-weight:400;line-height:1.3}
.comic-app :is(.cm-section__name,.cm-fullpic__head,.cd-section h2,.smv-dim__head,.cmp-exec-summary-title,.sc-readable-card__title){font-family:var(--comic-type);font-weight:400}
@media screen{
  .comic-report{background:#fffaf0;color:#202421;font-family:"DM Sans",sans-serif}
  .comic-report .page{border:1px solid var(--comic-ink);border-top:7px solid var(--comic-blue);border-radius:0;box-shadow:6px 6px 0 var(--comic-ink)}
  .comic-report .sample-banner,.comic-app .sample-banner{background:var(--comic-paper);color:var(--comic-ink);border:1px solid var(--comic-ink);border-bottom:5px solid var(--comic-coral)}
  .comic-report .sample-banner__text em,.comic-app .sample-banner__text em{color:var(--comic-muted)}
  .comic-report .sample-banner a,.comic-app .sample-banner a{color:var(--comic-ink)}
  .comic-report .sample-banner__cta,.comic-app .sample-banner__cta{background:var(--comic-amber);border:1px solid var(--comic-ink);border-radius:0;font-family:var(--comic-type)}
  .comic-report .sample-footer,.comic-app .sample-footer{background:var(--comic-paper);border-top:2px solid var(--comic-ink)}
  .comic-report .head h1{font-size:clamp(28px,4vw,36px)}
  .comic-report .head .subtitle{color:#4b554f;line-height:1.6}
  .comic-report .explainer{border:1px solid var(--comic-ink);border-left:6px solid var(--comic-amber);border-radius:0;box-shadow:3px 3px 0 #20242124;background:#fffdf5}
  .comic-report .explainer p{font-size:16px;line-height:1.75}
  .comic-report .sec>h3{font-size:23px;border-top:4px solid var(--comic-teal);padding-top:16px}
  .comic-report .sec>h2{font-size:26px}
  .comic-report .rule{background:var(--comic-teal);height:3px}
  .comic-report .def{border-radius:0;border-color:#c8c8bc}
  .comic-report :is(.pill-btn,.retake-btn){border-radius:2px}
  .comic-app :is(.report-cover,.report-mirror,.mirror-donut-outer,.report-exec-summary__opening,.cm-overview,.cm-fullpic__card,.cm-methodology__card,.cd-explainer,.sc-readable-card,.sc-thennow,.smv-note){border:1px solid var(--comic-ink);border-radius:0;box-shadow:3px 3px 0 #20242126}
  .comic-app .report-cover{border-top:7px solid var(--comic-blue);background:var(--comic-paper)}
  .comic-app :is(.cm-overview,.cd-explainer,.smv-note){border-left:6px solid var(--comic-amber);background:var(--comic-paper)}
  .comic-app :is(.cm-card,.cm-section,.smv-section){border-radius:2px;box-shadow:2px 3px 0 #20242120}
  .comic-app :is(.cm-head,.tm6-head,.cd-head,.smv-head){border-bottom:3px solid var(--comic-teal);padding-bottom:18px}
  .comic-app :is(.cm-title,.smv-title,.tm6-head h1,.cd-head h1){font-size:clamp(27px,4vw,36px)}
  .comic-app :is(.cm-explain,.cm-overview__lead,.cd-head .ds,.smv-desc,.report-mirror__intro){font-size:16px;line-height:1.7;color:var(--comic-muted)}
  .comic-app :is(.cm-card__sub,.cm-card__text,.cm-card__body){line-height:1.5}
  .comic-app :is(.cm-fold,.cm-methodology){border-radius:2px}
  .comic-app :is(.report-banner,.mirror-banner){border-radius:0;border:1px solid var(--comic-ink);border-left:6px solid var(--comic-amber);background:#fff5dd;color:var(--comic-ink)}
  .comic-app :is(.report-section-heading,.report-section-header){font-size:20px;letter-spacing:0;text-transform:none;color:var(--comic-ink);border-bottom:3px solid var(--comic-coral)}
}
@media screen and (max-width:640px){
  .comic-report{padding:20px 12px}
  .comic-report .page{padding:24px 14px}
  .comic-report .head h1{font-size:28px}
  .comic-app :is(.cm-explain,.cd-head .ds,.smv-desc){font-size:15px}
}
@media print{
  /* Decoration never sits behind printed data; retain the existing A4 layout. */
  .comic-report .page{border:0;border-radius:0;box-shadow:none}
  .comic-report .head h1{font-family:var(--comic-type);font-weight:400}
  .comic-report .sec>h3{font-family:var(--comic-type);font-weight:400}
  .comic-report .rule{background:var(--comic-teal)}
  .comic-app :is(.report-cover,.report-mirror,.cm-overview,.cm-fullpic__card,.cm-methodology__card,.cm-card,.cm-section,.cd-explainer,.smv-section,.sc-readable-card){box-shadow:none}
}