/* /panes/ : layout gallery and compact key tables */
.lg-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; margin: 1.2rem 0 .8rem; }
.lg-card { margin: 0; padding: 12px; border-radius: var(--r); background: var(--panel); border: 1px solid var(--line); scroll-margin-top: calc(var(--bar-h) + 16px); }
.lg-card svg { display: block; width: 100%; height: auto; }
.lg-win { fill: var(--term); stroke: var(--line-2); }
.lg-pane { fill: var(--panel-3); stroke: var(--line-2); }
.lg-main { fill: var(--green-soft); stroke: var(--green); }
.lg-n { fill: var(--ink-2); font: 600 18px var(--mono); }
.lg-card figcaption { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 10px; font-size: 13.5px; color: var(--ink-2); }
.lg-name { font-size: 13px; font-weight: 600; color: var(--ink); background: none; padding: 0; border: 0; overflow-wrap: anywhere; }
.lg-key { margin-left: auto; }
.lg-d { flex-basis: 100%; }
.lg-geo { flex-basis: 100%; font: 11.5px var(--mono); color: var(--ink-3); }
.pk table { margin-top: .4rem; }
.pk td:first-child { white-space: nowrap; }
.pk h3 { margin-top: .6rem; }
.callout code, .answer-a p code, .page-article li code { overflow-wrap: anywhere; }