/* Real evidence follows the same image + explanation rows as direction A. */
.real-examples{padding-block:var(--space-8);border-top:1px solid var(--line)}
.real-examples .section-top{gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}
.real-examples-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6)}
.real-examples figure{margin:0;min-width:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:var(--space-6);border:0;background:transparent}
.real-examples .example-open{display:block;width:100%;min-width:0;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:var(--radius);font:inherit;text-align:left;background:var(--surface);color:var(--accent);cursor:zoom-in}
.real-examples .example-open img{display:block;width:100%;max-width:100%;height:360px;object-fit:contain;object-position:center;padding:var(--space-4);box-sizing:border-box;background:var(--surface)}
.real-examples .example-open>span{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px;padding:var(--space-3) var(--space-4);font-size:var(--text-small);background:var(--panel);border-top:1px solid var(--line)}
.real-examples .example-open:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.real-examples figcaption{padding:0;min-width:0}
.real-examples h3{margin-bottom:var(--space-3)}
.real-examples figcaption p{font-size:var(--text-body);color:var(--muted)}
.example-points{list-style:none;padding:0;margin-block:var(--space-4);display:grid;gap:var(--space-3)}
.example-points li{padding-top:var(--space-3);border-top:1px solid var(--line)}
.example-points strong,.example-points span{display:block}
.example-points span{color:var(--muted);font-size:var(--text-small);margin-top:var(--space-2)}
.real-examples .example-note{font-size:var(--text-small)}
@media(min-width:1101px){.example-points li{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--space-3)}.example-points span{margin-top:0}}
@media(max-width:900px){.real-examples figure{grid-template-columns:minmax(0,1fr)}.real-examples .example-open img{height:320px}}
@media(max-width:620px){.real-examples .example-open img{height:240px}}