html{scroll-behavior:smooth;scroll-padding-top:18px}
.cyber-intro img{mask-image:none}
.cyber-track{list-style:none;margin:18px 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.cyber-track li{position:relative;overflow:hidden;min-width:0;padding:14px 12px;border:1px solid var(--line);background:#090e16;transition:background .25s,border-color .25s}
.cyber-track b,.cyber-track span{display:block}
.cyber-track b{color:var(--gold);font-size:.74rem;letter-spacing:.12em}
.cyber-track span{font-size:.83rem}
.cyber-track[data-phase="checking"] li:nth-child(2),.cyber-track[data-phase="alert"] li:nth-child(2),.cyber-track[data-phase="contained"] li:nth-child(2){border-color:#f2a994;background:#321f25}
.cyber-track[data-phase="accepted"] li,.cyber-track[data-phase="recovered"] li{border-color:#88d6b1;background:#142925}
.cyber-track[data-phase="impact"] li:last-child{border-color:#f2a994;background:#321f25}
.cyber-track[data-phase="checking"] li:nth-child(2)::after{content:"";position:absolute;inset:auto auto 0 0;width:50%;height:2px;background:var(--gold);animation:scan .55s ease-in-out infinite alternate}
@keyframes scan{to{transform:translateX(100%)}}
.architecture-card{border:1px solid var(--line);margin:9px 0;padding:10px 13px;background:#090e16}
.architecture-card summary{cursor:pointer;font-weight:700;color:var(--gold)}
.architecture-card p{margin:7px 0 0}
#incident-actions[hidden],#recovery[hidden]{display:none}
@media(max-width:650px){.cyber-intro img{opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 50%)}.cyber-track li{padding:9px 6px}.cyber-track span{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cyber-track li{transition:none}.cyber-track[data-phase="checking"] li:nth-child(2)::after{animation:none}}
