/* echo-audit.css — page styles (claude_20261002_cobalt). Former inline style="" attributes are the st-* classes at the end. */
  .who { margin: 6px 0 2px; font-size: 17px; line-height: 1.25; }
  .route { color: var(--muted); font-size: 11.5px; }
  .seg.full { margin-top: 12px; }
  .card { margin-top: 10px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--card); font-size: 13px; line-height: 1.7; white-space: pre-line; min-height: 120px; }
  .card.fa { direction: rtl; text-align: right; font-size: 15px; line-height: 1.9; font-family: system-ui, "Segoe UI", Tahoma, sans-serif; }
  .card .src { display: block; margin-top: 8px; white-space: normal; color: var(--muted); font-size: 10.5px; direction: ltr; text-align: left; font-family: var(--font); }
  .tok { border: 0; padding: 0 1px; background: none; color: inherit; font: inherit; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; cursor: pointer; }
  .tok.al { text-decoration-color: var(--bad); }
  .tok.dr { text-decoration-color: var(--cobalt); }
  .q { margin-top: 16px; }
  .q h2 { margin: 0 0 8px; font-size: 12.5px; font-weight: 700; display: flex; align-items: center; gap: 6px; }
  .q h2 .i-btn { position: relative; border: 0; background: none; padding: 0; cursor: pointer; }
  .q h2 .i-btn::after { content: ""; position: absolute; inset: -12px; }
  .q .help { display: none; margin: -2px 0 8px; color: var(--muted); font-size: 11.5px; }
  .q.help-on .help { display: block; }
  .opts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .opts .btn { height: 34px; color: var(--ink); font-weight: 400; font-size: 12px; }
  .opts .btn.on { background: var(--cobalt); border-color: var(--cobalt); color: var(--paper); font-weight: 700; }
  .saved { margin-top: 6px; color: var(--muted); font-size: 10.5px; min-height: 14px; }
  .flag { margin-top: 10px; padding: 8px 10px; border-left: 3px solid var(--amber); background: color-mix(in srgb, var(--amber) 8%, transparent); border-radius: 0 6px 6px 0; font-size: 11.5px; }
  .vec { display: grid; grid-template-columns: 110px 1fr 1fr; gap: 6px 8px; align-items: center; margin-top: 8px; font-size: 11px; }
  .vec .h { color: var(--muted); font: 700 8.75px/1 var(--font); letter-spacing: .08em; text-transform: uppercase; }
  .bar2 { height: 6px; border-radius: 3px; background: var(--line); overflow: hidden; } .bar2 i { display: block; height: 100%; background: var(--cobalt); } .bar2.en i { background: var(--rule); }
  .kv { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; margin-top: 8px; font-size: 12px; }
  .kv span { color: var(--muted); }
  .ctl-sel { height: 28px; padding: 0 22px 0 9px; border: 1px solid var(--rule); border-radius: 5px; background: var(--card); color: var(--ink); font: 400 11px/1 var(--font); }
.st-589deb { font-size:10.5px !important;margin:8px 0 6px !important; }
.st-7e96ba { margin:10px 0 0 !important;font-size:12px !important;line-height:1.55 !important; }
.st-8a77e5 { margin-top:8px !important; }
.st-dadac6 { text-decoration:underline 2px var(--cobalt) !important;text-underline-offset:3px !important; }
.st-fc35c1 { text-decoration:underline 2px var(--bad) !important;text-underline-offset:3px !important; }