.outage-path{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:16px;min-width:0;padding:clamp(20px,4vw,32px)}.outage-path-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:18px;display:flex}.outage-path-kicker{font:600 11px/1.6 var(--font-mono-stack);letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.outage-path h2{letter-spacing:-.035em;margin-top:8px;font-size:clamp(22px,3vw,29px);font-weight:700;line-height:1.2}.outage-path-count{border:1px solid var(--border);color:var(--text-muted);border-radius:99px;padding:7px 11px;font-size:11px;line-height:1.6;display:inline-flex}.outage-path-copy{color:var(--text-muted);max-width:70ch;margin-top:16px;font-size:14px;line-height:1.8}.outage-path-note{color:var(--text-muted);max-width:80ch;margin-top:10px;font-size:12px;line-height:1.8}.outage-path-steps{gap:0;margin-top:24px;padding:0;list-style:none;display:grid}.outage-path-step{border-top:1px solid var(--border);grid-template-columns:34px minmax(0,1fr);gap:14px;padding:20px 0;display:grid}.outage-path-number{border:1px solid var(--border);height:32px;color:var(--primary);font:600 12px/1.4 var(--font-mono-stack);border-radius:99px;justify-content:center;align-items:center;display:inline-flex}.outage-path-step h3{font-size:16px;font-weight:650;line-height:1.5}.outage-path-step h3 a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.outage-path-step p{color:var(--text-muted);margin-top:3px;font-size:13px;line-height:1.8}.outage-path-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;margin-top:5px;font-size:12px;font-weight:600;display:inline-flex}.outage-path-check input{width:18px;height:18px;accent-color:var(--primary)}.outage-path-next{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;padding-top:20px;display:flex}.outage-path-next p{color:var(--text-muted);flex:240px;font-size:13px;line-height:1.8}.outage-path-next strong{color:var(--text)}.outage-path-button{border:1px solid var(--border);min-height:44px;color:var(--text);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:650;line-height:1.7;display:inline-flex}.outage-path-button:hover{border-color:var(--primary)}.outage-path-button-primary{background:var(--primary);border-color:var(--primary);color:var(--bg)}.outage-path-button:disabled{opacity:.6;cursor:wait}.outage-path-status{color:var(--text-muted);margin-top:10px;font-size:12px;line-height:1.8}.outage-path-status:empty{margin-top:0}.outage-path-share{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;margin-top:22px;padding-top:20px;display:flex}.outage-path-share>div{flex:260px}.outage-path-share h3{font-size:15px;font-weight:650;line-height:1.6}.outage-path-share p{color:var(--text-muted);margin-top:4px;font-size:12px;line-height:1.8}.outage-path-share-link{border:1px solid var(--border);background:var(--bg);width:100%;min-width:0;min-height:44px;color:var(--text);border-radius:7px;margin-top:10px;padding:10px;font-size:12px;display:block}.outage-path :is(a,button,input):focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width:520px){.outage-path-next .outage-path-button,.outage-path-share .outage-path-button{width:100%}.outage-path-step{grid-template-columns:28px minmax(0,1fr);gap:11px}.outage-path-number{height:28px}}
