/* The diagram has its own small component sheet; the rest of the site is unchanged. */
.chart-panel.performance-diagram{margin:0;padding:0;border:0;border-radius:0;background:none;max-width:100%;width:100%;min-width:0;filter:drop-shadow(0 18px 35px #0005)}
.diagram-edge{padding:1px;background:linear-gradient(135deg,#767670 0%,#363633 32%,#383834 73%,#787870 100%);clip-path:polygon(0 19px,19px 0,100% 0,100% calc(100% - 19px),calc(100% - 19px) 100%,0 100%)}
.diagram-surface{padding:30px 27px 23px;background:radial-gradient(ellipse at 90% 15%,#30303025,transparent 58%),#0b0b0b;clip-path:polygon(0 19px,19px 0,100% 0,100% calc(100% - 19px),calc(100% - 19px) 100%,0 100%)}
.diagram-header{display:flex;align-items:center;justify-content:space-between;gap:18px}
.diagram-brand{display:flex;align-items:center;gap:12px;min-width:0}
.diagram-brand img{width:23px;height:33px;opacity:.86;flex:none}
.diagram-brand>div>span{display:block;font-family:var(--display);font-size:13px;font-weight:800;letter-spacing:.07em;line-height:1.4;color:#deded6}
.diagram-brand h3{font-family:var(--font);font-weight:400;font-size:10px;letter-spacing:0;line-height:1.6;margin-top:3px;color:#85857c}
.diagram-status{display:inline-flex;align-items:center;gap:7px;font-size:9px;line-height:1.5;color:#99998f;border:1px solid #3a3a35;padding:5px 8px;border-radius:3px;background:#24242435;flex:none}
.diagram-status i{height:4px;width:4px;background:#aeaea0;border-radius:50%}
.diagram-plot{display:block;width:100%;height:auto;overflow:visible;margin-top:38px}
.diagram-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #2b2b27;padding-top:15px;margin-top:2px;font-size:8px;line-height:1.7;color:#949489}
.diagram-caption>span:last-child{max-width:220px;text-align:right}
.diagram-legend{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#c1c1b7}
.diagram-legend i{width:7px;height:2px;background:#c1c1b7}
@keyframes diagram-draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@media(min-width:801px){.performance-section{grid-template-columns:.85fr 1.4fr;gap:62px}.diagram-brand>div>span{font-size:14px}}
@media(max-width:800px){.chart-panel.performance-diagram{max-width:710px}.diagram-surface{padding:28px}.diagram-plot{margin-top:33px}.diagram-caption{font-size:9px}}
@media(max-width:560px){.diagram-surface{padding:23px 16px 18px}.diagram-header{gap:10px}.diagram-brand{gap:9px}.diagram-brand img{width:20px;height:29px}.diagram-brand>div>span{font-size:12px}.diagram-brand h3{font-size:9px}.diagram-status{font-size:8px;padding:4px 6px;gap:5px}.diagram-plot{margin-top:29px}.diagram-caption{font-size:8px;gap:10px;padding-top:12px}.diagram-caption>span:last-child{max-width:164px}.diagram-legend{white-space:normal;max-width:93px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.reveal-ready.revealed .diagram-trace{animation:none}}

.diagram-bars rect{transform-box:fill-box;transform-origin:center bottom}.diagram-entered .diagram-bars rect{animation:diagram-rise .8s cubic-bezier(.2,.75,.3,1) both}.diagram-bars rect:nth-child(2){animation-delay:.06s}.diagram-bars rect:nth-child(3){animation-delay:.12s}.diagram-bars rect:nth-child(4){animation-delay:.18s}.diagram-bars rect:nth-child(5){animation-delay:.24s}.diagram-bars rect:nth-child(6){animation-delay:.3s}.diagram-bars rect:nth-child(7){animation-delay:.36s}.diagram-bars rect:nth-child(8){animation-delay:.42s}.diagram-bars rect:nth-child(9){animation-delay:.48s}.diagram-bars rect:nth-child(10){animation-delay:.54s}.diagram-bars rect:nth-child(11){animation-delay:.6s}.diagram-entered .diagram-trace{animation:diagram-draw 1.6s .2s ease-out both}.diagram-pulse{transform-box:fill-box;transform-origin:center;animation:diagram-breathe 3s ease-in-out infinite;animation-play-state:paused}.diagram-visible .diagram-pulse{animation-play-state:running}.diagram-bars rect:hover{filter:brightness(1.45)}@keyframes diagram-rise{from{transform:scaleY(.05);opacity:.2}to{transform:scaleY(1);opacity:1}}@keyframes diagram-breathe{0%,100%{transform:scale(.85);opacity:.5}50%{transform:scale(1.2);opacity:1}}@media(prefers-reduced-motion:reduce){.performance-diagram *{animation:none!important}}
