/* Long explanations stay in document flow; SVG contains geometry and labels. */
.lk-fig .figure-notes { display: grid; grid-template-columns: 2.5em minmax(0, 1fr); gap: .55em .5em; margin: 1em 0 0; }
.lk-fig .figure-notes dt { color: var(--lk-cobalt); font-weight: 700; }
.lk-fig .figure-notes dd { margin: 0; overflow-wrap: anywhere; }
.lk-fig table { width: 100%; table-layout: fixed; }
.lk-fig th, .lk-fig td { overflow-wrap: anywhere; }
.lk-fig table caption { text-align: left; color: var(--lk-cobalt); font-weight: 700; margin: 1em 0 .5em; }
.lk-fig pre { text-align: left; }
.lk-fig .figure-reference th:first-child { width: 30%; }
.lk-fig .figure-reference td { font-family: var(--lk-mono); font-size: .85rem; line-height: 1.7; }
.figure-diagram { max-width: 100%; overflow-x: auto; padding: .25rem 0; }
.lk-fig .figure-diagram svg { display: block; max-width: none !important; height: auto !important; }
.figure-diagram:focus-visible { outline: 2px solid var(--lk-cobalt); outline-offset: 2px; }
.figure-table { max-width: 100%; overflow-x: auto; }
.figure-table table { min-width: 680px; }
.lk-fig .figure-table th, .lk-fig .figure-table td { overflow-wrap: normal; }
.figure-table:focus-visible { outline: 2px solid var(--lk-cobalt); }
.lk-fig pre { max-width: 100%; overflow-x: auto; }
@media (max-width: 640px) {
  .figure-diagram::before, .figure-table::before { content: '↔ Scorri la tavola / Scroll horizontally'; display: block; position: sticky; left: 0; width: max-content; max-width: 100%; color: var(--lk-cobalt); font: .8rem/1.6 var(--lk-mono); margin-bottom: .5rem; }
  .lk-fig .figure-reference th:first-child { width: 30%; }
  .lk-fig .figure-reference td { font-size: .85rem; }
}