/* AI infrastructure page: rack calculator */
.pc-slot{fill:#0F172A;stroke:#334155;stroke-dasharray:4 4}
.pc-srvbox{fill:#334155;stroke:#475569}
.pc-gpu{fill:var(--orange)}
#pc-meter{transition:y .35s ease,height .35s ease}
.pc-card rect{transition:stroke .25s ease,fill .25s ease,opacity .25s ease}
.pc-card.is-pick rect{fill:#FFF7ED;stroke:var(--orange);stroke-width:2.5;filter:drop-shadow(0 0 8px rgba(249,115,22,.3))}
.pc-card.is-other{opacity:.45}
.sim-out th[scope=row]{width:34%;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--subtle);font-weight:700;background:transparent}
.sim-lab{font-weight:600;color:var(--ink)}
/* GPU pod, NVIDIA reference design and AI stack */
.gp-gpu{fill:var(--orange)}
.sp-leaf{fill:var(--orange)}
.sp-sys{fill:#94A3B8}
.sk-box{fill:var(--surface-2);stroke:var(--line);stroke-width:1.5}
.pod-foot,.sp-src{margin-top:18px;max-width:72ch}
#m-ai-stack .sim-h{font-family:var(--font-body);font-size:.75rem;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:var(--subtle);margin:4px 0 0}
.sk-states button{padding:.42rem .7rem;font-size:.82rem}
.n rect.gp-gpu{fill:var(--orange);stroke:none}
.pod-bw{margin-top:22px}
.pod-bw caption{caption-side:top;text-align:left;font-weight:700;color:var(--ink);padding:0 0 10px}
.ll-cfg{margin-top:18px;max-width:72ch}
.key-points.kp-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.key-points code{font-size:.9em}
.sk-train{display:none}
@media (max-width:700px){.key-points.kp-2{grid-template-columns:1fr}.sk-train{display:block}.motion-ready .motion-panel .sk-train.m-off{display:none}}
/* Phase 2: cluster types and the GPU hour calculator */
.hp-blk{fill:var(--orange);stroke:#fff;stroke-width:1.5}
.ai-cost{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:start}
.ai-cost-form{display:grid;gap:10px}
.ai-cost-row{display:grid;grid-template-columns:1fr 130px;align-items:center;gap:12px;font-size:.92rem}
.ai-cost-row label{color:var(--ink);font-weight:500}
.ai-cost-row input{font:inherit;padding:.45rem .6rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);width:100%}
.ai-cost-row input:focus-visible{outline:3px solid var(--orange);outline-offset:1px}
.ai-cost-out td:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
@media (max-width:800px){.ai-cost{grid-template-columns:minmax(0,1fr)}.ai-cost-row{grid-template-columns:1fr 112px}}
.ai-cost-out .table-wrap > table{min-width:0}