/* Homepage-only fictional investigation, after the accepted PostgreSQL incident. */
.home-modular .kube-demo-intro{max-width:72ch;margin:clamp(34px,4vw,56px) 0 18px}
.home-modular .kube-demo-intro p{margin:8px 0 0;color:var(--cc-text-secondary);line-height:1.65}
#kube-demo{
  max-width:1200px;min-width:0;padding:clamp(18px,2.8vw,34px);
  scroll-margin-top:calc(var(--cc-nav-h,72px) + 16px);
  color:var(--cc-text-primary);font:14px/1.55 var(--font-body);
  border:2px solid transparent;
  background:var(--cc-instrument-metal) padding-box,var(--cc-instrument-glint) border-box;
  box-shadow:var(--cc-instrument-shadow);
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)
}
#kube-demo :is(h2,h3,p){margin-block:0 10px}
#kube-demo .kd-header{display:flex;justify-content:space-between;align-items:start;gap:24px}
#kube-demo h2{max-width:25ch;font-size:clamp(25px,2.8vw,40px);line-height:1.15;letter-spacing:-.025em}
#kube-demo h3{font-size:clamp(18px,1.8vw,25px);line-height:1.25}
#kube-demo :is(h3,.demo-answer-feedback,.kd-actions){scroll-margin-top:calc(var(--cc-nav-h,72px) + 16px)}
#kube-demo .kd-eyebrow,#kube-demo .kd-progress{font:11px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cc-blue-bright)}
#kube-demo .kd-controls{display:grid;gap:4px;flex:none}
#kube-demo .kd-controls label{font-size:12px;color:var(--cc-text-secondary)}
#kube-demo select{min-width:116px;min-height:44px;padding:8px 10px;background:var(--cc-instrument-screen);color:var(--cc-text-primary);border:1px solid var(--cc-border);border-radius:6px;font:inherit}
#kube-demo .kd-boundary,#kube-demo .kd-muted{font-size:12px;color:var(--cc-text-secondary)}
#kube-demo .kd-stages{display:flex;gap:20px;list-style:none;margin:16px 0 20px;padding:10px 0;border-block:1px solid var(--cc-divider);font:12px/1.5 var(--font-mono);color:var(--cc-text-secondary)}
#kube-demo .kd-stages li{flex:1;min-width:0}
#kube-demo .kd-stages [data-active=true]{color:var(--cc-blue-bright)}
#kube-demo .kd-stages [data-complete=true]::before{content:"✓ ";color:var(--cc-correct-ink)}
#kube-demo .kd-progress{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#kube-demo [data-kube-guidance]{max-width:70ch;color:var(--cc-text-secondary)}
#kube-demo fieldset{min-width:0;margin:0 0 12px;padding:0;border:0}
#kube-demo fieldset.kd-pods,#kube-demo .kd-evidence{min-width:0;margin:12px 0;border:1px solid #526c7a;border-radius:10px;background:var(--cc-instrument-screen);overflow:hidden}
#kube-demo legend{font-weight:600}
#kube-demo .kd-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px}
#kube-demo .kd-app{text-align:center;min-width:0}
#kube-demo .kd-app strong{display:block}
#kube-demo .kd-app small{display:block;margin-top:10px;font:12px/1.5 var(--font-mono);color:var(--cc-text-secondary)}
#kube-demo .kd-replicas{display:flex;justify-content:center;gap:12px;margin-top:14px}
#kube-demo .kd-pod{position:relative;display:grid;place-items:center;width:56px;height:56px;border:1px solid #55707e;border-radius:6px;background:linear-gradient(140deg,#19303e,#06121b);box-shadow:inset 0 1px #b6d4df20,0 3px #0006;color:var(--cc-text-secondary);font:16px/1.4 var(--font-mono);cursor:pointer}
#kube-demo .kd-pod input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
#kube-demo .kd-pod:has(input:focus-visible){outline:2px solid var(--cc-focus);outline-offset:3px}
#kube-demo .kd-pod:has(input:checked){border-color:var(--cc-blue-bright);box-shadow:inset 0 0 0 1px var(--cc-blue-bright);color:var(--cc-text-primary)}
#kube-demo[data-difficulty=easy] .kd-pod[data-replica=orders-failing]:not([data-answer-result]){border-color:#a76870;color:#ef9a9c}
#kube-demo .kd-selected{border-top:1px solid var(--cc-divider);padding:14px 20px;min-height:80px;font:12px/1.6 var(--font-mono);color:var(--cc-text-secondary)}
#kube-demo .kd-selected strong{color:var(--cc-text-primary)}
#kube-demo .kd-selected p{margin:5px 0 0}
#kube-demo .kd-selected[data-state=failing] p{color:#ef9a9c}
#kube-demo .kd-investigation{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;margin:12px 0}
#kube-demo .kd-investigation .kd-evidence{margin:0}
#kube-demo .kd-command{font:12px/1.5 var(--font-mono);padding:10px 12px;color:#c4d6df;overflow-wrap:anywhere;border-bottom:1px solid #52687b35}
#kube-demo pre{font:12px/1.6 var(--font-mono);color:#d0dce0;background:none;border:0;box-shadow:none;padding:12px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}
#kube-demo .kd-termination{padding:10px 12px;margin:0;border-top:1px solid #52687b35;font-size:12px;color:#cbd8dd}
#kube-demo .kd-option{display:flex;flex-wrap:wrap;gap:10px;align-items:start;min-height:48px;padding:10px 8px;border-bottom:1px solid var(--cc-divider);cursor:pointer}
#kube-demo .kd-option:has(input:checked){background:#89bfd01c;color:#e2f0f3}
#kube-demo .kd-option input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--cc-blue-bright)}
#kube-demo .kd-option>span:not(.kd-answer-mark){flex:1;min-width:0}
#kube-demo details{margin:10px 0}
#kube-demo details summary{min-height:38px;cursor:pointer;color:var(--cc-blue-bright)}
#kube-demo details p{color:var(--cc-text-secondary)}
#kube-demo .kd-raw pre{max-height:200px;white-space:pre;overflow:auto}
#kube-demo .kd-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
#kube-demo :is(button,.kd-actions a){min-height:44px;padding:9px 14px;border:1px solid var(--cc-blue-bright);border-radius:7px;background:transparent;color:var(--cc-text-primary);font:600 13px/1.4 var(--font-body);text-decoration:none;cursor:pointer}
#kube-demo :is(button.btn-primary,.kd-actions a.btn-primary){background:var(--cc-blue-bright);color:#04121b}
#kube-demo button:disabled{opacity:.45;cursor:default}
#kube-demo .demo-answer-feedback:not(:empty){margin:14px 0;padding:14px 16px;border-left:3px solid var(--cc-danger);background:rgba(74,29,35,.2)}
#kube-demo .demo-answer-feedback[data-correct=true]{border-left-color:var(--cc-correct-line);background:rgba(27,79,56,.2)}
#kube-demo .demo-answer-heading{display:flex;align-items:center;gap:8px;font-size:16px}
#kube-demo .demo-answer-symbol{display:grid;place-items:center;width:22px;height:22px;border:1px solid currentColor;border-radius:50%}
#kube-demo .demo-answer-feedback p{margin:7px 0 0}
#kube-demo .demo-answer-proof{font:12px/1.6 var(--font-mono);color:#bdd8e2}
#kube-demo .demo-evidence-line{display:block;background:rgba(63,169,122,.14);color:#ddf3e8}
#kube-demo [data-answer-result=correct]{border-left:3px solid var(--cc-correct-line);background:rgba(63,169,122,.14)}
#kube-demo [data-answer-result=retry]{border-left:3px solid var(--cc-danger)}
#kube-demo .kd-answer-mark{font:600 12px/1.5 var(--font-body);color:var(--cc-correct-ink)}
#kube-demo [data-answer-result=retry] .kd-answer-mark{color:#f0a4a6}
#kube-demo .kd-option .kd-answer-mark{flex-basis:100%;padding-left:28px}
#kube-demo .kd-pod .kd-answer-mark{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;background:var(--cc-instrument-screen);pointer-events:none}
#kube-demo .kd-takeaway{border-left:2px solid var(--cc-blue-bright);padding:14px 18px;margin:16px 0;background:#77c9e008}
#kube-demo .demo-answer-review{padding-left:20px}
#kube-demo :focus-visible{outline:2px solid var(--cc-focus);outline-offset:3px}
#kube-demo h3:focus{outline:none}
#kube-demo .kd-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){
 #kube-demo .kd-header{display:block}
 #kube-demo .kd-controls{display:flex;align-items:center;margin-top:12px}
 #kube-demo .kd-apps{grid-template-columns:1fr;gap:16px;padding:16px 12px}
 #kube-demo .kd-app{display:grid;grid-template-columns:minmax(0,1fr) auto;text-align:left;align-items:center;column-gap:12px}
 #kube-demo .kd-replicas{grid-column:2;grid-row:1/3;margin:0}
 #kube-demo .kd-app small{grid-column:1;grid-row:2;margin:0}
 #kube-demo .kd-investigation{grid-template-columns:1fr}
 #kube-demo .kd-stages{gap:12px;font-size:11px}
 #kube-demo .kd-actions>*{flex:1;text-align:center}
}
@media(max-width:360px){#kube-demo .kd-pod{width:48px;height:48px}}
@media(forced-colors:active){
 #kube-demo,#kube-demo .kd-evidence,#kube-demo fieldset.kd-pods{background:Canvas;border-color:CanvasText;box-shadow:none;clip-path:none}
 #kube-demo .kd-pod{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}
 #kube-demo .kd-pod:has(input:checked){outline:2px solid Highlight;box-shadow:none}
 #kube-demo [data-answer-result]{border-left-color:Highlight}
 #kube-demo .demo-answer-feedback{background:Canvas;color:CanvasText}
 #kube-demo .demo-evidence-line{background:Canvas;color:CanvasText;outline:1px solid Highlight}
}
@media print{#kube-demo{box-shadow:none;clip-path:none;border:1px solid #333}#kube-demo .kd-actions{display:none}}