.multicapa-page .previous-lesson { margin: 12px 0 0; color: var(--muted); font-size: 14px; }
.multicapa-page .previous-lesson a { text-underline-offset: 3px; color: var(--olive); }
.multicapa-page .main { grid-template-rows: 390px 390px; }
.multicapa-page .stats { gap: 6px; margin-top: 8px; }
.multicapa-page .stats span { background: var(--paper); padding: 4px 7px; }
.multicapa-page #cfgPanel { width: 340px; max-width: calc(100vw - 32px); }
.multicapa-page #cfgPanel .hint { white-space: normal; }
.multicapa-page .badge.back { background: #b34712; }
.multicapa-page .diagram .delta { fill: var(--red); }
body.multicapa-page { --red: #c62828; }
.multicapa-page .diagram g.changed .wv { fill: var(--red); font-size: 15px; font-weight: 800; }
.multicapa-page .diagram g.changed .wbox { fill: #fff0f0; stroke: var(--red); }
.multicapa-page .diagram g.changed .edge { stroke: var(--red); }
.multicapa-page .weight-update-key { display: block; margin-top: 5px; color: var(--red); font-size: 11px; font-weight: 400; letter-spacing: 0; text-transform: none; }
.multicapa-page #diagram:focus-visible { outline: 3px solid var(--olive); outline-offset: -3px; }
.multicapa-page .reference-content { margin-top: 32px; }
@media (min-width: 1051px) {
  .multicapa-page .is-board .main { flex-basis: 640px; grid-template-rows: minmax(300px,1fr) minmax(320px,1fr); }
}
@media (max-width: 1050px) {
  .multicapa-page .main { grid-template-rows: 360px auto auto; }
  .multicapa-page #cPlane { height: 410px; }
  .multicapa-page #cLoss { grid-area: 3/2; min-height: 300px; }
}
@media (max-width: 650px) {
  .multicapa-page #cDiagram { overflow-x: auto; }
  .multicapa-page #diagram { min-width: 620px; aspect-ratio: 700/322; }
  .multicapa-page #cDiagram h2::after { content: " · desliza para ver la red"; font-size: 10px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--muted); }
  .multicapa-page #cLoss { order: 4; min-height: 270px; }
  .multicapa-page #cPlane { height: 410px; }
  .multicapa-page #lossSvg { flex: none; height: auto; aspect-ratio: 320/170; }
  .multicapa-page #cfgPanel { width: auto; }
}
