/* pictograms, section celule. Tokens come from the page: --count, --estimate, --muted, --rule */
.pict{max-width:1100px;margin-inline:auto}
.pict-panel{margin:2rem 0;padding:1.25rem;border:1px solid var(--rule,#d8d1c3);border-radius:4px}
.pict-panel>h3{margin:0 0 1rem}
.pict-row{display:flex;flex-wrap:wrap;gap:1.5rem 2rem;align-items:flex-start}
.pict-fig{margin:0;flex:1 1 240px;min-width:0;max-width:300px}
.pict-fig svg{display:block;width:100%;height:auto;max-width:300px}
.pict-fig figcaption{margin-top:.6rem;font-size:.95rem;line-height:1.4;color:var(--ink,inherit)}
.pict-cell{fill:none;stroke:var(--muted,#55514a);stroke-width:.6}
.pict-on{stroke:none}
.pict-cards .pict-on{fill:var(--count,#2b4a63)}
.pict-pop .pict-on{fill:var(--estimate,#8a1f1a)}
.pict-pop .pict-on{stroke:var(--bg,#f6f3ee);stroke-width:1.2;stroke-dasharray:1.5 1.5}
.pict-text{margin:1rem 0 0;max-width:66ch}
.pict-caveats{max-width:66ch}
.pict-caveats li{margin:.4rem 0}
@media (max-width:640px){
 .pict-panel{padding:.9rem;margin:1.5rem 0}
 .pict-row{flex-direction:column;gap:1.25rem}
 .pict-fig{flex:none;width:100%;max-width:280px}
}