.interruption-handling-page .ih-hero{padding:96px 0 64px;background:var(--bg-main)}.interruption-handling-page .ih-hero h1{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:96px;line-height:1.04;letter-spacing:-.025em;color:var(--convexa-ink);padding-bottom:.06em;margin:0;text-wrap:balance}.interruption-handling-page .barge-card{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:24px;box-shadow:var(--shadow-md);padding:28px}.interruption-handling-page .barge-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:22px}.interruption-handling-page .barge-head .ttl{font:500 14px var(--font-sans);color:var(--fg-strong)}.interruption-handling-page .barge-head .sub{font:400 12px var(--font-mono);color:var(--fg-muted);margin-top:2px}.interruption-handling-page .barge-row{display:grid;grid-template-columns:60px 1fr;grid-gap:14px;gap:14px;align-items:center;margin-bottom:14px}.interruption-handling-page .barge-row .who{font:500 10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.interruption-handling-page .barge-row.agent .who{color:var(--convexa-blue)}.interruption-handling-page .barge-row.caller .who{color:var(--convexa-apricot)}.interruption-handling-page .barge-row .wf{height:36px;background:var(--bg-subtle);border-radius:10px;padding:4px 10px;display:flex;align-items:center;gap:2px;position:relative}.interruption-handling-page .barge-row.agent .wf{background:rgba(91,46,255,.08)}.interruption-handling-page .barge-row.caller .wf{background:rgba(79,209,194,.15)}.interruption-handling-page .barge-row .wf .bar{width:3px;border-radius:1px;background:var(--neutral-300)}.interruption-handling-page .barge-row.agent .wf .bar{background:var(--convexa-blue)}.interruption-handling-page .barge-row.caller .wf .bar{background:var(--convexa-apricot)}.interruption-handling-page .barge-row .wf .barge-mark{position:absolute;top:0;bottom:0;width:2px;background:var(--convexa-ink);box-shadow:0 0 0 3px rgba(0,18,46,.1)}.interruption-handling-page .barge-row .wf .barge-lbl{position:absolute;top:-30px;left:100%;transform:translateX(-50%);white-space:nowrap;font:500 10px var(--font-mono);padding:3px 8px;background:var(--convexa-ink);color:#fff;border-radius:999px}.interruption-handling-page .barge-row .label{font:400 13px var(--font-sans);color:var(--fg);margin-top:4px;padding-left:4px;font-style:italic}.interruption-handling-page .barge-row .label .strike{text-decoration:line-through;opacity:.5}.interruption-handling-page .sm-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.interruption-handling-page .sm-state{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:16px;padding:22px;display:flex;flex-direction:column;align-items:flex-start}.interruption-handling-page .sm-state .num{font:500 11px var(--font-mono);color:var(--convexa-blue);letter-spacing:.12em}.interruption-handling-page .sm-state h4{font:500 16px var(--font-sans);margin:6px 0;color:var(--fg-strong)}.interruption-handling-page .sm-state p{font:400 13px var(--font-sans);color:var(--fg-muted);margin:0 0 14px;line-height:1.55}.interruption-handling-page .sm-state .latency{font:500 11px var(--font-mono);color:var(--fg-strong);background:var(--bg-subtle);padding:4px 8px;border-radius:6px;display:inline-block;margin-top:auto}.interruption-handling-page .rec-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.interruption-handling-page .rec-card{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:20px;padding:26px}.interruption-handling-page .rec-card.is-bad{background:var(--bg-warm);border-color:rgba(79,209,194,.5)}.interruption-handling-page .rec-card.is-good{background:var(--bg-accent-soft);border-color:rgba(91,46,255,.25)}.interruption-handling-page .rec-tag{font:500 11px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;display:inline-block}.interruption-handling-page .rec-card.is-bad .rec-tag{color:#0e6b62}.interruption-handling-page .rec-card.is-good .rec-tag{color:var(--convexa-blue)}.interruption-handling-page .rec-line{display:grid;grid-template-columns:60px 1fr;grid-gap:10px;gap:10px;padding:8px 0;font:400 14px var(--font-sans);color:var(--fg);line-height:1.5;align-items:flex-start}.interruption-handling-page .rec-line .who{font:500 10px var(--font-mono);letter-spacing:.08em;padding-top:2px;color:var(--fg-muted);text-transform:uppercase}.interruption-handling-page .rec-line.a .who{color:var(--convexa-blue)}.interruption-handling-page .rec-line.c .who{color:var(--convexa-apricot)}.interruption-handling-page .perf-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;border:1px solid var(--border-strong);border-radius:20px;overflow:hidden;background:var(--bg-card)}.interruption-handling-page .perf-cell{padding:28px;border-right:1px solid var(--border-strong)}.interruption-handling-page .perf-cell:last-child{border-right:none}.interruption-handling-page .perf-cell .num{font:400 56px/1 var(--font-display);font-style:italic;color:var(--convexa-ink);padding-bottom:.04em}.interruption-handling-page .perf-cell .lbl{font:400 13px var(--font-sans);color:var(--fg-muted);margin-top:10px;line-height:1.5}@media(max-width:900px){.interruption-handling-page .ih-hero h1{font-size:60px}.interruption-handling-page .sm-grid{grid-template-columns:1fr 1fr}.interruption-handling-page .perf-grid,.interruption-handling-page .rec-grid{grid-template-columns:1fr}.interruption-handling-page .perf-cell{border-right:none;border-bottom:1px solid var(--border-strong)}.interruption-handling-page .perf-cell:last-child{border-bottom:none}}@media(max-width:560px){.interruption-handling-page .ih-hero h1{font-size:46px}.interruption-handling-page .sm-grid{grid-template-columns:1fr}}