.featured + .featured { margin-top: 20px; }
.incident-feature { background: #0d1118; }
.incident-art { position: relative; min-height: 460px; overflow: hidden; background: radial-gradient(circle at 72% 30%, rgba(255,91,84,.28), transparent 8rem), radial-gradient(circle at 22% 75%, rgba(67,126,255,.35), transparent 10rem), linear-gradient(145deg,#192030,#080b11); }
.incident-art::before { content: "SIMULATION"; position: absolute; left: 28px; bottom: 25px; color: #7f8ba1; font: 700 10px Inter,sans-serif; letter-spacing: .18em; }
.incident-art::after { content: "PUBLIC INTERNET"; position: absolute; right: 25px; top: 24px; color: #ffaaa6; font: 700 10px Inter,sans-serif; letter-spacing: .14em; }
.sandbox { position: absolute; width: 210px; height: 210px; left: 17%; top: 28%; border: 1px dashed rgba(142,180,255,.7); border-radius: 28px; transform: rotate(-8deg); box-shadow: inset 0 0 60px rgba(51,105,255,.12); }
.sandbox i { position: absolute; width: 34px; height: 34px; left: 78px; top: 78px; border-radius: 50%; background: #fff; box-shadow: 0 0 32px #8eb4ff; }
.escape-line { position: absolute; width: 55%; height: 2px; left: 40%; top: 47%; background: linear-gradient(90deg,#8eb4ff,#ff6e68); transform: rotate(-22deg); transform-origin: left; }
.escape-line::after { content: ""; position: absolute; right: -5px; top: -5px; width: 12px; height: 12px; border-radius: 50%; background: #ff6e68; box-shadow: 0 0 26px #ff6e68; animation: pulse-node 2s ease-in-out infinite; }
.real-node { position: absolute; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(255,255,255,.08); box-shadow: 0 0 25px rgba(255,255,255,.12); }
.real-node.one { width: 48px; height: 48px; right: 18%; top: 22%; }
.real-node.two { width: 25px; height: 25px; right: 9%; top: 50%; }
.real-node.three { width: 36px; height: 36px; right: 28%; bottom: 14%; }
.incident-art > b { position: absolute; right: 16%; top: 43%; font: 500 58px Georgia,serif; color: rgba(255,255,255,.92); letter-spacing: -.06em; }
.boundary-diagram { margin: 48px 0; padding: 32px; border-radius: 28px; background: #0d1118; color: #fff; overflow: hidden; font-family: Inter,sans-serif; }
.boundary-track { position: relative; height: 220px; }
.boundary-track::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; border-left: 1px dashed rgba(255,255,255,.32); }
.boundary-track::after { content: "SCOPE BOUNDARY"; position: absolute; left: calc(50% + 10px); top: 4px; font-size: 10px; letter-spacing: .14em; color: #8fa0bc; }
.boundary-box { position: absolute; display: grid; place-items: center; width: 130px; height: 88px; border: 1px solid rgba(255,255,255,.25); border-radius: 18px; text-align: center; font-size: 12px; line-height: 1.35; }
.boundary-box.sim { left: 4%; top: 66px; background: #163266; }
.boundary-box.real { right: 4%; top: 66px; background: #501f2d; }
.boundary-arrow { position: absolute; left: 25%; right: 25%; top: 109px; height: 2px; background: linear-gradient(90deg,#6c9aff,#ff6760); }
.boundary-arrow::after { content: ""; position: absolute; right: -1px; top: -5px; border-left: 10px solid #ff6760; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.boundary-caption { margin: 16px 0 0; color: #b9c0cf; font-size: 13px; line-height: 1.55; }
.signal-list { display: grid; gap: 10px; margin: 34px 0; font-family: Inter,sans-serif; }
.signal-list > div { display: grid; grid-template-columns: 34px 1fr; gap: 13px; align-items: start; padding: 18px 20px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.56); }
.signal-list b { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #111318; color: #fff; font-size: 12px; }
.signal-list p { margin: 0; }
.signal-list strong { display: block; margin: 1px 0 5px; }
.signal-list span { display: block; color: var(--muted); font-size: 13px; line-height: 1.5; }
@keyframes pulse-node { 50% { transform: scale(1.45); opacity: .55; } }
@media (max-width: 780px) { .incident-art { min-height: 330px; } .sandbox { width: 155px; height: 155px; left: 11%; top: 30%; } .sandbox i { left: 59px; top: 59px; width: 27px; height: 27px; } .incident-art > b { right: 12%; font-size: 44px; } }
@media (max-width: 520px) { .boundary-diagram { padding: 22px 16px; } .boundary-box { width: 108px; font-size: 10px; } .boundary-box.sim { left: 0; } .boundary-box.real { right: 0; } .boundary-arrow { left: 28%; right: 28%; } }
@media (prefers-reduced-motion: reduce) { .escape-line::after { animation: none; } }