.mock-figure{margin:18px 0 10px;padding:14px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,var(--blue-dim));overflow:hidden}
.mock-figure>img,.mock-figure-grid img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;border-radius:12px;background:#f7f6f1}
.mock-figure figcaption{margin-top:10px;color:var(--text-dim);font-size:.74rem;line-height:1.5}
.mock-figure-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.75fr);gap:12px;align-items:center}
.mock-figure-transcript{margin:0 0 14px;border:1px solid var(--border);border-radius:13px;background:var(--surface2);padding:0 12px}
.mock-figure-transcript summary{padding:10px 0;color:var(--blue2);font-size:.72rem;font-weight:750;cursor:pointer}
.mock-figure-transcript p{margin:0;padding:0 0 12px;color:var(--text-dim);font-size:.78rem;line-height:1.65}
.mock-boolean-select{min-width:190px;cursor:pointer}
html[data-theme="dark"] .mock-figure{background:color-mix(in srgb,var(--surface) 94%,var(--blue-dim))}
html[data-theme="dark"] .mock-figure>img,html[data-theme="dark"] .mock-figure-grid img{background:#f2f1ed}
@media(max-width:720px){.mock-figure{margin:14px 0 8px;padding:8px;border-radius:14px}.mock-figure-grid{grid-template-columns:1fr}.mock-figure>img,.mock-figure-grid img{max-height:none}.mock-boolean-select{width:100%;min-width:0}}