.habitat-quick{background:#edf7f1;border-left:4px solid #33996c;padding:10px 14px;margin:12px 0}.habitat-quick p{margin:4px 0;font-size:13px}.habitat-quick strong{color:#28754e}.habitat-quick[hidden],.species-detail[hidden]{display:none}.species-detail{margin:22px 0 30px;scroll-margin-top:15px}.species-detail h2,.measurement-ranking h2{font-size:19px;margin:0 0 14px}.facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fact-panel{background:#f4f8fb;padding:15px 18px;border-radius:8px}.fact-panel h3{margin:0 0 8px;font-size:15px}.fact-panel p{margin:5px 0}.fact-panel ul{padding-left:20px;margin:5px 0}.fact-panel li{margin-bottom:7px}.fact-source{font-size:11px;color:#73828c}.habitat-tag{display:inline-block;margin:3px 5px 3px 0;padding:2px 9px;border-radius:20px;background:#e0efe7;color:#316d50;font-size:12px}.measurement-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:21px}.measurement-title h3{margin:0;font-size:16px}#variant-label{font-size:12px;max-width:340px}.measure-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0}.measure-stat{background:#f5f8fb;padding:12px;border-radius:7px;min-width:0}.measure-stat-label{font-size:12px;color:#536b7b}.measure-stat-value{display:block;font-size:clamp(16px,2.3vw,25px);font-weight:650;white-space:nowrap;letter-spacing:-.5px}.measure-unit{display:block;font-size:11px;color:#657b89}.measure-plots{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.measure-plots h4{font-size:13px;margin:10px 0}.measure-row{display:grid;grid-template-columns:95px minmax(40px,1fr) 115px;gap:10px;align-items:center;min-height:34px}.measure-label{font-size:12px}.measure-extent{font-variant-numeric:tabular-nums;text-align:right;font-size:12px;white-space:nowrap}.measure-band{height:6px;background:#e9eef2;position:relative;margin:0 5px;min-width:25px}.measure-line{position:absolute;height:6px;border-radius:6px;min-width:2px;top:0}.measure-dot{position:absolute;top:-2px;width:10px;height:10px;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 2px #fff}.measure-axis{display:flex;justify-content:space-between;margin:4px 125px 0 105px;font-variant-numeric:tabular-nums;font-size:10px;color:#6b8090;gap:4px}.measure-axis span{white-space:nowrap}.measure-explainer{font-size:12px;color:#5d7382;margin:13px 0}.measurement-ranking{margin:25px 0}.ranking-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:12px;margin:12px 0}.ranking-row{display:grid;grid-template-columns:220px minmax(40px,1fr) 135px;gap:13px;align-items:center;background:transparent;border:0;border-bottom:1px solid #e9eef2;width:100%;padding:10px 7px;color:#173b49;text-align:left;cursor:pointer;font:inherit}.ranking-row:hover{background:#f1f7fc}.ranking-row.is-selected{background:#e6f2fc;box-shadow:inset 3px 0 #3187d8}.rank-label{display:flex;gap:9px;align-items:baseline;font-size:12px}.rank-number{color:#8095a3;font-variant-numeric:tabular-nums;min-width:21px;text-align:right}.ranking-row .measure-extent{font-weight:600}.ranking-scale .measure-axis{margin-left:240px;margin-right:155px}.ranking-summary{font-size:12px;color:#5d7382}.ranking-legend{font-size:12px;color:#5d7382;margin:8px 0}.skull-glossary{font-size:12px}.skull-glossary dl{display:grid;grid-template-columns:90px 1fr;gap:6px 10px}.skull-glossary dt{font-weight:600}.skull-glossary dd{margin:0}.metric-notes{padding:10px 14px;background:#fff8e9;font-size:12px;color:#74551c;border-radius:6px}.metric-notes p{margin:4px 0}@media(max-width:820px){.measure-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.measure-plots{grid-template-columns:1fr}.measure-stat-value{font-size:22px}.ranking-row{grid-template-columns:180px minmax(40px,1fr) 110px;gap:8px}.ranking-scale .measure-axis{margin-left:195px;margin-right:126px}}@media(max-width:560px){.facts-grid{grid-template-columns:1fr}.measure-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-controls{grid-template-columns:1fr}.ranking-row{grid-template-columns:minmax(0,1fr) 125px;padding:10px 4px}.ranking-row .measure-band{grid-column:1 / -1;grid-row:2;margin:8px 8px 1px}.ranking-row .measure-extent{grid-column:2;grid-row:1}.rank-label{font-size:12px}.ranking-scale .measure-axis{margin:2px 12px}.measure-row{grid-template-columns:82px minmax(30px,1fr) 105px;gap:5px}.measure-axis{margin-left:90px;margin-right:110px}.species-detail h2,.measurement-ranking h2{font-size:17px}.fact-panel{padding:13px}}

.five-compare-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.five-compare-panel{background:#f5f8fb;padding:13px 11px;border-radius:8px;min-width:0}.five-compare-panel h3{margin:0;font-size:15px}.five-compare-unit{font-size:11px;color:#647887;margin:3px 0 12px}.five-rank-row{display:block;width:100%;border:0;border-bottom:1px solid #e0e8ef;padding:10px 0 12px;text-align:left;background:transparent;color:#173b49;cursor:pointer;font:inherit}.five-rank-row:hover,.five-rank-row.is-selected{background:#e6f0f9}.five-rank-heading{display:flex;align-items:baseline;justify-content:space-between;gap:5px;margin-bottom:12px}.five-rank-name{display:flex;gap:5px;font-size:11px;min-width:0}.five-rank-name .rank-number{min-width:11px}.five-rank-value{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.five-rank-row .measure-band{display:block;margin:0 5px}.five-compare-panel .measure-axis{margin:9px 0 0;font-size:9px}.compare-yachi-label{max-width:330px;font-size:12px}.comparison-species-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:15px 0}.compare-key{display:inline-flex;align-items:center;gap:5px;font-size:12px}.compare-dot{width:10px;height:10px;border-radius:50%}@media(max-width:1050px){.five-compare-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:730px){.five-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.five-compare-grid{grid-template-columns:1fr}}

.species-hero{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.3fr);gap:20px;align-items:start}.species-photo{margin:0;padding:12px;background:#f7f9fb;border-radius:8px}.species-photo img{display:block;width:100%;height:auto;max-height:370px;object-fit:contain;background:#fff}.species-photo figcaption{font-size:11px;color:#667d8a;margin-top:9px}.species-hero .facts-grid{grid-template-columns:1fr}@media(max-width:650px){.species-hero{grid-template-columns:1fr}.species-photo img{max-height:300px}}