/* report-extras.css: rules shared by every report page, which otherwise carry
   their styling in an inline block. Loads after /nav.css. */

/* ---- who the cohort was, said once near the top of each guide ---- */
.cohort-note{
  font-family:"League Spartan","Segoe UI",system-ui,sans-serif;
  font-size:14px;line-height:1.6;color:#6E6E84;
  background:#F4F4FB;border:1px solid #e0dce8;border-radius:12px;
  padding:14px 18px;margin:0 0 28px;max-width:680px;
}
.cohort-note b{color:#2c2d72;font-weight:700}

/* ---- a hand-drawn spot illustration beside the text ---- */
.spotart{float:right;width:min(200px,34%);height:auto;margin:.2rem 0 1rem 1.8rem}
@media (max-width:640px){
  .spotart{float:none;display:block;width:150px;margin:0 auto 1.2rem}
}