.model-card .lab-chart, .model-body { display: grid; gap: 14px; min-width: 0; }
.model-card .lab-chart > *, .model-body > *, .model-card .ck-table, .model-card figure { min-width: 0; max-width: 100%; }
.model-field { display: grid; gap: 5px; color: var(--muted); font-size: .8rem; width: fit-content; max-width: 100%; }
.model-field select { max-width: 100%; min-height: 38px; border: 1px solid var(--border); border-radius: 10px; padding: 7px 10px; background: var(--surface); color: var(--ink); font: inherit; }
.model-methods { border-top: 1px solid var(--border); padding-top: 12px; font-size: .84rem; }
.model-methods summary { color: var(--ink-2); cursor: pointer; }
.model-methods p { margin: 10px 0 0; }
.model-match { color: #b9d392; background: none; border: 0; padding: 0; font: inherit; text-align: left; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.model-match:focus-visible, .model-field select:focus-visible { outline: 2px solid var(--s1); outline-offset: 3px; }
.model-card .table-scroll { max-height: 450px; overflow: auto; }
.model-card td, .model-card th { font-variant-numeric: tabular-nums; }
.ck-animate .ck-dense .ck-bubble { animation: none; }
.ck-dense .ck-bubble circle { fill-opacity: .5; stroke-width: .5; }
@media (max-width: 600px) { .model-card .lab-note { font-size: .8rem; } .model-field { width: 100%; } }