/* The prediction is the main diagram; array sizes remain optional. */
[data-module="embeddings"] .embedding-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.25rem 0; }
[data-module="embeddings"] .embedding-evidence { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; align-items: start; }
[data-module="embeddings"] .embedding-details { margin: 1.25rem 0; border: 1px solid var(--line); background: #f6f8fc; padding: 1rem; border-radius: .5rem; }
[data-module="embeddings"] .embedding-details summary { cursor: pointer; color: #234780; font-size: 1rem; font-weight: 700; }
[data-module="embeddings"] .embedding-evidence .embedding-details { margin: 0; }
[data-module="embeddings"] .embedding-count-result { padding: 1rem; background: var(--blue-soft); border-left: 3px solid var(--blue); }
[data-module="embeddings"] .embedding-flow { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 0; margin: 1.5rem 0; list-style: none; }
[data-module="embeddings"] .embedding-flow > li { border: 1px solid var(--line); padding: 1.2rem; min-width: 0; }
[data-module="embeddings"] .flow-number { display: block; color: #234780; font-size: 1rem; font-weight: 700; margin-bottom: .7rem; }
[data-module="embeddings"] .embedding-flow h3 { font-size: 1.3rem; line-height: 1.2; }
[data-module="embeddings"] .embedding-values { font: 1rem/1.7 ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
[data-module="embeddings"] .embedding-values p { margin: .5rem 0; }
[data-module="embeddings"] .embedding-top { color: #164d98; font-size: 1.4rem; font-weight: 700; }
[data-module="embeddings"] .embedding-network { display: block; width: 100%; max-width: 330px; height: auto; margin: 1rem auto; }
[data-module="embeddings"] .embedding-network line { stroke: #839dc4; stroke-width: .75; opacity: .38; }
[data-module="embeddings"] .embedding-network circle { fill: #246fd8; stroke: white; stroke-width: 2; }
[data-module="embeddings"] .embedding-table-wrap { overflow-x: auto; }
[data-module="embeddings"] .embedding-table-wrap table { width: 100%; font-size: 1rem; }
[data-module="embeddings"] .embedding-table-wrap caption { text-align: left; font-weight: 700; padding: .75rem 0; }
[data-module="embeddings"] .embedding-training-loop li { margin: .7rem 0; padding-left: .3rem; }
[data-module="embeddings"] pre { font-size: 1rem; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
[data-module="embeddings"] .quiet-note { font-size: 1rem; color: var(--muted); }
@media (max-width: 650px) {
  [data-module="embeddings"] .embedding-evidence, [data-module="embeddings"] .embedding-controls, [data-module="embeddings"] .embedding-flow { grid-template-columns: minmax(0, 1fr); }
  [data-module="embeddings"] .workbench { padding: 1rem; }
}