
.summary-page{max-width:1460px;margin:auto;padding:26px 36px 36px;color:#263e4d;background:#fff;font-family:Arial,sans-serif}
.summary-page h1{font-size:26px;font-weight:650;letter-spacing:-.3px;margin:0 0 20px}
.summary-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:26px}
.summary-total{border-top:2px solid var(--accent);padding:10px 0 6px;min-width:0}
.summary-total .total-name{display:block;font-size:12px;line-height:1.5;color:#627785}
.summary-total strong{display:block;font-size:29px;line-height:1.3;font-weight:650;margin-top:4px;font-variant-numeric:tabular-nums;color:#273f4e}
.stats-section{--plot-height:320px;padding:0 0 18px;margin:0 0 20px;border-bottom:1px solid #e7edef;scroll-margin-top:20px}
.stats-section:last-child{border:0;margin:0;padding:0}
.stats-section h2{font-size:18px;margin:0 0 10px;font-weight:650;letter-spacing:-.1px}
#metabolic{--plot-height:288px}#disease{--plot-height:300px}#trait{--plot-height:280px}#molecular{--plot-height:248px}#studies{--plot-height:360px}
.stats-grid{display:grid;gap:18px;align-items:stretch;grid-template-columns:var(--panel-columns,repeat(2,minmax(0,1fr)))}
.stats-three{grid-template-columns:var(--panel-columns,repeat(3,minmax(0,1fr)))}
.stats-panel{margin:0;min-width:0;display:flex;flex-direction:column}
.stats-panel[hidden]{display:none}
.stats-panel figcaption{font-size:12px;font-weight:500;line-height:1.4;color:#4d6675;display:flex;align-items:center;gap:8px;margin:0 0 4px;height:34px}
.stats-panel figcaption>span{font-size:16px;color:#1e3846;font-weight:700;flex:none}
.stats-plot{min-width:0;position:relative;height:var(--plot-height)}
.stats-plot svg{display:block;width:100%;height:var(--plot-height);overflow:visible}
.stats-plot [role=button]{cursor:pointer;outline:none}
.stats-plot [role=button]:focus-visible{outline:1px solid #3b6c80;outline-offset:2px}
.stats-plot .stats-selected{filter:brightness(.8)}
.stats-tooltip{position:fixed;z-index:1000;pointer-events:none;background:#244451;color:#fff;border-radius:4px;padding:9px 12px;max-width:310px;font-size:11px;line-height:1.65;white-space:pre-line;box-shadow:0 4px 15px #16354a15}
.summary-page #summary-load:empty{display:none}.summary-page #summary-load{font-size:13px;color:#687e8c}
.summary-page .stats-axis path{stroke:#a7bcc4}.summary-page .stats-axis line{stroke:#b8c9cf}.summary-page .stats-axis text{fill:#768994}
.summary-page+.site-footer{border-top:1px solid #e7edef}
@media(max-width:1100px){.summary-page{padding:24px}.stats-grid{gap:14px}}
@media(max-width:1040px){.summary-page .stats-three{grid-template-columns:1fr}.stats-grid{gap:18px}}
@media(max-width:650px){.summary-page{padding:22px 18px 30px}.summary-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.summary-total strong{font-size:26px}.summary-total .total-name{font-size:11px}.summary-page .stats-two{grid-template-columns:1fr}.stats-section h2{font-size:17px}.summary-page h1{font-size:24px;margin-bottom:18px}}
