@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;450;500;550;600;650&display=swap');
:root{font-family:'Hanken Grotesk',Arial,sans-serif;color:#eeeae1;background:#080d0e;--accent:#c3db9b;scroll-behavior:smooth;scrollbar-color:#4f594a #080d0e}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit}button,a,input,pre{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,pre:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}
#world,.shade{position:fixed;inset:0;pointer-events:none}#world canvas{display:block;width:100%;height:100%}.shade{background:linear-gradient(90deg,#080d0ef0 0%,#080d0ec9 24%,#080d0e22 60%,#080d0e08),linear-gradient(0deg,#080d0ee8,transparent 30%);z-index:1}
header{position:fixed;inset:28px 4% auto;display:flex;justify-content:space-between;align-items:center;z-index:5}header img{width:112px;height:auto;display:block}header nav{display:flex;gap:25px;align-items:center}header a{text-decoration:none;font-size:12px;color:#b7c0b6}button,.cta{border:1px solid #c3db9b80;background:#111a16;color:var(--accent);padding:11px 17px;cursor:pointer;text-decoration:none;font-size:12px}button:hover,.cta:hover{background:#253226;border-color:var(--accent)}header button{padding:9px 14px}
main{position:relative;z-index:2;width:100%;pointer-events:none}.chapter{height:125svh;position:relative}.chapter:last-child{height:125svh}.copy{position:sticky;top:27vh;width:min(37%,490px);margin-left:6%;padding:0 0 40px;pointer-events:auto}.chapter:first-child .copy{top:25vh}.eyebrow{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;color:var(--accent);margin:0 0 25px}h1,h2{font-size:clamp(36px,4.6vw,68px);font-weight:450;line-height:1.06;letter-spacing:-2.5px;white-space:pre-line;margin:0 0 25px}.chapter:first-child h1{font-size:clamp(42px,5vw,76px)}.description{font-size:15px;line-height:1.75;color:#bdc4bb;max-width:410px;margin-bottom:22px;white-space:pre-line}.note{font-size:11px;line-height:1.7;color:#94a48d;max-width:340px}.actions{display:flex;align-items:center;gap:20px;margin-top:28px}.text-link{font-size:12px;color:#b7c0b6;text-decoration:none}.scroll-hint{margin-top:32px;letter-spacing:2px;font-size:9px;color:#a8b69b}.trust{list-style:none;padding:0;margin:22px 0;border-top:1px solid #c3db9b30;max-width:350px}.trust li{padding:10px 0;border-bottom:1px solid #c3db9b22;font-size:12px;color:#c5cec0}.trust small{color:#95a08f;display:block;margin-top:5px;line-height:1.6}
/* One shared inspector keeps metrics and image context aligned in every chapter. */
#incident-panels{position:fixed;z-index:4;right:4%;top:98px;bottom:72px;width:350px;display:flex;flex-direction:column;pointer-events:none}
#incident-panels>aside{position:relative;inset:auto;width:100%;pointer-events:auto;background:#09110ff2;backdrop-filter:blur(14px)}
#hud{flex:none;border-top:1px solid #c3db9b50;padding:15px 18px;font-size:10px}
.hud-heading{display:flex;gap:7px;align-items:center;color:#aabca0;font-size:8px;letter-spacing:1px}
.hud-heading time{margin-left:auto;font-variant-numeric:tabular-nums;color:#d2dacb}
.demo-dot,.label-dot{width:5px;height:5px;display:inline-block;background:var(--accent);border-radius:50%;animation:pulse 2s infinite}
.hud-context{display:flex;justify-content:space-between;gap:12px;margin:16px 0;color:#8c9c89}
.hud-context span:first-child{color:#e4e8df}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}
.metrics>div{min-width:0}
.metric-sparkline{display:block;width:100%;height:20px;margin-top:5px;overflow:visible;color:var(--metric-color)}
.metric-sparkline path{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.metric-sparkline circle{fill:currentColor}
.metric-cpu{--metric-color:#779c65}.metric-memory{--metric-color:#b8a14f}.metric-requests{--metric-color:#5798af}.metric-findings{--metric-color:#779c65}
body[data-healthy=false][data-resolved=false] .metric-findings{--metric-color:#f06452}
.metrics dt{color:#aab4a3;font-size:9px;margin-bottom:6px}
.metrics dd{font-size:23px;margin:0;font-variant-numeric:tabular-nums}
.metrics dd span{font-size:10px;color:#acb6a6;margin-left:3px}
#finding-status{padding-top:12px;margin:0;color:#f3b374;font-size:10px}
body[data-resolved=true] #finding-status{color:var(--accent)}
#details{flex:0 1 auto;min-height:0;border-top:1px solid #b69c7640;padding:18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4f594a transparent}
#details h2{font-size:23px;line-height:1.2;letter-spacing:-.6px;margin:9px 0 18px}
#details .detail-eyebrow{font-size:9px;color:#dfac89;letter-spacing:1.5px;margin:0}
#details h3{font-size:10px;font-weight:500;margin:0 0 10px;color:#e0e5dc}
.image-comparison{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.image-card{min-width:0;padding:11px 10px;background:#16100f66;border:1px solid #e55d493b}
#details .image-card h3{color:#ef8c79;font-size:9px;margin:0 0 7px}
#details .image-card .image-version{font-size:13px;line-height:1.3;letter-spacing:-.2px;color:#f3eee8;overflow-wrap:anywhere;margin:0 0 14px}
.image-card dl{margin:0;display:grid;gap:9px}
.image-card dl>div,.configuration dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:5px}
.image-card dt,.configuration dt{font-size:9px;color:#a9b2a5}
.image-card dd{font-size:9px;text-align:right;margin:0;font-variant-numeric:tabular-nums;color:#e2e5dc}
.severity-badge{display:inline-block;padding:2px 4px;color:#ffb0a0;background:#b33b312b;border:1px solid #e85a484d;font-size:8px;white-space:nowrap}
.image-card .scan-vulnerable{color:#ff8a76}
.image-proposed{background:#101b1255;border-color:#7ea36140}
#details .image-proposed h3,.image-proposed dd{color:#b6d99e}
#proposed-scan-status{max-width:62px;line-height:1.35}
.comparison-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;color:#aab2a1;background:#09110f;line-height:1}
.affected-resources,.configuration{margin-top:20px}
#affected-pods{list-style:none;padding:0;margin:0;display:grid;gap:7px}
#affected-pods li{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.2;color:#b6c0b0}
#affected-pods li::before{content:'';width:4px;height:4px;flex:none;border-radius:50%;background:#f0715b}
#affected-pods.pods-resolved li::before{background:var(--accent)}
.configuration dl{display:grid;gap:8px;margin:0}
.configuration dl>div{justify-content:start}
.configuration dt{width:80px;flex:none}.configuration dd{font-size:10px;color:#d5dfca;margin:0}
#configuration-preview{margin-top:17px}
#configuration-preview summary{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;list-style:none;color:var(--accent);border:1px solid #a8c48488;padding:10px 8px;font-size:10px;line-height:1.4}
#configuration-preview summary::-webkit-details-marker{display:none}
#configuration-preview summary:hover{background:#c3db9b0d;border-color:var(--accent)}
#configuration-preview summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#configuration-preview[open] summary span{transform:rotate(90deg)}
.code-heading{display:flex;justify-content:space-between;gap:10px;color:#b5c1aa;font-size:9px;margin-top:18px}
pre{font:10px/1.65 Consolas,monospace;overflow:auto;color:#ccd7bf;background:#080d0e;padding:12px 9px;margin:10px 0;tab-size:2}
.removed,.added{display:block;font:10px/1.8 Consolas,monospace}.removed{color:#dc9a88}.added{color:var(--accent)}
#review-state{border-top:1px solid #c3db9b22;padding-top:11px;margin:14px 0 0;color:#b6c1ad;font-size:9px;line-height:1.6}
body[data-resolved=true] #review-state{color:var(--accent)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#severity-label{position:fixed;z-index:3;display:flex;align-items:center;gap:6px;transform:translate(-50%,-100%);background:#100e0eeb;color:#ff8d73;border:1px solid #f05b43a6;border-radius:3px;padding:8px 10px;font-size:10px;white-space:nowrap;pointer-events:none;box-shadow:0 0 24px #f04a2310}
.severity-icon{display:inline-grid;place-items:center;width:15px;height:15px;flex:none;border-radius:50%;background:#f46246;color:#170d09;font-size:11px;font-weight:650}
.severity-separator{color:#aa5344}
#scene-label{position:fixed;z-index:3;display:flex;align-items:center;gap:8px;padding:9px 12px;border-left:1px solid #e8b08b;background:#08100ee8;color:#e9bea0;font-size:10px;pointer-events:none}body[data-resolved=true] #scene-label{border-color:var(--accent);color:var(--accent)}body[data-resolved=false] .label-dot{background:#e9a07d}
footer{position:fixed;inset:auto 4% 23px;z-index:5;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a2af98;letter-spacing:1px}footer>a{text-decoration:none;font-size:10px;letter-spacing:0}#chapter-links{display:flex;gap:8px}#chapter-links a{display:block;width:22px;height:18px;border-bottom:2px solid #6c7b664d}#chapter-links a[aria-current=step]{border-color:var(--accent)}#chapter-links a:hover{border-color:#e0e8d7}.opening-question{position:relative}#loading{position:absolute;top:calc(100% + 30px);left:50%;transform:translateX(-50%);z-index:6;width:88px;height:2px;background:#c3db9b26;overflow:hidden;opacity:0;animation:loading-reveal .25s ease 2s forwards}#loading span{display:block;width:35%;height:100%;background:var(--accent);animation:loading-pulse 1.4s ease-in-out infinite}#scene-error{position:fixed;z-index:6;right:4%;top:48%;max-width:280px;padding:15px;background:#080d0e;color:var(--accent);font-size:12px;line-height:1.7}
dialog{color:#eeeae1;background:#111916;border:1px solid #c3db9b55;padding:28px;width:min(440px,90vw)}dialog::backdrop{background:#000b}dialog h2{font-size:29px;letter-spacing:-1px;margin:0}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}dialog p{font-size:13px;line-height:1.7;color:#b6c2af}dialog form{display:grid;gap:12px;margin-top:22px}dialog label{font-size:12px}dialog input{padding:12px;background:#080d0e;color:white;border:1px solid #c3db9b60}.no-script{position:fixed;z-index:8;bottom:60px;padding:20px;background:#111916}
.chapter .copy{position:fixed;display:none}.chapter.active .copy{display:block}.chapter:not(:first-child){scroll-margin-top:-20svh}
body[data-healthy=true] #finding-status{color:var(--accent)}
#world{opacity:0;transition:opacity 1.8s ease}.scene-ready #world{opacity:1}
#start .copy{top:0;left:50%;width:min(1000px,90%);height:100svh;margin:0;padding:0;transform:translateX(-50%);text-align:center;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);pointer-events:none}
#start.active .copy{display:grid}
#start .eyebrow{grid-row:1;align-self:end;margin-bottom:25px}
#start .opening-question{grid-row:2}
#start .hero-support{grid-row:3;align-self:start;pointer-events:auto}
#start h1{font-size:clamp(36px,5.4vw,82px);line-height:1.12;letter-spacing:-2.5px;white-space:normal;text-wrap:balance;margin:0}
#start .description{max-width:560px;margin:26px auto 16px}#start .note{max-width:560px;margin:0 auto}#start .actions{justify-content:center}#start .scroll-hint{margin-top:24px}
body:not(.in-tour) :is(#scene-label,#severity-label,#incident-panels){display:none}
header .header-actions{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s}.in-tour header .header-actions{opacity:1;visibility:visible;pointer-events:auto}
header .header-devops{display:inline-flex;align-items:center;gap:7px;padding:9px 0;color:var(--accent)}header .header-devops:hover{text-decoration:underline;text-underline-offset:4px}header .header-devops svg{width:14px;height:14px;flex:none}
@media(max-width:700px){header .header-actions{gap:12px}header .header-devops{font-size:10px;padding:8px 0;gap:6px}header .header-devops svg{width:12px;height:12px}}
#step-count,footer>a{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s}.in-tour :is(#step-count,footer>a){opacity:1;visibility:visible;pointer-events:auto}
body[data-healthy=false][data-resolved=false] #hud{border-top-color:#ed8c83}body[data-healthy=false][data-resolved=false] #findings{color:#ed8c83}
body:not(.intro-complete):not(.in-tour) :is(header,footer,#hud,#scene-label,#start .eyebrow,#start .description,#start .note,#start .actions,#start .scroll-hint){visibility:hidden;pointer-events:none}
body:not(.intro-complete) #start .eyebrow{display:none}
@keyframes loading-reveal{to{opacity:1}}
@keyframes loading-pulse{from{transform:translateX(-100%)}to{transform:translateX(290%)}}
body:not(.in-tour) .shade{background:linear-gradient(0deg,#080d0ec9,transparent 30%,#080d0e77),radial-gradient(ellipse at center,#080d0e77,transparent 80%)}
@media(max-width:700px){#start .copy{width:90%}#start h1{font-size:clamp(32px,8.7vw,42px);letter-spacing:-1.5px}#start .description{font-size:12px;max-width:350px;margin-top:22px}#start .actions{gap:15px}body:not(.in-tour) #hud{display:none}}
@keyframes pulse{50%{opacity:.35}}
@media(min-width:1600px){.copy{width:34%}}
@media(max-width:1000px) and (min-width:701px){.copy{width:39%;margin-left:4%}h1,h2{font-size:44px}#incident-panels{width:290px;right:3%}header{left:4%;right:3%}}
@media(max-width:700px){header{inset:19px 5% auto}header img{width:92px}header nav{gap:12px}header nav>a{font-size:10px}header button{font-size:10px;padding:8px 10px}.shade{background:linear-gradient(0deg,#080d0efc 0%,#080d0ee8 37%,#080d0e10 70%)}.chapter,.chapter:last-child{height:145svh}.copy,.chapter:first-child .copy{top:52svh;width:90%;margin-left:5%;padding-bottom:100px}h1,h2,.chapter:first-child h1{font-size:clamp(32px,8.5vw,43px);letter-spacing:-1.5px;margin-bottom:14px}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:13px}.description{font-size:12px;line-height:1.65;max-width:370px;margin-bottom:12px}.note{font-size:10px;line-height:1.5}.actions{margin-top:16px}.scroll-hint{margin-top:18px}#hud{top:71px;left:5%;right:5%;width:auto;padding:10px 12px}.hud-context{margin:9px 0}dt{font-size:8px}dd{font-size:18px}#finding-status{margin-top:9px;padding-top:7px;font-size:9px}.hud-heading{font-size:7px}#details{top:225px;right:5%;width:52%;max-height:25svh;padding:10px 12px}#details h2{font-size:16px;margin:6px 0}#details p{font-size:9px;margin:5px 0}#details pre{font-size:8px;padding:6px;margin:6px 0}.code-heading{margin-top:8px;font-size:8px}#details .detail-eyebrow{font-size:7px}#diff span{font-size:8px}#scene-label{font-size:8px;padding:6px 8px}footer{bottom:14px;left:5%;right:5%;font-size:8px}#chapter-links{gap:4px}#chapter-links a{width:16px}.trust{margin:12px 0}.trust li{font-size:10px;padding:6px 0}.trust small{font-size:9px}.chapter:last-child .copy{top:42svh}}
@media(prefers-reduced-motion:reduce){#loading{opacity:1}#loading span{transform:translateX(90%)}:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.operation-status{margin-top:22px;color:#c3db9b;font-size:12px;line-height:1.6}.environment-label{position:fixed;transform:translate(-50%,-100%);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#dfdfcf;background:#080d0ecc;padding:7px 10px;pointer-events:none}.chapter:last-child .copy{top:21vh}.chapter:last-child h2{font-size:clamp(36px,4vw,56px)}
@media(max-width:700px){#chapter-links{gap:3px}#chapter-links a{width:12px}.operation-status{font-size:10px;margin-top:12px}.environment-label{font-size:8px;padding:5px 7px}.chapter:last-child .copy{top:42svh}.chapter:last-child h2{font-size:36px}}

.hero-return-shade{position:fixed;inset:0;z-index:20;background:#080d0e}
@media(min-width:701px){.chapter:not(:first-child) .copy{top:20svh;max-height:calc(80svh - 60px);overflow-y:auto;scrollbar-width:thin;padding-bottom:0;padding-right:10px}.chapter[data-view=local] .copy{top:20svh}.chapter[data-view=customize] .copy{top:22svh}}

.scroll-hint{display:flex;align-items:center;justify-content:center;gap:10px;padding:4px 0;letter-spacing:.2px;font-size:11px}.scroll-icon{position:relative;display:inline-block;width:14px;height:22px;border:1px solid currentColor;border-radius:8px;animation:scroll-bounce 2.4s ease-in-out infinite}.scroll-icon::before{content:'';position:absolute;top:4px;left:5px;width:2px;height:5px;background:currentColor;border-radius:1px}@keyframes scroll-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.style-options{display:flex;flex-wrap:wrap;gap:8px;max-width:380px;margin:24px 0 16px}.style-options button{font-size:11px;padding:8px 10px}.style-options button[aria-pressed=true]{background:#c3db9b;color:#101810;border-color:#c3db9b}#style-cycle{font-size:10px;padding:7px 10px}.chapter[data-view=local] .copy{top:20vh}.chapter[data-view=customize] .copy{top:22vh}
@media(max-width:700px){.chapter[data-view=local] .copy{top:40svh}.chapter[data-view=customize] .copy{top:46svh}.style-options{gap:6px;margin:14px 0 10px}.style-options button{font-size:9px;padding:6px 8px}#style-cycle{font-size:9px}.chapter[data-view=local] h2{font-size:34px}}
@media(max-width:700px){
  :root{--copy-bottom:calc(54px + env(safe-area-inset-bottom,0px))}
  #hud{display:none}
  #journey .chapter:not(:first-child) .copy{top:auto;bottom:var(--copy-bottom);padding:0;max-height:calc(100svh - 260px - env(safe-area-inset-bottom,0px));overflow-y:auto;scrollbar-width:thin}
  .copy>:last-child{margin-bottom:0}
  .copy>.cta{display:inline-flex}
  footer{bottom:calc(14px + env(safe-area-inset-bottom,0px))}

  body:has(#details:not([hidden])) #journey .chapter .copy{max-height:min(40svh,calc(100svh - 355px - env(safe-area-inset-bottom,0px)))}
}

.chapter[data-view=traffic] .note,.chapter[data-view=warning] .note{font-style:italic}
.delivery-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;max-width:410px;margin:24px 0 22px;padding:0}
.delivery-overview li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.delivery-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:10px;border:1px solid #9ba89140;border-radius:50%;color:#7f8f7a;background:#0c1714}
.delivery-icon svg{width:20px;height:20px}
.delivery-overview strong{font-size:10px;line-height:1.4;font-weight:500;color:#a4afa0}
.delivery-overview small{font-size:9px;line-height:1.5;margin-top:5px;color:#84927e}
.delivery-overview li:not(:last-child)::before,.delivery-overview li:not(:last-child)::after{content:'';position:absolute;top:18px;left:calc(50% + 23px);width:calc(100% - 46px);height:1px;transform-origin:left}
.delivery-overview li:not(:last-child)::before{background:repeating-linear-gradient(90deg,#849b7066 0 2px,transparent 2px 6px)}
.delivery-overview li:not(:last-child)::after{background:#c3db9b;transform:scaleX(var(--delivery-progress,0));transition:transform .2s linear}
.delivery-overview li[data-state=complete] .delivery-icon{color:#c3db9b;border-color:#9fbb7580}
.delivery-overview li[data-state=active] .delivery-icon{color:#d6eeaf;border-color:#c3db9b;box-shadow:0 0 16px #b9dd7b1c;animation:delivery-signal 2.6s ease-in-out infinite}
.delivery-overview li[data-state=active] strong{color:#e7efd9}
@keyframes delivery-signal{50%{box-shadow:0 0 20px #b9dd7b38}}
.environment-label{z-index:3;border:1px solid #91b86b80;padding:8px 10px;min-width:100px;background:#07110ee8;color:#d2e7b7;letter-spacing:.7px}
.environment-label strong{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:550;white-space:nowrap}
.environment-label strong::before{content:'';width:5px;height:5px;border-radius:50%;background:#a7d989;flex:none}
.environment-label small{display:block;font-size:8px;letter-spacing:0;text-transform:none;color:#a6c091;margin-top:4px;white-space:nowrap}
.environment-label[data-warning=true]{border-color:#c7944f99;color:#f5c48a}
.environment-label[data-warning=true] strong::before{background:#efb665}
.environment-label[data-warning=true] small{color:#d3a775}
.network-label,.external-connection{position:fixed;z-index:3;pointer-events:none;transform:translate(-50%,-100%)}
.network-label{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #67dba080;background:#071a12e8;color:#b6efb2;font-size:10px;letter-spacing:.7px}
.network-label svg{width:26px;height:29px;flex:none}.network-label small{display:block;font-size:9px;letter-spacing:0;margin-top:5px;color:#a2bda4}
.external-connection{width:30px;height:30px;color:#94b4a5;transform:translate(-50%,-50%)}
.external-connection svg{width:100%;height:100%}.external-connection>span{position:absolute;right:-7px;bottom:-4px;display:grid;place-items:center;width:13px;height:13px;border:1px solid #ef6b5e;border-radius:50%;background:#111b19;color:#ff8070;font-size:14px;line-height:1}
body[data-view=closing] .shade{background:linear-gradient(90deg,#081819eb 0%,#0b1e1bbb 29%,#102a2925 55%,transparent 72%),linear-gradient(0deg,#10232699,transparent 25%)}
.chapter[data-view=closing] .copy{top:18svh;max-height:calc(82svh - 60px);width:min(39%,480px)}
.chapter[data-view=closing] h2{font-size:clamp(38px,3.6vw,60px);line-height:1.06;letter-spacing:-1.9px}
.chapter[data-view=closing] .description{font-size:14px;line-height:1.7;max-width:400px}
.primary-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:#c3db9b;color:#152219;border-color:#c3db9b;padding:14px 20px;font-size:14px;font-weight:550}
.primary-cta span{font-size:20px;line-height:1}.primary-cta:hover{background:#d5e8b6;border-color:#d5e8b6}
@media(max-width:700px){
  .delivery-overview{margin:16px 0}.delivery-icon{width:30px;height:30px;margin-bottom:8px}.delivery-icon svg{width:17px;height:17px}
  .delivery-overview strong{font-size:9px}.delivery-overview small{font-size:8px}
  .delivery-overview li:not(:last-child)::before,.delivery-overview li:not(:last-child)::after{top:15px;left:calc(50% + 19px);width:calc(100% - 38px)}
  .environment-label{min-width:0;padding:5px 6px}.environment-label strong{font-size:7px;gap:4px}.environment-label small{font-size:6px;margin-top:3px}
  .network-label{padding:7px 9px;font-size:8px;gap:6px}.network-label svg{width:21px;height:23px}.network-label small{font-size:7px;margin-top:3px}
  .external-connection{width:23px;height:23px}
  #journey .chapter[data-view=closing] .copy{width:90%;top:auto;max-height:65svh}
  .chapter[data-view=closing] h2{font-size:38px;letter-spacing:-1.4px}.chapter[data-view=closing] .description{font-size:12px;line-height:1.65}
  .primary-cta{font-size:13px;padding:12px 17px}
  body[data-view=closing] .shade{background:linear-gradient(0deg,#081819f5,#0b1e1bbd 45%,#102a2900 85%)}
  #incident-panels{top:76px;bottom:auto;left:5%;right:5%;width:90%;max-height:min(32svh,calc(100svh - 92px - var(--copy-bottom) - var(--story-copy-height,40svh)));overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin}
  #incident-panels #hud{display:block;position:relative;inset:auto;width:100%;padding:10px 12px}
  #incident-panels #details{position:relative;inset:auto;width:100%;max-height:none;padding:14px 12px;overflow:visible;flex:none}
  #details h2{font-size:20px;margin:8px 0 14px}
  #details .detail-eyebrow{font-size:8px}
  #details .image-version{font-size:13px}
  .metrics dd{font-size:19px}.metrics dt{font-size:8px}.hud-context{margin:10px 0}
  #details h3{font-size:10px}.image-card dt,.image-card dd{font-size:10px}
  #details #review-state{font-size:10px;margin-top:14px}
  #severity-label{font-size:8px;padding:6px 8px;gap:4px}.severity-icon{width:12px;height:12px;font-size:9px}
}