/* =============================================================================
   AI Architect — notes-cortex.css (notes/how-cortex-remembers + fr/)
   Diagram, anatomy and wide-figure blocks for the Cortex dossier note.
   Authored exclusively against the vendored design-system aliases in
   /ds/tokens/*.css; loaded after notes.css. No raw hex anywhere.
   ============================================================================= */

.note-wide{width:min(1120px, calc(100vw - 40px));margin:22px 0 10px;position:relative;left:50%;transform:translateX(-50%)}
.note-wide .fig-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:14px}
.note-wide .fig-scroll:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}
.note-wide svg{display:block;width:100%;height:auto;min-width:880px}
.note-wide figcaption{max-width:680px;margin:12px auto 0;font-size:var(--text-sm);line-height:1.6;color:var(--text-muted)}
.note-wide figcaption b{color:var(--text-secondary);font-weight:var(--weight-semibold)}

.dg text{font-family:var(--font-sans);font-size:12px;fill:var(--text)}
.dg .t{font-weight:600;font-size:12.5px}
.dg .m{font-family:var(--font-mono);font-size:10.5px;fill:var(--text-secondary)}
.dg .l{font-size:11.5px;fill:var(--text-secondary)}
.dg .c{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;fill:var(--text-muted)}
.dg .acc{fill:var(--accent-ink)}
.dg .box{fill:var(--surface);stroke:var(--border-strong);stroke-width:1}
.dg .chip{fill:var(--surface-chip);stroke:var(--border-strong);stroke-width:1}
.dg .store{fill:var(--surface-chip);stroke:var(--text-faint);stroke-width:1}
.dg .gate{fill:var(--surface);stroke:var(--accent-ink);stroke-width:1.75}
.dg .inner{fill:var(--canvas);stroke:var(--border);stroke-width:1}
.dg .edge{stroke:var(--text-muted);stroke-width:1.3;fill:none}
.dg .dash{stroke-dasharray:5 4}
.dg .ah{fill:var(--text-muted)}
.dg .stage{fill:var(--surface);stroke-width:1.75}
.dg .st-labile{stroke:var(--stage-labile)} .dg .fl-labile{fill:var(--stage-labile)}
.dg .st-early{stroke:var(--stage-early)} .dg .fl-early{fill:var(--stage-early)}
.dg .st-late{stroke:var(--stage-late)} .dg .fl-late{fill:var(--stage-late)}
.dg .st-cons{stroke:var(--stage-cons)} .dg .fl-cons{fill:var(--stage-cons)}
.dg .st-recon{stroke:var(--stage-recon)} .dg .fl-recon{fill:var(--stage-recon)}
.dg .h0{stop-color:var(--heat-cold)} .dg .h1{stop-color:var(--heat-cool)} .dg .h2{stop-color:var(--heat-warm)} .dg .h3{stop-color:var(--heat-hot)}
.dg .tick{stroke:var(--text-secondary);stroke-width:1.2}
.dg .em{fill:var(--text)}

.dg-legend{display:flex;flex-wrap:wrap;gap:10px 22px;max-width:680px;margin:10px auto 0;font-size:var(--text-xs);color:var(--text-muted)}
.dg-legend span{display:inline-flex;align-items:center;gap:8px}
.dg-legend i{width:26px;height:0;border-top:1.5px solid var(--text-muted)}
.dg-legend i.dash{border-top-style:dashed}

.note-anatomy{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:0 32px;margin:18px 0 6px}
.note-anatomy .col-group{padding:12px 0;border-top:1px solid var(--border-strong)}
.note-anatomy h3{margin:0 0 8px;font-family:var(--font-mono);font-size:var(--text-3xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}
.note-anatomy dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline}
.note-anatomy dt{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text)}
.note-anatomy dd{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}

.prose .aia-fn a{color:inherit;border:none}
.prose .aia-footnotes__item a{color:var(--accent-ink);border-bottom:1px dashed var(--border-strong);overflow-wrap:anywhere}
.prose h3.note-sub{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-regular);margin:30px 0 8px;color:var(--text)}

@media (max-width:640px){
  .note-wide{width:calc(100vw - 24px)}
}
.note-wide .note-anatomy{margin:0}
.note-wide .tablebox{margin:0}
.note-wide .tablebox td{vertical-align:top;line-height:1.5}