main.wide{max-width:960px}
.lede{font-size:1.15rem}
.diagram{width:100%;max-width:520px;height:auto;display:block;margin:0 auto}
.diagram .leg{fill:none;stroke:var(--gold);stroke-width:2.5}
.diagram .ref{stroke:var(--line);stroke-dasharray:4 4}
.diagram .pt{fill:var(--ink)}
.diagram .lbl{font:600 14px 'IBM Plex Sans',system-ui,sans-serif;fill:var(--ink);text-anchor:middle}
.rules{font-size:.95rem}.rules code{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:1px 5px}
.scroll{overflow-x:auto;margin:12px 0}
table{border-collapse:collapse;width:100%;font:14px/1.4 'IBM Plex Sans',system-ui,sans-serif}
th,td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;white-space:nowrap}
th{color:var(--muted);font-weight:600}
td.pos{color:#2E7D4F}td.neg{color:#B23B3B}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:24px 0}
.pcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;text-decoration:none;color:var(--ink)}
.pcard:hover{border-color:var(--gold)}
.pcard .pname{font-weight:600;display:block;margin-bottom:4px}
.pcard .diagram{max-width:200px}
.pcard .muted{font-size:.8rem}