.hdam-model { --hdam-gold:#d3b574; --hdam-cyan:#6ab6c6; background:#0d1014; border:1px solid #b394554d; color:#eee8db; padding:clamp(22px,3vw,48px); }
.hdam-model-header { display:flex; justify-content:space-between; gap:22px; align-items:flex-start; }
.hdam-code { font:10px Consolas,monospace; letter-spacing:.15em; color:#79b9c8; }
.hdam-model h2 { font:clamp(26px,3.4vw,45px)/1.12 Cinzel,Georgia,serif; letter-spacing:-.025em; margin:18px 0; }
.hdam-scenario-badge { white-space:nowrap; padding:7px 10px; border:1px solid #ad8d495c; color:#d3b574; font-size:10px; }
.hdam-intro { max-width:790px; color:#aeb7c0; font:13px/1.9 Inter,'Segoe UI',sans-serif; margin:10px 0 32px; }
.hdam-model-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:25px; }
.hdam-controls { background:#14181e; border:1px solid #b394553d; padding:23px; align-self:start; }
.hdam-model h3 { font:14px/1.4 Cinzel,Georgia,serif; color:#e3d3ad; }
.hdam-controls label { display:block; font:11px/1.5 Inter,'Segoe UI',sans-serif; color:#adc5d5; margin:22px 0 8px; }
.hdam-controls input,.hdam-controls select { width:100%; min-width:0; box-sizing:border-box; padding:11px; border:1px solid #8f79514d; border-radius:4px; color:#e4dccb; background:#0b0e12; font:13px Inter,'Segoe UI',sans-serif; }
.hdam-controls select { font-size:11px; }
.hdam-controls p,.hdam-chart-note,.hdam-assumptions { font:11px/1.8 Inter,'Segoe UI',sans-serif; color:#9badbc; }
.hdam-controls p { margin-top:20px; }
.hdam-reset { border:1px solid #b3945559; background:transparent; color:#d9bd7e; padding:9px 12px; font-size:11px; cursor:pointer; margin-top:24px; }
.hdam-results { min-width:0; }
.hdam-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin-bottom:20px; }
.hdam-metrics article { background:#14181e; border:1px solid #b3945540; border-top:2px solid #b39455; padding:20px 17px; }
.hdam-metrics article:nth-child(2) { border-top-color:#6ab6c6; }
.hdam-metrics span { display:block; text-transform:uppercase; color:#9eb4c5; font:9px/1.7 Inter,'Segoe UI',sans-serif; letter-spacing:.07em; }
.hdam-metrics strong { display:block; color:#e7d8b8; font:clamp(25px,2.7vw,39px)/1.4 Georgia,serif; margin:7px 0; font-variant-numeric:tabular-nums; }
.hdam-metrics strong[data-negative="true"] { color:#e69b89; }
.hdam-metrics small { display:block; color:#aab6bf; font:10px/1.7 Inter,'Segoe UI',sans-serif; }
.hdam-chart-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:20px; }
.hdam-chart-panel { border:1px solid #b3945540; padding:22px; background:#11151a; min-width:0; }
.hdam-panel-title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:23px; }
.hdam-panel-title span { font:8px Consolas,monospace; letter-spacing:.08em; color:#8eacba; }
.hdam-cost-row { margin:26px 0; }
.hdam-cost-row > div:first-child { display:flex; justify-content:space-between; align-items:center; gap:15px; color:#b8c2ca; font:10px Inter,sans-serif; margin-bottom:12px; }
.hdam-cost-row strong { color:#e1d3b4; font:17px Georgia,serif; }
.hdam-bar-track { background:#2c3032; height:13px; border-radius:2px; overflow:hidden; }
.hdam-bar { height:100%; transition:width .2s; }
.hdam-bar.gold { background:linear-gradient(90deg,#92763d,#d3b574); }
.hdam-bar.cyan { background:linear-gradient(90deg,#2d616d,#6ab6c6); }
.hdam-chart-legend { display:flex; gap:18px; color:#b6c0c7; font:9px Inter,sans-serif; }
.hdam-chart-legend span::before { content:''; display:inline-block; width:6px; height:6px; border-radius:50%; margin-right:6px; background:#d3b574; }
.hdam-chart-legend .cyan-dot::before { background:#6ab6c6; }
#hdam-trend svg { display:block; width:100%; min-height:160px; margin-top:18px; }
#hdam-trend text { fill:#9aabba; font:10px Inter,sans-serif; }
.hdam-workload .hdam-panel-title { margin-bottom:8px; }
.hdam-heatmap-scroll { overflow-x:auto; margin-top:20px; }
.hdam-heatmap { border-collapse:separate; border-spacing:5px; width:100%; min-width:400px; }
.hdam-heatmap th { color:#a8bfce; font:10px/1.5 Inter,sans-serif; text-align:left; padding:5px; }
.hdam-heatmap thead th:not(:first-child) { text-align:center; }
.hdam-heatmap td { padding:0; width:15%; }
.hdam-heatmap td span { display:block; color:#f3eee4; text-align:center; padding:10px 5px; font:10px Inter,sans-serif; border:1px solid #b3945530; border-radius:3px; }
.hdam-heatmap-legend { display:flex; justify-content:flex-end; align-items:center; gap:8px; color:#9badbc; font:9px Inter,sans-serif; margin-top:14px; }
.hdam-heatmap-legend i { width:80px; height:6px; background:linear-gradient(90deg,#c4a15b18,#c4a15bbb); }
.hdam-assumptions { border-top:1px solid #b394553d; padding-top:22px; margin-top:28px; }
.hdam-visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.hdam-public-container { padding:35px clamp(20px,4vw,70px) 65px; }
.hdam-public-container > .hdam-model + .hdam-model { margin-top:28px; }
.build-overview .hdam-metrics { margin-bottom:0; }
.build-overview p { color:#aeb7c0; font:12px/1.8 Inter,sans-serif; }
.build-overview a { color:#d3b574; font:12px/1.7 Inter,sans-serif; }
.build-overview h3 { font-size:19px; margin:16px 0; }
.hdam-model :focus-visible { outline:2px solid #6ab6c6; outline-offset:3px; }
@media(max-width:1100px) { .hdam-chart-grid { grid-template-columns:1fr; } }
@media(max-width:750px) { .hdam-model-layout { grid-template-columns:1fr; } .hdam-model-header { flex-direction:column; gap:4px; } .hdam-metrics { grid-template-columns:1fr; } .hdam-metrics strong { font-size:36px; } .hdam-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; } .hdam-controls h3,.hdam-controls p { grid-column:1/-1; } .hdam-controls label { align-self:center; margin:12px 0; } .hdam-reset { margin-top:10px; grid-column:1/-1; } }
@media(prefers-reduced-motion:reduce) { .hdam-bar { transition:none; } }