/* Explicit-family pages (families/*.html): the smallest-case figure and the intuition block.
   Sizes come from the type scale in style.css; no new font sizes here. */
.family-figure{margin:18px auto 10px;max-width:720px}
.family-figure.wide{max-width:980px}
.family-figure img{display:block;width:100%;height:auto;border:1px solid var(--rule);border-radius:8px;background:#fff}
.family-figure figcaption{margin-top:8px;font:var(--small)/1.5 var(--sans);color:var(--muted)}
.family-figure figcaption strong{color:var(--ink);font-weight:600}
.intuition{margin:16px 0 4px;padding:2px 18px 8px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0}
.intuition>summary{padding:9px 0;font:600 var(--small)/1.4 var(--sans);color:var(--accent-ink);cursor:pointer}
.intuition>summary .tag{margin-left:8px;vertical-align:1px}
.intuition ol{margin:4px 0 6px;padding-left:22px}
.intuition li{margin:12px 0}
.intuition .katex-display{margin:.5em 0}
.smallest-table{max-width:720px}
.smallest-table td,.smallest-table th{padding:7px 10px}
@media(max-width:560px){.intuition{padding:2px 10px 6px}.intuition ol{padding-left:18px}}