/* Audit A13 · B63-103 — Suite ▸ Docs as a page (suite-doc.js). Class-only selectors. */
.sdoc-host{ display:flex;flex-direction:column;gap:12px;min-width:0; }
.sdoc-bar{ position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px;
  background:var(--bg-1);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 14px rgba(13,37,48,.06); }
.sdoc-btn{ width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--fg-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto; }
.sdoc-btn .mi{ font-size:19px; }
.sdoc-btn:hover{ background:var(--bg-2);color:var(--fg-1); }
.sdoc-btn.on{ background:var(--accent-soft);color:var(--accent-text,var(--accent)); }
.sdoc-btn[disabled]{ opacity:.4;cursor:not-allowed; }
.sdoc-sep{ width:1px;height:22px;background:var(--border);margin:0 3px;flex:0 0 auto; }
.sdoc-cs{ flex:0 0 auto; }
.sdoc-cs .cs-btn{ height:34px;min-height:34px; }
.sdoc-cs-style{ width:148px; } .sdoc-cs-font{ width:96px; } .sdoc-cs-size{ width:72px; } .sdoc-cs-space{ width:72px; } .sdoc-cs-val{ width:170px; }
.sdoc-paper{ background:var(--bg-2);border-radius:14px;padding:28px 20px; }
.sdoc-page{ max-width:760px;min-height:62vh;margin:0 auto;padding:56px 64px;background:var(--bg-1);border:1px solid var(--border);border-radius:6px;
  box-shadow:0 10px 30px rgba(13,37,48,.08);outline:0;color:var(--fg-1);font:400 16px/1.5 var(--mk-font-ui);overflow-wrap:anywhere; }
.sdoc-page:focus-visible{ box-shadow:0 0 0 2px var(--accent),0 10px 30px rgba(13,37,48,.08); }
.sdoc-page:empty::before{ content:attr(data-ph);color:var(--fg-3); }
.sdoc-page h1{ font:800 30px/1.2 var(--mk-font-ui);letter-spacing:-.02em;margin:0 0 14px; }
.sdoc-page h2{ font:700 21px/1.3 var(--mk-font-ui);color:var(--fg-2);margin:18px 0 8px; }
.sdoc-page h3{ font:700 17px/1.35 var(--mk-font-ui);margin:16px 0 6px; }
.sdoc-page p{ margin:0 0 10px; }
.sdoc-page ul,.sdoc-page ol{ margin:0 0 10px;padding-inline-start:26px; }
.sdoc-page li{ margin:2px 0; }
.sdoc-page blockquote{ margin:10px 0;padding:10px 14px;border-inline-start:3px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;color:var(--fg-1); }
.sdoc-page a{ color:var(--accent-text,var(--accent));text-decoration:underline; }
.sdoc-page .su-live{ cursor:default; }
@media (max-width:600px){
  .sdoc-paper{ padding:0;background:transparent; }
  .sdoc-page{ padding:22px 16px;border-radius:12px;min-height:56vh;box-shadow:none; }
  .sdoc-cs-style{ width:132px; } .sdoc-cs-val{ width:150px; }
}
@media (max-width:600px){
  /* B65 W10 (065-126) — "This bar should be fixed on all screen sizes. The doc scrolls
     behind it": on a phone too it stays pinned, just under the app's nav bar. */
  .sdoc-bar{ position:sticky;top:var(--mk-nav-clear, 60px);gap:2px;padding:5px;box-shadow:0 8px 16px -10px rgba(13,37,48,.28); }
  .sdoc-sep{ display:none; }
  .sdoc-btn{ width:32px;height:32px; }
  .sdoc-cs-style{ width:112px; } .sdoc-cs-font{ width:80px; } .sdoc-cs-size{ width:60px; } .sdoc-cs-space{ width:60px; } .sdoc-cs-val{ width:124px; }
}

/* ── Audit A14 · B63-103 — Sheets typed into (suite-sheet.js) ─────── */
.ssh-host{ display:flex;flex-direction:column;gap:10px;min-width:0; }
.ssh-fx{ display:flex;align-items:center;gap:6px;padding:6px;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;min-width:0;flex-wrap:wrap; }
.ssh-addr{ flex:0 0 auto;min-width:44px;height:34px;padding:0 8px;border-radius:8px;background:var(--bg-2);display:inline-flex;align-items:center;justify-content:center;
  font:700 12.5px/1 var(--mk-font-mono,ui-monospace,monospace);color:var(--fg-1); }
.ssh-fx-ic{ font-size:18px;color:var(--fg-3);flex:0 0 auto; }
.ssh-in{ flex:1 1 180px;min-width:0;height:34px;font-family:var(--mk-font-mono,ui-monospace,monospace); }
.ssh-fx-var{ flex:1 1 180px;min-width:0;display:flex;align-items:center;gap:6px; }
.ssh-cs{ flex:0 0 auto;width:170px; }
.ssh-cs .cs-btn{ height:34px;min-height:34px; }
.ssh-b{ width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--fg-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto; }
.ssh-b .mi{ font-size:19px; }
.ssh-b:hover{ background:var(--bg-2);color:var(--fg-1); }
.ssh-b.on{ background:var(--accent-soft);color:var(--accent-text,var(--accent)); }
.ssh-b[disabled]{ opacity:.4;cursor:not-allowed; }
.ssh-grid{ outline:0;min-width:0; }
.ssh-grid:focus-visible .su-c.is-sel{ box-shadow:inset 0 0 0 2px var(--accent),0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent); }
.ssh-grid .su-c{ cursor:cell; }
.ssh-grid .su-c.is-edit{ box-shadow:inset 0 0 0 2px var(--accent);background:var(--bg-1); }
.ssh-cell-in{ width:100%;height:100%;min-height:38px;border:0;outline:0;background:transparent;padding:0 10px;font:500 13px var(--mk-font-mono,ui-monospace,monospace);color:var(--fg-1); }
.ssh-grow{ display:flex;gap:8px;flex-wrap:wrap; }
@media (max-width:600px){ .ssh-cs{ width:140px; } }

