/* kpsgill-figures.css — original explanatory diagrams (10 Nov 2026; tools/build_figures_2026_11.py).
   One figure component: a small kicker, the diagram (wide layout on desktop, single-column layout on phones via
   <picture>), and a caption. The image links to the full-size SVG so a reader can zoom. */
.k-fig{margin:30px 0 34px;padding:0}
figure.k-fig .k-fig-k{display:block;font:600 11.5px/1.3 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#175A4A;margin:0 0 8px}
.k-fig-a{display:block;text-decoration:none;border-radius:10px;outline-offset:3px}
.k-fig-a:focus-visible{outline:3px solid #B8863B}
.k-fig img{display:block;width:100%;height:auto;border:1px solid #E4E2DA;border-radius:10px;background:#FBFAF7;box-shadow:0 1px 2px rgba(18,35,63,.05),0 8px 24px -14px rgba(18,35,63,.18)}
.k-fig figcaption{margin:10px 0 0;padding-inline-start:12px;border-inline-start:2px solid #B8863B;font:400 14px/1.5 'Public Sans',system-ui,Arial,sans-serif;color:#526372}
.k-fig--chart img{box-shadow:none}
.k-fig-row{display:grid;gap:20px}
@media (min-width:900px){.k-fig-row{grid-template-columns:1fr 1fr}}
@media print{.k-fig{break-inside:avoid}.k-fig img{box-shadow:none}}
@media (prefers-color-scheme:dark){.k-fig img{border-color:#2A3A55}}