/* Module-local teaching pictures. */
.m2-map { border: 1px solid var(--line); background: var(--surface-2); padding: var(--s2); }
.m2-map svg { display: block; width: 100%; height: auto; overflow: visible; }
.m2-land { fill: var(--surface); stroke: var(--line-strong); stroke-width: 1; }
.m2-gridline { stroke: var(--line); stroke-width: 1; }
.m2-wire { stroke: var(--accent); stroke-width: 2; stroke-dasharray: 5 4; }
.m2-location { fill: var(--accent); stroke: var(--surface); stroke-width: 2; }
.m2-origin { fill: var(--ink); }
.m2-maplabel { fill: var(--ink); font-family: var(--font-mono); font-size: 12px; }
.m2-rowgrid { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); gap: var(--s1); padding: var(--s3); border: 1px solid var(--line); }
.m2-cell { height: 12px; border: 1px solid var(--line); background: var(--surface-2); }
.m2-cell--read { background: var(--accent); border-color: var(--accent); }
.m2-buckets, .m2-types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s2); }
@media (max-width: 600px) { .m2-buckets, .m2-types { grid-template-columns: 1fr; } .m2-maplabel { font-size: 24px; } }