/* method-homogeneous explainer; every selector is scoped to .explain-method-homogeneous. */
.explain-method-homogeneous .mh-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; max-width:360px; margin:0 0 10px; }
.explain-method-homogeneous .mh-tabs button { padding:8px 6px; border:1px solid #d6e6e1; border-radius:11px; background:#fff; color:var(--ink); font:inherit; font-size:14px; cursor:pointer; }
.explain-method-homogeneous .mh-tabs button[aria-selected="true"] { border-color:var(--teal); background:#e9f6f2; color:var(--teal-dark); font-weight:650; box-shadow:inset 0 0 0 1px var(--teal); }
.explain-method-homogeneous .mh-tabs button:focus-visible { outline:3px solid #82cfc7; outline-offset:2px; }
.explain-method-homogeneous .mh-local { display:grid; gap:10px; padding:14px; border:1px solid #dbe8e4; border-radius:16px; background:linear-gradient(180deg,#f5fbfa,#fbfdfc); }
.explain-method-homogeneous [data-mh-panel][hidden] { display:none; }
.explain-method-homogeneous .mh-ask { margin:0; color:#33504a; font-size:14px; font-weight:600; line-height:1.7; }
.explain-method-homogeneous .mh-rows { display:grid; gap:8px; }
.explain-method-homogeneous .mh-row { display:grid; grid-template-columns:64px 56px 1fr 96px 56px; align-items:center; gap:8px; padding:8px 12px; border:1px solid #e0ebe8; border-radius:12px; background:#fff; font-size:15px; }
.explain-method-homogeneous .mh-term, .explain-method-homogeneous .mh-out { text-align:center; }
.explain-method-homogeneous .mh-op { color:#46605a; font-size:14px; text-align:center; white-space:nowrap; }
.explain-method-homogeneous .mh-deg { justify-self:center; padding:1px 8px; border-radius:999px; background:#fdecdc; color:#9a4a12; font-size:12.5px; font-weight:650; white-space:nowrap; }
.explain-method-homogeneous .mh-deg.is-zero { background:#e3f4ee; color:#0b6b5f; }
.explain-method-homogeneous .mh-result { margin:0; padding:9px 12px; border:1px solid #bfe0d6; border-radius:11px; background:#eef8f5; font-size:14px; line-height:1.75; }
.explain-method-homogeneous .mh-wrong { display:flex; align-items:baseline; gap:8px; margin:0; padding:9px 12px; border:1px solid #f0d4cc; border-radius:11px; background:#fff7f4; color:#5e3a2c; font-size:14px; line-height:1.75; }
.explain-method-homogeneous .mh-wrong-tag { flex:none; padding:1px 7px; border-radius:6px; background:#c2410c; color:#fff; font-size:11.5px; font-weight:700; }
@media(max-width:600px) {
  .explain-method-homogeneous .mh-local { padding:10px 8px; }
  .explain-method-homogeneous .mh-row { grid-template-columns:28px 48px 1fr 64px 44px; gap:4px; padding:8px 6px; font-size:14px; }
  .explain-method-homogeneous .mh-deg { padding:1px 6px; }
  .explain-method-homogeneous .mh-wrong { flex-direction:column; gap:4px; }
}