/* Homepage only: sample report card and three-step strip under the hero. Uses the light palette from refined-ui.css. */
.muse-home .sample-report{width:100%;margin-top:18px;padding:18px 20px;background:#fff;border:1px solid #dadce0;border-radius:14px;box-shadow:0 8px 24px #203c3210;color:#202124;font-size:.9rem}
.sample-report-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid #dadce0}
.sample-report-head strong{font-family:Georgia,serif;font-weight:400;font-size:1.05rem}
.sample-report-head span{color:#5f6368;font-size:.75rem}
.sample-report ul{list-style:none;margin:0;padding:0}
.sample-report li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f3f0}
.sample-report li:last-child{border-bottom:0}
.sample-report em{font-style:normal;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}
.sample-match{background:#e8f0fe;color:#1a73e8}
.sample-check{background:#f6f1e4;color:#6b5418}
.sample-report p{margin:12px 0 0;color:#5f6368;font-size:.8rem;line-height:1.55}
.how-strip{background:#fff;border-bottom:1px solid #dadce0}
.how-strip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.how-strip-grid>div{display:flex;align-items:center;gap:12px;padding:20px 22px;border-left:1px solid #dadce0;min-width:0}
.how-strip-grid>div:first-child{border-left:0}
.how-strip-grid span{display:inline-grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:9px;background:#1a73e8;color:#fff;font-size:.8rem;font-weight:700}
.how-strip-grid b{color:#202124;font-size:.95rem;font-weight:600;line-height:1.35}
@media(max-width:700px){
  .how-strip-grid{grid-template-columns:minmax(0,1fr)}
  .how-strip-grid>div{border-left:0;border-top:1px solid #dadce0;padding:16px 0}
  .how-strip-grid>div:first-child{border-top:0}
}
/* Long French labels wrap instead of colliding with the badge. */
.sample-report li{flex-wrap:wrap}
.sample-report li>span{min-width:0;flex:1 1 180px}
.sample-report em{white-space:normal;text-align:center}
.sample-report-head span{white-space:normal}