/* Troubleshooting page: fault library, command reference and figure text helpers */
.motion-svg .ts-c{text-anchor:middle}
.motion-svg .ts-mono{font-family:var(--font-mono);font-size:12.5px;fill:var(--ink);text-anchor:start}
.motion-svg .ts-mono.dim{fill:var(--muted)}
.motion-svg .ts-mono.red{fill:#BE123C}
.motion-svg .ts-mono.green{fill:#15803D}
.motion-svg .ts-line{font-size:13.5px;fill:var(--ink);text-anchor:start}
.ts-tick{stroke:#16A34A;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* tool bars */
.ts-tools{display:grid;gap:12px;margin:0 0 18px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.ts-search{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ts-search label{font-weight:600;font-size:.92rem}
.ts-search input[type="search"]{flex:1 1 16rem;min-width:0;font:inherit;font-size:.95rem;padding:.6rem .8rem;border:1px solid var(--line-strong);border-radius:.65rem;background:#fff;color:var(--ink)}
.ts-search input[type="search"]:focus{outline:3px solid var(--orange);outline-offset:1px}
.ts-opt{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--muted)}
.ts-chips{display:flex;flex-wrap:wrap;gap:6px}
.ts-chip{font:inherit;font-size:.82rem;font-weight:600;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer}
.ts-chip span{font-weight:500;color:var(--subtle);margin-left:.2rem}
.ts-chip[aria-pressed="true"]{background:var(--orange-tint);border-color:var(--orange-border);color:var(--orange-strong)}
.ts-chip:hover{color:var(--ink)}
.ts-count{margin:0;font-size:.88rem;color:var(--muted)}
.ts-btn{font:inherit;font-size:.85rem;font-weight:600;padding:.45rem .8rem;border-radius:.6rem;border:1px solid var(--line-strong);background:#fff;color:var(--ink);cursor:pointer}
.ts-btn:hover{border-color:var(--orange-border);color:var(--orange-strong)}
.ts-btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}

/* fault library */
.ts-lib{display:grid;gap:8px}
.ts-case{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-xs)}
.ts-case[hidden]{display:none}
/* skip layout of closed faults and command groups until they are near the screen */
.ts-case{content-visibility:auto;contain-intrinsic-size:auto 56px}
.ts-cmds tbody{content-visibility:auto;contain-intrinsic-size:auto 600px}
.ts-body pre{margin:.5rem 0;padding:.7rem .8rem;border-radius:.6rem;background:var(--surface-2);overflow-x:auto;font-size:.84em;line-height:1.5}
.ts-more-btn{justify-self:start}
.ts-case summary{display:flex;gap:.75rem;align-items:baseline;padding:.85rem 1rem;cursor:pointer;list-style:none}
.ts-case summary::-webkit-details-marker{display:none}
.ts-case summary::after{content:"+";margin-left:auto;font-weight:700;color:var(--subtle);padding-left:.5rem}
.ts-case[open] summary::after{content:"\2212"}
.ts-case[open] summary{border-bottom:1px solid var(--line)}
.ts-title{font-weight:600;color:var(--ink)}
.ts-tag{flex:0 0 auto;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px;background:var(--surface-2);color:var(--muted);white-space:nowrap}
.ts-fundamentals,.ts-layer2,.ts-campus{background:#FFEDD5;color:#9A3412}
.ts-nexus,.ts-dc,.ts-nsx{background:#CFFAFE;color:#155E75}
.ts-ospf,.ts-bgp,.ts-gateways,.ts-wan,.ts-sdwan{background:#F3E8FF;color:#6B21A8}
.ts-firewalls,.ts-security{background:#FFE4E6;color:#9F1239}
.ts-wireless,.ts-cloud{background:#DBEAFE;color:#1E40AF}
.ts-ot{background:#CCFBF1;color:#115E59}
.ts-facilities{background:#FEF3C7;color:#92400E}
.ts-mcast,.ts-ipv6{background:#E0E7FF;color:#3730A3}
.ts-service{background:#E2E8F0;color:#334155}
.ts-body{padding:.4rem 1.1rem 1rem;max-width:80ch}
.ts-body p{margin:.55rem 0}
.ts-lbl{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle);margin:1rem 0 .35rem!important}
.ts-list,.ts-checks{margin:0;padding-left:1.25rem;display:grid;gap:.35rem}
.ts-checks li::marker{font-weight:700;color:var(--orange-strong)}
.ts-body code,.ts-cmds code{font-size:.84em;word-break:break-word}
.ts-more{font-size:.9rem;color:var(--muted)}
.ts-later[hidden],.ts-checks li[hidden]{display:none}
.ts-guide{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.8rem 0 .2rem;padding:.6rem .7rem;border-radius:.7rem;background:var(--surface-2)}
.ts-guide span{font-size:.86rem;color:var(--muted);margin-right:auto}

/* command reference */
.ts-cmdwrap{max-height:none}
.ts-cmds{width:100%;border-collapse:collapse}
.ts-cmds td{vertical-align:top}
.ts-cmds td:first-child{width:20%;color:var(--muted)}
.ts-cmds td:nth-child(2){width:40%}
.ts-cmd-h th{background:var(--surface-2);text-align:left;font-size:.85rem;letter-spacing:.04em}
.ts-cmds tbody[hidden],.ts-cmds tr[hidden]{display:none}

/* small helpers used in the toolkit section */
.ts-filters td:first-child{white-space:nowrap}
.ts-pack{columns:2;column-gap:2rem;padding-left:1.2rem;margin:0}
.ts-pack li{margin:.25rem 0;break-inside:avoid}

@media (max-width:800px){
  .ts-cmds td:first-child{width:auto}
  .ts-pack{columns:1}
  .ts-case summary{flex-wrap:wrap;gap:.4rem}
}
.ts-body [hidden]{display:none!important}
@media (max-width:700px){
  .ts-cmdwrap > table{min-width:0}
  .ts-cmds thead{display:none}
  .ts-cmds tr{display:block;padding:10px 0;border-bottom:1px solid var(--line)}
  .ts-cmds td{display:block;width:auto!important;border:0;padding:2px 4px}
  .ts-cmds td:first-child:empty{display:none}
  .ts-cmds .ts-cmd-h th{display:block}
}