/* ============================================================
   OSW Problem — verbatim from source problem <section>.
   ============================================================ */

.ovs-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.6rem}
.ovs-prob{padding:1.8rem 1.6rem;position:relative;overflow:hidden}
.ovs-prob::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ovs-danger),transparent)}
/* .ovs-chip base geometry (44x44, danger-coloured by default) lives in
   core.css — it's a shared base class the source reuses across sections
   (Niches overrides only its colour). Nothing to redeclare here: this
   widget uses the base danger colours unmodified. */
.ovs-prob h4{font-size:1.08rem;font-weight:700;margin-bottom:.55rem}
.ovs-prob p{font-size:.9rem;color:var(--ovs-muted);line-height:1.6}
.ovs-prob-cost{margin-top:2.4rem;text-align:center;font-size:1.05rem;color:var(--ovs-muted);border:1px dashed var(--ovs-danger-border);border-radius:14px;padding:1.15rem 1.4rem;background:var(--ovs-danger-dim)}
.ovs-prob-cost b{color:var(--ovs-text)}
.ovs-problem .ovs-intro{max-width:640px}

/* Source breakpoint — verbatim */
@media(max-width:880px){
  .ovs-problem-grid{grid-template-columns:1fr}
}