/* C2: presenter mode — the talk-track overlay's own stylesheet (?present=1,
   presenter.js). A SEPARATE file, .presenter-* selectors only, because the overlay
   must also work on the standalone T23 audit-cover pages (which carry their own
   inline CSS, not style.css): the web app injects this link + presenter.js into the
   served covers, and scoped selectors can never restyle the document underneath.
   Design tokens fall back to the style.css literals so the card looks identical on
   pages that never define the variables. */
.presenter-card{position:fixed;right:18px;bottom:18px;z-index:60;width:380px;
  max-width:calc(100vw - 36px);background:var(--panel,#FFFFFF);
  border:1px solid var(--line-strong,#D2DAE4);border-top:3px solid var(--teal,#0F7B87);
  border-radius:var(--radius,8px);box-shadow:0 10px 32px rgba(16,30,49,.2);
  padding:14px 18px 14px;
  font:14px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--body-c,#26344A);text-align:left}
.presenter-head{display:flex;align-items:center;gap:10px}
.presenter-tag{font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--teal-deep,#0B5E68);
  background:var(--teal-soft,#E9F2F3);border:1px solid var(--teal-line,#BCD9DD);
  border-radius:4px;padding:2px 7px}
.presenter-count{font-size:11px;color:var(--muted,#5B6B7D);margin-left:auto}
.presenter-close{appearance:none;border:0;background:transparent;
  color:var(--muted,#5B6B7D);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}
.presenter-close:hover{color:var(--bad,#B3261E)}
.presenter-title{margin:10px 0 4px;font-size:15px;font-weight:700;
  color:var(--ink,#101E31);letter-spacing:-.01em}
.presenter-talk{margin:0 0 12px;font-size:12.5px;line-height:1.6;
  color:var(--body-c,#26344A)}
.presenter-nav{display:flex;justify-content:space-between;gap:8px}
/* the nav buttons restate the .btn look with fallbacks, so covers render them too */
.presenter-nav button{appearance:none;border:1px solid var(--line-strong,#D2DAE4);
  background:var(--panel,#FFFFFF);color:var(--body-c,#26344A);border-radius:6px;
  font:600 12.5px/1 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  padding:8px 12px;cursor:pointer}
.presenter-nav button:hover{border-color:var(--teal,#0F7B87);
  color:var(--teal-deep,#0B5E68);background:var(--teal-soft,#E9F2F3)}
.presenter-nav .presenter-next{background:var(--teal,#0F7B87);
  border-color:var(--teal,#0F7B87);color:#fff}
.presenter-nav .presenter-next:hover{background:var(--teal-deep,#0B5E68);
  border-color:var(--teal-deep,#0B5E68);color:#fff}
.presenter-nav button[disabled]{opacity:.45;pointer-events:none}
.presenter-nav kbd{font:11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-weight:700;color:var(--muted,#5B6B7D);background:var(--soft,#F2F5F8);
  border:1px solid var(--line-strong,#D2DAE4);border-bottom-width:2px;border-radius:4px;
  padding:2px 5px;vertical-align:1px;margin-left:6px}
.presenter-nav .presenter-next kbd{color:#fff;background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.35)}
@media (max-width:720px){
  .presenter-card{right:10px;left:10px;bottom:10px;width:auto;max-width:none}
}