/* Scoped visual walkthroughs for the ransomware recovery article. */
.recovery-visual{margin:2rem 0;color:#182536}
.recovery-visual>p{margin-bottom:1.25rem}
.recovery-visual h3{font-family:BeVietnamPro-SemiBold,Helvetica,Arial,sans-serif;font-size:1.1rem;line-height:1.5;margin:0 0 .55rem}
.recovery-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;margin:1.5rem 0;padding:0}
.recovery-outcomes>li{border:1px solid #dce3ea;border-top:3px solid #e57924;border-radius:.65rem;padding:1.25rem;background:#f8fafc}
.recovery-role,.recovery-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:.65rem;color:#8b430d}
.recovery-outcomes p,.recovery-phases p,.recovery-gates p{margin:0;font-size:.95rem;line-height:1.75}
.recovery-callout{padding:1rem 1.25rem;border-left:3px solid #e57924;background:#fff6ed;border-radius:0 .5rem .5rem 0}
.recovery-phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;list-style:none;padding:0;margin:1.5rem 0}
.recovery-phases>li{border:1px solid #dce3ea;border-radius:.65rem;overflow:hidden;display:flex;flex-direction:column}
.recovery-phase-heading{padding:1.15rem;background:#082b4c;color:white;min-height:8.5rem}
.recovery-phase-heading h3{margin:.75rem 0 0}
.recovery-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;background:#fff0e2;color:#803a08;font-size:.85rem;font-weight:700}
.recovery-phases ul{padding:1.25rem 1.25rem 1.25rem 2.25rem;list-style:disc;font-size:.95rem;line-height:1.75;flex:1}
.recovery-phases ul li+li{margin-top:.75rem}
.recovery-phases .recovery-deliverable{border-top:1px solid #dce3ea;background:#f5f8fb;padding:1rem 1.25rem}
.recovery-scenario{padding:1.5rem;background:#082b4c;color:white;border-radius:.75rem}
.recovery-scenario .recovery-role{color:#ffb776}
.recovery-scenario h3{font-size:1.3rem}
.recovery-scenario p{margin:0;line-height:1.75}
.recovery-gates{list-style:none;margin:1.5rem 0;padding:0}
.recovery-gates>li{border:1px solid #dce3ea;border-radius:.65rem;padding:1.25rem;margin-bottom:1rem}
.recovery-gate-title{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}
.recovery-gate-title h3{margin:0}
.recovery-gate-detail{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.recovery-gate-detail>div{padding:1rem;background:#f5f8fb;border-radius:.5rem}
.recovery-gate-detail .recovery-pass{background:#fff6ed;border-left:3px solid #e57924}
.recovery-label{margin-bottom:.4rem;color:#42536a}
.recovery-pass .recovery-label{color:#8b430d}
@media(max-width:1100px){.recovery-phases{grid-template-columns:repeat(2,minmax(0,1fr))}.recovery-phase-heading{min-height:0;display:flex;align-items:center;gap:.85rem}.recovery-phase-heading h3{margin:0}}
@media(max-width:760px){.recovery-outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.recovery-outcomes,.recovery-phases,.recovery-gate-detail{grid-template-columns:1fr}.recovery-gates>li{padding:1rem}}
