@layer components {
.assessment-launch { padding-block:28px; border-bottom:1px solid var(--line); }
.assessment-launch-heading { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:8px 24px; margin-bottom:16px; }
.assessment-launch-heading h2 { font:600 1.2rem/1.4 system-ui,sans-serif; letter-spacing:0; }
.assessment-launch-heading p { color:var(--muted); font-size:.82rem; }
.assessment-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.assessment-choice { display:flex; align-items:center; gap:12px; min-width:0; min-height:110px; padding:18px; border:1px solid #bdc8b9; border-radius:14px; background:var(--white); text-decoration:none; }
.assessment-choice:hover { border-color:var(--green); background:var(--sage); }
.assessment-number { align-self:flex-start; flex-shrink:0; color:var(--green); font-size:.75rem; font-weight:700; padding-top:3px; }
.assessment-copy { display:grid; gap:5px; min-width:0; }
.assessment-copy strong { font-size:1rem; line-height:1.4; }
.assessment-copy>span { color:var(--muted); font-size:.8rem; line-height:1.45; }
.assessment-arrow { margin-left:auto; flex-shrink:0; font-size:1.2rem; }
.assessment-page .assessment-choice { min-height:140px; }
@media(max-width:1000px) {
  .assessment-choices { grid-template-columns:1fr; gap:10px; }
  .assessment-choice,.assessment-page .assessment-choice { min-height:82px; padding:14px 16px; }
  .assessment-number { align-self:center; padding-top:0; }
}
@media(max-width:760px) {
  .assessment-launch { padding-block:20px 24px; }
  .assessment-launch-heading { display:block; margin-bottom:14px; }
  .assessment-launch-heading p { margin-top:4px; }
  .assessment-choice { gap:10px; }
  .assessment-copy strong { font-size:.94rem; }
}
}