/* Expanded results stay in the page flow and never cover the anatomy viewer. */
.bone-swatch,.anatomy-swatch.bone{background:#d9d0b4;border:1px solid #a79976}
#normal-layers>.normal-layer-row:first-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px;row-gap:12px}
#normal-layers>.normal-layer-row:first-child label{font-size:.875rem}
.lesson-heading:has(.disease-picker.is-open){align-items:flex-start}
.lesson-heading:has(.disease-picker.is-open) .disease-heading{width:min(780px,100%)}
.lesson-heading:has(.disease-picker.is-open)>p{display:none}
.disease-picker.is-open .search-field{border-color:#16897f;box-shadow:0 0 0 3px #16897f18}
#disease-options{position:relative;inset:auto;margin-top:12px;padding:0;background:#fff;border:1px solid #b8cfca;border-radius:12px;box-shadow:0 8px 24px #173d3810;max-height:min(34rem,55dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block:4rem}
#disease-options .search-meta{position:sticky;top:0;z-index:2;background:#fff;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #dce7e3;color:#29463f;font-size:.875rem;letter-spacing:0;line-height:1.5}
#disease-options .search-meta span{font-size:.875rem;color:#4f6962}
#disease-options [role=group]{padding:0 10px 10px}
#disease-options .search-group-heading{margin:12px 0 4px;padding:10px 12px;border-radius:6px;background:#eaf3f0;color:#245b4f;font-size:.875rem;line-height:1.5;letter-spacing:.025em;border-left:3px solid #368776}
#disease-options .search-group-heading span{font-size:.8125rem;color:#4e6c63}
#disease-options [role=option]{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 12px;margin:2px 0;border:1px solid transparent;border-bottom-color:#e4ebe8;border-radius:7px;color:#203a34;scroll-margin-block:4rem}
#disease-options [role=option]>div{flex:1;min-width:0}
#disease-options strong{font-size:1rem;line-height:1.65;letter-spacing:.01em;font-weight:600;overflow-wrap:anywhere}
#disease-options small{font-size:.875rem;line-height:1.5;color:#5a7169;margin-top:4px;overflow-wrap:anywhere}
#disease-options [role=option]:hover,#disease-options .keyboard-active{background:#eaf5f1;border-color:#81b9a9}
#disease-options [aria-selected=true]{background:#eff8f4;border-color:#bddbcf}
#disease-options .result-current{flex-shrink:0;padding:4px 8px;border-radius:5px;background:#d7eee4;color:#245e48;font-size:.8125rem;line-height:1.5;white-space:nowrap}
#disease-options .result-arrow{flex-shrink:0;color:#527b6d;font-size:1.125rem}
#disease-options .no-result{padding:22px 18px;font-size:1rem;color:#334f45}
#disease-options .no-result small{font-size:.875rem}
.anatomy-panel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.anatomy-panel-toolbar .panel-kicker{margin:0;flex:1;min-width:160px;line-height:1.6}
#clear-anatomy{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 14px;border:1px solid #aac5b7;border-radius:8px;background:#f2f8f4;color:#2c624b;font-size:.875rem;font-weight:600;white-space:nowrap}
#clear-anatomy:hover{background:#e2f0e7;border-color:#6d9d83}
#clear-anatomy:active{background:#d4e8dc}
@media(max-width:600px){#disease-options{max-height:55dvh;margin-top:10px}#disease-options .search-meta{padding:12px;flex-wrap:wrap;gap:4px 12px}#disease-options [role=group]{padding:0 6px 8px}#disease-options [role=option]{gap:8px;padding:12px 10px}#disease-options .result-current{padding:3px 5px}.anatomy-panel-toolbar{gap:10px}}
