/* Scoped comparison tables and printable Symbols reference. */
.article-body { width:100%; max-width:100%; }
.reference-table-wrap { max-width:100%; overflow-x:auto; margin:1.5rem 0; }
.reference-table { width:100%; min-width:34rem; border-collapse:collapse; font-size:.95rem; }
.reference-table caption { text-align:left; font-weight:700; margin-bottom:.6rem; }
.reference-table th,.reference-table td { text-align:left; vertical-align:top; padding:.75rem; border:1px solid #c9bcaa; overflow-wrap:normal; }
.reference-table thead th { background:#f2eadf; }
.reference-table tbody th { width:22%; }
.reference-table-wrap:focus-visible { outline:3px solid #825222; outline-offset:3px; }
.reference-heading { max-width:75ch; margin-bottom:1.5rem; }
.visual-reference-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.visual-reference-card { display:grid; grid-template-columns:80px minmax(0,1fr); align-items:start; gap:1rem; padding:1.1rem; border:1px solid #c9bcaa; border-radius:.6rem; background:#fffdf9; }
.visual-reference-card img { width:80px; height:80px; object-fit:contain; }
.visual-reference-card h3 { font-size:1.2rem; margin:0 0 .5rem; }
.visual-reference-card p { margin:.4rem 0; }
.visual-reference-card a { text-decoration:underline; text-underline-offset:.2em; }
.reference-context { font-size:.9rem; border-top:1px solid #d6ccbd; padding-top:.5rem; }
.reference-credit { font-size:.9rem; margin-top:1.2rem; }
.reference-print-url { display:none; }
.reference-table-hint { font-size:.9rem; }
@media(max-width:700px) { .visual-reference-grid { grid-template-columns:1fr; } }
@media(max-width:380px) { .visual-reference-card { grid-template-columns:56px minmax(0,1fr); gap:.65rem; padding:.75rem; } .visual-reference-card img { width:56px; height:56px; } .reference-table th,.reference-table td { padding:.45rem; } }
@media print {
 .reference-table-wrap { overflow:visible; }
 .reference-table { font-size:10pt; min-width:0; }
 .reference-table-hint { display:none; }
 .reference-table tr { break-inside:avoid; }
 body[data-page="symbols/index.html"] { font-size:10pt; line-height:1.3; }
 body[data-page="symbols/index.html"] .skip-link,
 body[data-page="symbols/index.html"] #main > :not(#symbols-reference) { display:none!important; }
 #symbols-reference { padding:0; margin:0; color:#000; }
 #symbols-reference .reference-heading { max-width:none; margin:0 0 4mm; }
 #symbols-reference h2 { font-size:20pt; margin:0 0 2mm; }
 #symbols-reference .eyebrow { color:#000; margin:0 0 2mm; }
 #symbols-reference .visual-reference-grid { display:block; }
 #symbols-reference .visual-reference-card { display:grid; grid-template-columns:16mm minmax(0,1fr); gap:3mm; padding:3mm; margin:0 0 3mm; border:1px solid #888; border-radius:0; background:#fff; break-inside:avoid; }
 #symbols-reference .visual-reference-card img { width:16mm; height:16mm; filter:grayscale(1); }
 #symbols-reference h3 { font-size:12pt; margin:0; }
 #symbols-reference p { margin:1mm 0; }
 #symbols-reference a { color:#000; }
 #symbols-reference h3 a::after { content:none; }
 #symbols-reference .reference-context { font-size:9pt; padding-top:1mm; }
 #symbols-reference .reference-credit { font-size:8pt; margin-top:3mm; }
 #symbols-reference .reference-print-url { display:block; font-weight:700; margin-top:2mm; }
}