/* Neutral charcoal display cases, silver contour drawings and restrained bronze measures. */
#detail-dialog{background:#101114;border-color:#ffffff24;border-radius:8px;box-shadow:0 32px 120px #000b;color:#eeece5}
#detail-dialog::backdrop{background:#030405c7;backdrop-filter:blur(14px)}
#detail-dialog .dialog-shell{background:linear-gradient(135deg,#ffffff03,transparent 50%),#101114}
#detail-dialog .dialog-shell p{color:#c1c2c6}
#detail-dialog .dialog-shell .eyebrow{color:#b9a488;letter-spacing:2px}
#detail-dialog .close{border-color:#ffffff22;background:#ffffff04;color:#dcdbd6}
#detail-dialog .close:hover{background:#ffffff0c;border-color:#c6b39388}
#detail-dialog :is(.detail-stats,.tree-root,.tree-clades,.tree-clade,.skull-explorer){border-color:#ffffff24}
#detail-dialog :is(.tree-clade button,.detail-compare,.relative-detail,.skull-tabs button){background:#ffffff03;border-color:#ffffff22}
#detail-dialog :is(.tree-clade button:hover,.detail-compare:hover,.skull-tabs button[aria-pressed=true]){background:#bda98b0a;border-color:#bda98b66}
#detail-dialog :is(.source-link,.detail-stats dt,.tree-root,.tree-clade h3){color:#c8b393}
#detail-dialog .note{color:#91959c!important}
#detail-dialog.comparison-dialog{max-width:1120px;width:calc(100% - 48px);max-height:92dvh}
#detail-dialog.comparison-dialog .dialog-shell{padding:42px 46px 35px}
.comparison-heading{padding-right:40px}
#detail-dialog .comparison-heading h2{font-size:clamp(36px,4vw,52px);margin-bottom:10px;line-height:1.12}
#detail-dialog .comparison-heading .eyebrow{font-size:10px;margin:0 0 15px}
#detail-dialog .comparison-reference{font-size:13px;line-height:1.7;max-width:none;margin:0 0 27px;color:#afb2b8}
.museum-figure{margin:0;border:1px solid #ffffff20;border-radius:3px;background:radial-gradient(ellipse at 50% 40%,#ffffff04,transparent 80%),#0c0d10;overflow:hidden}
.plate-caption,.museum-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;color:#9da1a9;font-size:9px;letter-spacing:1.7px;line-height:1.6;font-family:var(--sans)}
.plate-caption{border-bottom:1px solid #ffffff0e}
.museum-figure figcaption{border-top:1px solid #ffffff0e;letter-spacing:1.1px;color:#b8b6b1}
.museum-comparison{display:block;width:100%;height:340px;max-height:none;padding:12px 16px 0;overflow:visible}
.museum-comparison :is(path,circle){vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.museum-comparison .contour{fill:#eeece503;stroke:#deddd5;stroke-width:1.25}
.museum-comparison .far-contour{fill:none;stroke:#797e85;stroke-width:.85}
.museum-comparison .anatomy{fill:none;stroke:#a7aaab;stroke-width:.8}
.museum-comparison .fine,.museum-comparison .feather{fill:none;stroke:#92979b;stroke-width:.55;opacity:.8}
.museum-comparison .armor{fill:none;stroke:#aeb2b1;stroke-width:.6}
.museum-comparison .hatch{fill:none;stroke:#92979b;stroke-width:.45;opacity:.5}
.museum-comparison .eye-ring{fill:none;stroke:#d7d9d3;stroke-width:.55}
.museum-comparison .eye{fill:#d7d9d3;stroke:none}
.museum-comparison .human-contour{fill:#bcaa8e09;stroke:#cbb795;stroke-width:1.1}
.museum-comparison .human-detail{fill:none;stroke:#ad9c83;stroke-width:.65}
.museum-comparison .datum-grid{fill:none;stroke:#ffffff0f;stroke-width:.6;stroke-dasharray:2 7}
.museum-comparison .baseline{fill:none;stroke:#9b9da05c;stroke-width:.8}
.museum-comparison .measure-rule{fill:none;stroke:#b7a78d;stroke-width:.65}
.museum-comparison .human-dimension{fill:none;stroke:#b7a78d88;stroke-width:.6}
.museum-comparison .detail-leader{fill:none;stroke:#8e9499;stroke-width:.6;stroke-dasharray:3 5}
.museum-comparison text{font-family:var(--sans);font-size:15px;letter-spacing:.5px;fill:#979da5}
.museum-comparison .human-label{font-size:15px;fill:#c7b698;letter-spacing:1px}
.museum-comparison .figure-label{font-size:16px;fill:#dfdcd3;letter-spacing:2px}
.museum-comparison .figure-sub{font-size:13px;fill:#8f959e}
.comparison-controls{display:grid;grid-template-columns:minmax(260px,1fr) 1fr;gap:45px;align-items:center;padding:27px 0 22px;border-bottom:1px solid #ffffff14}
.comparison-controls .height-control{width:100%;max-width:none;margin:0}
#detail-dialog .comparison-controls .scale-summary{text-align:right;font-family:var(--sans);font-size:12px;color:#b8b3a8!important;line-height:1.7;margin:0}
#detail-dialog .height-control label{font-size:12px;color:#c7c8cb}
#detail-dialog .height-control output{color:#dbc7a8;font-variant-numeric:tabular-nums}
#detail-dialog .height-control input{accent-color:#bda98b;margin:12px 0 4px;height:20px}
#detail-dialog .range-labels{color:#8b9098;font-size:10px}
.comparison-footnotes{padding-top:18px}
#detail-dialog .comparison-footnotes .note{font-size:11px;line-height:1.8;max-width:none;margin:0 0 10px}
#detail-dialog .comparison-footnotes .source-link{font-size:10px;border-color:#bda98b44}
@media(max-width:760px){
 #detail-dialog.comparison-dialog{width:calc(100% - 20px);max-height:94dvh}
 #detail-dialog.comparison-dialog .dialog-shell{padding:45px 18px 24px}
 #detail-dialog .comparison-heading h2{font-size:35px}
 #detail-dialog .comparison-heading .eyebrow{font-size:8px;letter-spacing:1.4px;max-width:230px;line-height:1.7}
 #detail-dialog .comparison-reference{font-size:12px;margin-bottom:20px}
 .plate-caption,.museum-figure figcaption{font-size:8px;letter-spacing:.7px;padding:11px 12px;gap:12px}
 .museum-figure figcaption{align-items:flex-start;flex-direction:column;gap:3px}
 .museum-comparison{height:260px;padding:10px 5px 0}
 .comparison-controls{grid-template-columns:1fr;gap:14px;padding:23px 0 18px}
 #detail-dialog .comparison-controls .scale-summary{text-align:left;font-size:11px}
 #detail-dialog .comparison-footnotes .note{font-size:10px}
}

.museum-comparison :is(.axis-label,.human-label){font-size:var(--plate-font,15px)}
@media(max-width:760px){.museum-comparison :is(.axis-label,.human-label){font-size:max(36px,var(--plate-font,15px))}}