.wdw-incident-v1,
.wdw-incident-v1 * { box-sizing: border-box; }

.wdw-incident-v1 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 118px 24px 132px;
  color:var(--wdw-text-primary);
  background:
    radial-gradient(circle at 18% 18%, color-mix(in srgb,var(--wdw-ambient-glow-primary) 11%,transparent), transparent 28%),
    radial-gradient(circle at 85% 72%, color-mix(in srgb,var(--wdw-ambient-glow-secondary) 8%,transparent), transparent 28%),
    linear-gradient(180deg, var(--wdw-section-bg) 0%, var(--wdw-container-bg) 100%);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wdw-incident-v1__ambient { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.wdw-incident-v1__glow { position: absolute; width: 520px; height: 520px; border-radius: 50%; filter: blur(90px); opacity: .14; }
.wdw-incident-v1__glow--left { left: -250px; top: 18%; background:color-mix(in srgb,var(--wdw-ambient-glow-primary) 38%,transparent); }
.wdw-incident-v1__glow--right { right: -250px; bottom: 4%; background:color-mix(in srgb,var(--wdw-ambient-glow-secondary) 28%,transparent); }
.wdw-incident-v1__grid { position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(116,160,194,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(116,160,194,.04) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 86%, transparent); }

.wdw-incident-v1__inner { width: min(1460px, 100%); margin: 0 auto; }
.wdw-incident-v1__heading { width: min(1020px, 100%); margin: 0 auto 66px; text-align: center; }
.wdw-incident-v1__eyebrow { display: inline-flex; align-items: center; gap: 9px; color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .15em; }
.wdw-incident-v1__eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #79d9e7; box-shadow: 0 0 14px rgba(121,217,231,.62); }
.wdw-incident-v1__heading h2 {color:var(--wdw-text-primary); margin: 18px 0 0; font-size: clamp(46px, 5.3vw, 80px); line-height: .98; letter-spacing: -.055em; font-weight: 900; }
.wdw-incident-v1__heading h2 span { background: linear-gradient(90deg, var(--wdw-heading-gradient-start), var(--wdw-heading-gradient-middle) 54%, var(--wdw-heading-gradient-end)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.wdw-incident-v1__heading p { width: min(870px, 100%); margin: 24px auto 0; color:var(--wdw-text-muted); font-size: clamp(16px, 1.35vw, 20px); line-height: 1.7; }

.wdw-incident-v1__story-shell {
  overflow: hidden;
  border:1px solid color-mix(in srgb,var(--wdw-container-border) 23%,transparent);
  border-radius: 28px;
  background: linear-gradient(155deg, color-mix(in srgb,var(--wdw-container-elevated-bg) 96%,transparent), color-mix(in srgb,var(--wdw-container-bg) 98%,transparent));
  box-shadow: 0 34px 80px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.02);
}

.wdw-incident-v1__story-head {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 26px;
  border-bottom:1px solid color-mix(in srgb,var(--wdw-container-border) 16%,transparent);
  background: var(--wdw-field-elevated-bg);
}
.wdw-incident-v1__story-head small { display: block; color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .14em; }
.wdw-incident-v1__story-head strong { display: block; margin-top: 7px; color:var(--wdw-text-primary); font-size: clamp(22px, 2vw, 28px); line-height: 1.15; }
.wdw-incident-v1__story-state { display: inline-flex; align-items: center; gap: 9px; min-height: 38px; padding: 0 14px; border:1px solid var(--wdw-field-border-soft); border-radius: 999px; color:var(--wdw-text-accent); background: rgba(111,206,226,.05); font-size: 14px; font-weight: 900; letter-spacing: .07em; }
.wdw-incident-v1__story-state i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 12px currentColor; }
.wdw-incident-v1__story-state[data-wdw-incident-state="warning"] { color: #ffbd72; border-color:rgba(255,184,91,.20); background: rgba(255,184,91,.05); }
.wdw-incident-v1__story-state[data-wdw-incident-state="down"] { color: #ff9aaa; border-color:rgba(255,111,126,.22); background: rgba(255,111,126,.06); }
.wdw-incident-v1__story-state[data-wdw-incident-state="recovered"] { color: #86dfc1; border-color:rgba(91,214,194,.22); background: rgba(91,214,194,.05); }

.wdw-incident-v1__story-grid { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr); gap: 0; }
.wdw-incident-v1__event-log { position: relative; padding: 30px 30px 34px; border-right:1px solid color-mix(in srgb,var(--wdw-container-border) 15%,transparent); }
.wdw-incident-v1__event-log::before { content: ""; position: absolute; left: 91px; top: 54px; bottom: 58px; width: 2px; background: rgba(111,161,197,.18); }

.wdw-incident-v1__event {
  position: relative;
  display: grid;
  grid-template-columns: 54px 20px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding: 16px 0;
  opacity: .70;
  transition: opacity .3s ease, transform .3s ease;
}
.wdw-incident-v1__event.is-active { opacity: 1; transform: translateX(3px); }
.wdw-incident-v1__event time { padding-top: 4px; color:var(--wdw-text-muted); font-size: 14px; font-weight: 850; }
.wdw-incident-v1__event-dot { position: relative; z-index: 2; width: 14px; height: 14px; margin-top: 5px; border:4px solid var(--wdw-container-elevated-bg); border-radius: 50%; background: #52738d; box-shadow: 0 0 0 1px rgba(106,154,190,.20); }
.wdw-incident-v1__event.is-active .wdw-incident-v1__event-dot { background: #72d9e6; box-shadow: 0 0 0 1px rgba(114,217,230,.26), 0 0 16px rgba(114,217,230,.34); }
.wdw-incident-v1__event:nth-child(3).is-active .wdw-incident-v1__event-dot,
.wdw-incident-v1__event:nth-child(4).is-active .wdw-incident-v1__event-dot { background: #ff8494; box-shadow: 0 0 0 1px rgba(255,132,148,.28), 0 0 16px rgba(255,132,148,.34); }
.wdw-incident-v1__event:nth-child(5).is-active .wdw-incident-v1__event-dot { background: #73d8b9; box-shadow: 0 0 0 1px rgba(115,216,185,.28), 0 0 16px rgba(115,216,185,.30); }
.wdw-incident-v1__event small { display: block; color:var(--wdw-text-muted); font-size: 14px; font-weight: 900; letter-spacing: .11em; }
.wdw-incident-v1__event strong { display: block; margin-top: 6px; color:var(--wdw-text-primary); font-size: 17px; line-height: 1.35; }
.wdw-incident-v1__event p { margin: 7px 0 0; color:var(--wdw-text-secondary); font-size: 14px; line-height: 1.55; }
.wdw-incident-v1__event > b { align-self: center; min-width: 126px; padding: 8px 10px; border:1px solid var(--wdw-field-border-soft); border-radius: 10px; color:var(--wdw-text-muted); background: var(--wdw-field-bg); text-align: center; font-size: 14px; font-weight: 900; letter-spacing: .04em; }
.wdw-incident-v1__event:nth-child(3) > b,
.wdw-incident-v1__event:nth-child(4) > b { color: #ff9aaa; border-color:rgba(255,111,126,.18); background: rgba(255,111,126,.05); }
.wdw-incident-v1__event:nth-child(5) > b { color: #86dfc1; border-color:rgba(91,214,194,.18); background: rgba(91,214,194,.05); }

.wdw-incident-v1__evidence { padding: 30px; background: var(--wdw-container-elevated-bg); }
.wdw-incident-v1__evidence-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.wdw-incident-v1__evidence-head span { color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .14em; }
.wdw-incident-v1__evidence-head b { color:var(--wdw-text-secondary); font-size: 14px; font-weight: 900; }

.wdw-incident-v1__site-card { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 22px; padding: 18px; border:1px solid var(--wdw-field-border-soft); border-radius: 17px; background: var(--wdw-field-elevated-bg); }
.wdw-incident-v1__site-card small { display: block; color:var(--wdw-text-muted); font-size: 14px; font-weight: 900; letter-spacing: .11em; }
.wdw-incident-v1__site-card strong { display: block; margin-top: 5px; color:var(--wdw-text-primary); font-size: 18px; }
.wdw-incident-v1__site-card > span { padding: 7px 10px; border:1px solid var(--wdw-field-border-soft); border-radius: 999px; color:var(--wdw-text-accent); background: rgba(111,206,226,.05); font-size: 14px; font-weight: 850; }

.wdw-incident-v1__evidence-list { display: grid; gap: 11px; margin-top: 18px; }
.wdw-incident-v1__evidence-list > div { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 15px; border:1px solid var(--wdw-field-border-soft); border-radius: 14px; background: var(--wdw-field-bg); }
.wdw-incident-v1__evidence-list span { color:var(--wdw-text-secondary); font-size: 14px; }
.wdw-incident-v1__evidence-list b { min-width: 88px; padding: 6px 8px; border:1px solid rgba(105,224,149,.14); border-radius: 9px; color: #83e7a0; background: rgba(105,224,149,.05); text-align: center; font-size: 14px; font-weight: 900; }
.wdw-incident-v1__evidence-list [data-wdw-incident-evidence="ajax"] b,
.wdw-incident-v1__evidence-list [data-wdw-incident-evidence="confirmation"] b { color: #ff9aaa; border-color:rgba(255,111,126,.18); background: rgba(255,111,126,.05); }
.wdw-incident-v1__evidence-list [data-wdw-incident-evidence="confirmation"].is-recovered b { color: #86dfc1; border-color:rgba(91,214,194,.18); background: rgba(91,214,194,.05); }

.wdw-incident-v1__diagnosis { margin-top: 20px; padding: 20px; border:1px solid var(--wdw-field-border-soft); border-radius: 18px; background: linear-gradient(145deg, color-mix(in srgb,var(--wdw-container-elevated-bg) 90%,transparent), color-mix(in srgb,var(--wdw-container-bg) 95%,transparent)); }
.wdw-incident-v1__diagnosis small { color:var(--wdw-text-muted); font-size: 14px; font-weight: 900; letter-spacing: .12em; }
.wdw-incident-v1__diagnosis strong { display: block; margin-top: 10px; color:var(--wdw-text-accent); font-size: 20px; line-height: 1.25; }
.wdw-incident-v1__diagnosis p { margin: 10px 0 0; color:var(--wdw-text-secondary); font-size: 14px; line-height: 1.6; }
.wdw-incident-v1__diagnosis[data-wdw-incident-diagnosis="down"] { border-color:rgba(255,111,126,.22); background: linear-gradient(145deg, rgba(47,34,49,.88), color-mix(in srgb,var(--wdw-container-bg) 96%,transparent)); }
.wdw-incident-v1__diagnosis[data-wdw-incident-diagnosis="recovered"] { border-color:rgba(91,214,194,.22); background: linear-gradient(145deg, color-mix(in srgb,var(--wdw-container-elevated-bg) 90%,transparent), color-mix(in srgb,var(--wdw-container-bg) 96%,transparent)); }

.wdw-incident-v1__footer-note { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 24px; align-items: center; padding: 22px 26px; border-top:1px solid color-mix(in srgb,var(--wdw-container-border) 16%,transparent); background: var(--wdw-field-elevated-bg); }
.wdw-incident-v1__footer-note span { color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .14em; }
.wdw-incident-v1__footer-note strong { color:var(--wdw-text-secondary); font-size: 15px; line-height: 1.6; font-weight: 680; }

@media (max-width: 1080px) {
  .wdw-incident-v1__story-grid { grid-template-columns: 1fr; }
  .wdw-incident-v1__event-log { border-right:0; border-bottom:1px solid color-mix(in srgb,var(--wdw-container-border) 15%,transparent); }
}

@media (max-width: 720px) {
  .wdw-incident-v1 { padding: 92px 16px 102px; }
  .wdw-incident-v1__heading { margin-bottom: 44px; }
  .wdw-incident-v1__heading h2 {color:var(--wdw-text-primary); font-size: clamp(42px, 13vw, 62px); }
  .wdw-incident-v1__story-shell { border-radius: 22px; }
  .wdw-incident-v1__story-head { flex-direction: column; align-items: flex-start; padding: 20px 16px; }
  .wdw-incident-v1__event-log { padding: 22px 16px 26px; }
  .wdw-incident-v1__event-log::before { left: 77px; }
  .wdw-incident-v1__event { grid-template-columns: 44px 18px minmax(0,1fr); gap: 10px; }
  .wdw-incident-v1__event > b { grid-column: 3; justify-self: start; min-width: 0; }
  .wdw-incident-v1__evidence { padding: 22px 16px; }
  .wdw-incident-v1__footer-note { grid-template-columns: 1fr; gap: 8px; padding: 20px 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .wdw-incident-v1 *,
  .wdw-incident-v1 *::before,
  .wdw-incident-v1 *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}