.model-panel { margin-top: 1rem; border-top: 1px solid var(--line, #e2e8f0); padding-top: .75rem; }
.model-panel > summary { cursor: pointer; color: var(--accent, #365b68); font-size: .875rem; font-weight: 600; width: fit-content; }
.model-panel > summary:focus-visible { outline: 2px solid var(--accent, #365b68); outline-offset: 4px; border-radius: 3px; }
.model-panel__body { margin-top: .75rem; padding: 1rem; color: var(--ink, #263b35); background: var(--surface, #f7f9fa); border: 1px solid var(--line, #e2e8f0); border-radius: .75rem; }
.model-panel__body h3 { margin: 0 0 .5rem; font-size: 1rem; }
.model-panel__question { margin: 0 0 .5rem; font-weight: 600; }
.model-panel__note { color: var(--muted, #596773); font-size: .75rem; line-height: 1.5; margin: 0 0 .75rem; }
.model-panel__row { display: grid; grid-template-columns: minmax(7rem, 1fr) 3fr; gap: .75rem; padding: .75rem 0; border-top: 1px solid var(--line, #e2e8f0); font-size: .875rem; line-height: 1.5; }
.model-panel__row strong { font-size: .8rem; overflow-wrap: anywhere; }
.model-panel__row p { margin: 0; }
.model-panel__row--unavailable { color: var(--muted, #596773); }
.model-panel__row--loading { color: var(--muted, #596773); }
.model-panel__loading { display: inline-flex; align-items: center; gap: .45rem; }
.model-panel__spinner { width: .75rem; height: .75rem; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: model-panel-spin .7s linear infinite; }
@keyframes model-panel-spin { to { transform: rotate(360deg); } }
.model-panel__status { margin: .75rem 0 0; font-size: .8rem; line-height: 1.5; }
@media (max-width: 480px) { .model-panel__row { grid-template-columns: 1fr; gap: .25rem; } }