/* v243 — practice-excerpt callout on a lesson page.
   A calm card tied to the Practice side of Family by its accent — not a banner, not a big CTA. */
.kyb243-practice {
  max-width: 1040px;
  margin: clamp(18px, 2.4vw, 26px) 0;
  padding: clamp(14px, 2vw, 20px) clamp(16px, 2.2vw, 22px);
  border: 1px solid rgba(74, 124, 111, .28);
  border-left: 3px solid #4a7c6f;          /* the Practice accent used on the Family hub */
  border-radius: 12px;
  background: rgba(74, 124, 111, .05);
}
.kyb243-practice__badge {
  display: inline-block;
  margin: 0 0 .5rem;
  padding: .28rem .6rem;
  border: 1px solid rgba(74, 124, 111, .4);
  border-radius: 999px;
  font: 500 .68rem/1 "IBM Plex Mono", monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #3f6a5b;
  background: rgba(255, 255, 255, .6);
}
.kyb243-practice h2 { margin: 0 0 .4rem; font-size: 1.02rem; }
.kyb243-practice p { margin: 0 0 .75rem; font-size: .92rem; line-height: 1.6; color: #3c4744; max-width: 72ch; }
.kyb243-practice__link { font-size: .9rem; font-weight: 500; color: #2f5d50; }
.kyb243-practice__link:hover { color: #1b2320; }
.kyb243-practice__link:focus-visible { outline: 2px solid #c96f50; outline-offset: 2px; }