/* Page-specific additions; shared brand typography and tokens stay in firmledge.css. */
.example-hero { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,4fr); gap:3rem; align-items:center; }
.example-origin { max-width:44rem; font-size:.9375rem; color:var(--muted); border-left:2px solid var(--cobalt); padding-left:1rem; }
.example-summary { background:var(--white); border:1px solid var(--rule-strong); padding:1.75rem; }
.example-balance { font-family:var(--font-serif); font-size:3.5rem; line-height:1.1; margin-bottom:.4rem; }
.example-summary dl { margin:1.5rem 0; }
.example-summary dl div { display:flex; justify-content:space-between; gap:1rem; border-top:1px solid var(--rule); padding:.65rem 0; font-size:.9375rem; }
.example-summary dd { margin:0; white-space:nowrap; font-family:var(--font-mono); }
.example-chain { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; padding:0; margin:0; border-top:1px solid var(--ink); }
.example-chain li { padding:1rem 1.25rem 1rem 0; margin:0; }
.example-chain a { display:block; font-weight:500; }
.example-chain span { display:block; color:var(--faint); font-family:var(--font-mono); font-size:.75rem; margin-bottom:.5rem; }
.example-table-wrap { overflow-x:auto; min-width:0; border:1px solid var(--rule-strong); background:var(--white); }
.example-table-wrap:focus-visible { outline:2px solid var(--cobalt); outline-offset:3px; }
.example-table { font-size:.9375rem; }
.example-table caption { text-align:left; padding:1rem; font-family:var(--font-mono); font-size:.75rem; color:var(--muted); }
.example-table th,.example-table td { padding:.85rem 1rem; text-align:left; border-top:1px solid var(--rule); }
.example-table th { font-weight:500; }
.example-table .num { text-align:right; font-family:var(--font-mono); font-size:.875rem; white-space:nowrap; }
.example-table tfoot { background:var(--bone); }
.example-file-links { display:flex; flex-wrap:wrap; gap:.75rem 2rem; margin-top:1.25rem; font-size:.9375rem; }
.example-downloads li { display:flex; justify-content:space-between; gap:1rem; }
.example-downloads span { font-family:var(--font-mono); font-size:.75rem; padding-top:.25rem; color:var(--faint); }
@media(max-width:960px) { .example-hero { grid-template-columns:minmax(0,1fr); gap:2rem; } .example-chain { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:720px) { .example-summary { padding:1.25rem; } .example-balance { font-size:3rem; } .example-table th,.example-table td { padding:.75rem; } }
@media(max-width:400px) { .example-chain { grid-template-columns:minmax(0,1fr); } .example-chain li { border-bottom:1px solid var(--rule); } .example-summary dl div { flex-wrap:wrap; gap:.25rem .75rem; } }