/* ── Audit A16 · B63-103 — connected sheets (suite-conn.js) ───────── */
.scn-path{ flex:0 1 auto;min-width:0;max-width:40%;font:600 12px/1.2 var(--mk-font-ui);color:var(--fg-2);overflow-wrap:anywhere; }
.scn-ro{ flex:1 1 180px;min-width:0;display:flex;align-items:center;gap:6px;font:600 13px/1.3 var(--mk-font-ui);color:var(--fg-1); }
.scn-ro > .mi{ font-size:16px;color:var(--fg-3); }
.scn-ro > em{ font:500 11.5px/1.2 var(--mk-font-ui);font-style:normal;color:var(--fg-3);margin-inline-start:auto; }
.scn-cs{ flex:1 1 180px;min-width:0; }
.scn-bad{ display:inline-flex;align-items:center;gap:4px;font:600 11.5px/1.2 var(--mk-font-ui);color:var(--mk-danger,#C81E1E); }
.scn-bad > .mi{ font-size:15px; }
.scn-gh{ text-align:start;white-space:nowrap; }
.scn-gh-t{ display:inline-block;vertical-align:middle;padding-inline-end:4px;text-transform:none;letter-spacing:0;font:800 11px/1.2 var(--mk-font-ui); }
.scn-gh-x{ width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:var(--fg-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle; }
.scn-gh-x:hover{ background:var(--bg-3);color:var(--mk-danger,#C81E1E); }
.scn-gh-x .mi{ font-size:15px; }
.scn-rh{ width:100%;min-width:30px;height:100%;border:0;background:transparent;color:var(--fg-2);font:800 10.5px/1 var(--mk-font-ui);cursor:pointer; }
.scn-rh:hover{ color:var(--accent-text,var(--accent)); }
.scn-grid .su-c.is-ro .su-c-t{ color:var(--fg-2); }
.scn-grid .su-c.is-rel .su-c-t{ color:var(--accent-text,var(--accent));font-weight:600; }
.scn-src{ display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--mk-font-ui);color:var(--fg-2);margin-inline-end:auto; }
.scn-src > .mi{ font-size:16px;color:var(--accent-text,var(--accent)); }
.scn-grow{ align-items:center; }
.scn-pick{ position:fixed;z-index:1750;max-height:min(380px,62dvh);overflow-y:auto;background:var(--bg-1);border:1px solid var(--border);border-radius:13px;
  box-shadow:0 18px 48px rgba(13,37,48,.24);padding:5px; }
.scn-hd{ display:flex;align-items:center;gap:6px;padding:6px 8px;font:700 12px/1.25 var(--mk-font-ui);color:var(--fg-2); }
.scn-hd > .mi{ font-size:16px; }
.scn-crumb{ min-width:0;overflow-wrap:anywhere; }
.scn-back{ width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--fg-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center; }
.scn-back:hover{ background:var(--bg-2); }
.scn-it{ width:100%;display:flex;align-items:center;gap:9px;min-height:38px;padding:6px 9px;border:0;border-radius:9px;background:none;cursor:pointer;text-align:start;color:var(--fg-1); }
.scn-it:hover,.scn-it:focus-visible{ background:var(--accent-soft);outline:0; }
.scn-it > .mi{ font-size:17px;color:var(--accent-text,var(--accent));flex:0 0 auto; }
.scn-t{ flex:1;min-width:0;font:600 13px/1.25 var(--mk-font-ui); }
.scn-ty,.scn-n{ flex:0 0 auto;font:600 11px/1 var(--mk-font-ui);color:var(--fg-3); }
.scn-it > .scn-go{ color:var(--fg-3);font-size:16px; }

/* ── Audit A17 · B63-103/104 — slide text written on the slide (suite-slide.js) ── */
.ssl-bar{ display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px; }
.ssl-cs{ width:190px; }
.ssl-cs .cs-btn{ height:34px;min-height:34px; }
.ssl-ed{ outline:0;cursor:text;border-radius:6px;transition:box-shadow .12s; }
.ssl-ed:hover{ box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent); }
.ssl-ed:focus{ box-shadow:0 0 0 2px var(--accent); }
.ssl-ed:empty::before{ content:attr(data-ph);color:var(--fg-3);opacity:.7; }
.ssl-ed .su-live{ cursor:default; }
/* Audit A21 — a slide designed on the Canvas shows its board, at the board's own 16:9 */
.su-sl-canvas{ padding:0;overflow:hidden; }
.su-sl-canvas .wkc-thumb{ aspect-ratio:16/9;width:100%;border-radius:inherit; }
.ssl-canvas{ margin-inline-start:auto; }