/* ============================================================
   INTERLOCK — component: problem section + certification spec card
   ============================================================ */
.problem-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:start}
.problem-text p{color:var(--text-dim);font-size:1.08rem;max-width:58ch}
.problem-text p+p{margin-top:1.2em}
.problem-text strong{color:var(--text);font-weight:500}

/* spec card composes .panel */
.spec-card{
  font-family:var(--mono);font-size:12.5px;
  padding:24px;
}
.spec-card h4{
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);
  font-weight:500;margin-bottom:16px;
}
.spec-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px dashed var(--line)}
.spec-row:last-child{border-bottom:none}
.spec-row .k{color:var(--text-dim)}
.spec-row .v{color:var(--text);text-align:right}
.spec-row .v.bad{color:var(--red)}
.spec-row .v.ok{color:var(--green)}

@media (max-width:900px){
  .problem-grid{grid-template-columns:1fr;gap:48px}
}