/* SaferICO — KNOWLEDGE BASE STYLES
   Shared by the two generated content hubs:
     /safe/   — the SAFE vulnerability database (203 entries)
     /hacks/  — the Hall of Hacks (20 incidents)

   Both are produced by scripts/kb.mjs, so this file is the ONLY place their
   look is defined — 223 pages cannot each carry their own copy.

   Scope is #creator-page, matching sfi-suite.css, so anything copied from a
   tool page lands looking identical.

   ⚠ The four severity colours below are the site-wide risk scale. They are
   cross-checked against sfi-ui.css by scripts/check.mjs — a token graded
   "critical" here must be the same red the scanner, the Mini App and the
   review sheet paint. Do not tune them locally.
*/

#creator-page{
  --sev-critical:#F87171;
  --sev-high:#FB923C;
  --sev-medium:#FBBF24;
  --sev-low:#34D399;
}

/* ───────────────────────────────────────────────────────────── page frame */
#creator-page .kb-wrap{max-width:1120px;margin:0 auto;padding:0 24px}
#creator-page .kb-narrow{max-width:860px}
#creator-page .kb-head{padding:34px 0 4px}
#creator-page .kb-head h1{font-family:'Space Grotesk',sans-serif;font-size:2.1rem;font-weight:800;
  letter-spacing:-1px;color:#fff;margin:0 0 12px;line-height:1.14}
#creator-page .kb-lead{color:var(--muted);font-size:1.01rem;line-height:1.72;max-width:68ch;margin:0}
#creator-page .kb-sect{padding:28px 0 0}
#creator-page .kb-foot{padding-bottom:90px}
#creator-page .kb-sect-h{display:flex;align-items:center;gap:12px;margin:0 0 16px;flex-wrap:wrap}
#creator-page .kb-sect-h h2{font-family:'Space Grotesk',sans-serif;font-size:1.16rem;font-weight:700;
  color:#fff;margin:0;letter-spacing:-.3px}
#creator-page .kb-sect-h .n{width:26px;height:26px;border-radius:50%;flex:0 0 auto;display:grid;
  place-items:center;font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:700;
  color:#04060C;background:var(--accent)}

#creator-page .kb-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:22px}
#creator-page .kb-card + .kb-card{margin-top:14px}

/* ───────────────────────────────────────────────────── breadcrumb + crumbs */
#creator-page .kb-crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:22px 0 0;
  font-size:.83rem;color:var(--muted);font-family:'DM Sans',sans-serif}
#creator-page .kb-crumb a{color:var(--muted);transition:color .2s}
#creator-page .kb-crumb a:hover{color:var(--accent)}
#creator-page .kb-crumb span[aria-hidden]{opacity:.45}
#creator-page .kb-crumb b{color:var(--text);font-weight:600}

/* ───────────────────────────────────────────────────────────── severity */
#creator-page .kb-sev{display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;
  font-size:10.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;
  padding:5px 10px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}
#creator-page .kb-sev::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;
  box-shadow:0 0 8px currentColor}
#creator-page .kb-sev.critical{color:var(--sev-critical);background:rgba(248,113,113,.09)}
#creator-page .kb-sev.high{color:var(--sev-high);background:rgba(251,146,60,.09)}
#creator-page .kb-sev.medium{color:var(--sev-medium);background:rgba(251,191,36,.09)}
#creator-page .kb-sev.low{color:var(--sev-low);background:rgba(52,211,153,.09)}

/* ────────────────────────────────────────────────────────── filter bar */
#creator-page .kb-find{position:relative;margin:0 0 14px}
#creator-page .kb-find svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:17px;height:17px;stroke:var(--muted);fill:none;stroke-width:2;pointer-events:none}
#creator-page .kb-find input{width:100%;background:var(--bg2);border:1px solid var(--border);
  border-radius:12px;padding:13px 15px 13px 42px;color:var(--text);font-family:'DM Sans',sans-serif;
  font-size:.95rem;outline:none;transition:border-color .2s}
#creator-page .kb-find input:focus{border-color:var(--border-strong)}
#creator-page .kb-find input::placeholder{color:var(--muted)}

#creator-page .kb-filters{display:flex;flex-direction:column;gap:10px;margin:0 0 18px}
#creator-page .kb-frow{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
#creator-page .kb-flabel{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.6px;
  text-transform:uppercase;color:var(--muted);margin-right:4px;flex:0 0 auto}
#creator-page .kb-chip{font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:600;
  background:var(--bg2);border:1px solid var(--border);color:var(--muted);border-radius:999px;
  padding:6px 13px;cursor:pointer;transition:.18s;line-height:1.3}
#creator-page .kb-chip:hover{color:var(--text);border-color:var(--border-strong)}
#creator-page .kb-chip.on{background:linear-gradient(120deg,rgba(59,111,240,.9),rgba(139,92,246,.82));
  border-color:transparent;color:#fff}
#creator-page .kb-chip .c{opacity:.62;font-family:'JetBrains Mono',monospace;font-size:.76em;margin-left:5px}

#creator-page .kb-count{font-family:'JetBrains Mono',monospace;font-size:.8rem;color:var(--muted);
  margin:0 0 12px}
#creator-page .kb-count b{color:var(--text)}
#creator-page .kb-empty{padding:44px 20px;text-align:center;color:var(--muted);font-size:.93rem}

/* ─────────────────────────────────────────────────────── the entry list */
#creator-page .kb-list{display:grid;gap:9px}
#creator-page .kb-row{display:grid;grid-template-columns:96px 1fr auto;gap:14px;align-items:center;
  background:var(--bg2);border:1px solid var(--border);border-radius:13px;padding:13px 16px;
  transition:border-color .18s,transform .18s}
#creator-page .kb-row:hover{border-color:var(--border-strong);transform:translateX(2px)}
#creator-page .kb-row .kb-id{font-family:'JetBrains Mono',monospace;font-size:.78rem;color:var(--accent);
  font-weight:600;letter-spacing:.3px}
#creator-page .kb-row .kb-t{min-width:0}
#creator-page .kb-row .kb-t b{display:block;font-family:'Space Grotesk',sans-serif;font-size:.98rem;
  font-weight:600;color:var(--text);line-height:1.35}
#creator-page .kb-row .kb-t span{display:block;font-size:.79rem;color:var(--muted);margin-top:3px}
#creator-page .kb-row .kb-r{display:flex;align-items:center;gap:9px;flex:0 0 auto}

/* ──────────────────────────────────────────────── entry page: the header */
#creator-page .kb-hero{padding:16px 0 0}
#creator-page .kb-hero .kb-tag{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 13px}
#creator-page .kb-hero h1{font-family:'Space Grotesk',sans-serif;font-size:1.95rem;font-weight:800;
  letter-spacing:-.8px;color:#fff;margin:0 0 8px;line-height:1.18}
#creator-page .kb-hero .kb-sub{font-family:'JetBrains Mono',monospace;font-size:.78rem;color:var(--muted);
  display:flex;gap:14px;flex-wrap:wrap;margin:0 0 4px}
#creator-page .kb-hero .kb-sub a{color:var(--muted);border-bottom:1px dotted var(--border-strong)}
#creator-page .kb-hero .kb-sub a:hover{color:var(--accent)}

#creator-page .kb-prose{color:var(--muted);font-size:1rem;line-height:1.78}
#creator-page .kb-prose p{margin:0 0 14px}
#creator-page .kb-prose p:last-child{margin-bottom:0}
#creator-page .kb-prose b{color:var(--text);font-weight:600}
#creator-page .kb-prose .danger{color:var(--sev-critical);font-weight:600}
#creator-page .kb-prose .accent{color:var(--accent)}
#creator-page .kb-prose em{color:var(--text);font-style:italic}
#creator-page .kb-prose code,#creator-page .kb-inline-code{font-family:'JetBrains Mono',monospace;
  font-size:.83em;background:rgba(148,170,220,.11);border:1px solid var(--border);border-radius:5px;
  padding:1.5px 6px;color:#9fe9dd}

/* ─────────────────────────────────────────────────────────── code blocks */
#creator-page .kb-code{border:1px solid var(--border);border-radius:13px;overflow:hidden;background:#05070E}
#creator-page .kb-code + .kb-code{margin-top:14px}
#creator-page .kb-code .bar{display:flex;align-items:center;gap:7px;padding:9px 14px;
  background:rgba(148,170,220,.05);border-bottom:1px solid var(--border)}
#creator-page .kb-code .bar .dt{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
#creator-page .kb-code .bar .dt.r{background:#F87171}
#creator-page .kb-code .bar .dt.y{background:#FBBF24}
#creator-page .kb-code .bar .dt.g{background:#34D399}
#creator-page .kb-code .bar .ttl{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);
  margin-left:6px;letter-spacing:.2px}
#creator-page .kb-code pre{margin:0;padding:16px;overflow-x:auto;font-family:'JetBrains Mono',monospace;
  font-size:12.4px;line-height:1.72;color:#C7D6EC;white-space:pre;tab-size:2}
#creator-page .kb-code pre .cm{color:#5E7191}
#creator-page .kb-code pre .rd{color:var(--sev-critical)}
#creator-page .kb-code pre .gr{color:var(--sev-low)}
#creator-page .kb-code pre .am{color:var(--sev-medium)}
#creator-page .kb-code pre .fn{color:var(--accent)}
#creator-page .kb-code.bad{border-color:rgba(248,113,113,.3)}
#creator-page .kb-code.bad .bar{background:rgba(248,113,113,.07)}
#creator-page .kb-code.good{border-color:rgba(52,211,153,.28)}
#creator-page .kb-code.good .bar{background:rgba(52,211,153,.06)}

/* ───────────────────────────────────────────────────── attack flow ladder */
#creator-page .kb-flow{list-style:none;margin:0;padding:0;display:grid;gap:0}
#creator-page .kb-flow li{position:relative;padding:0 0 16px 34px;counter-increment:kbf}
#creator-page .kb-flow li:last-child{padding-bottom:0}
#creator-page .kb-flow li::before{content:counter(kbf);position:absolute;left:0;top:0;width:22px;height:22px;
  border-radius:50%;display:grid;place-items:center;font-family:'JetBrains Mono',monospace;font-size:10.5px;
  font-weight:700;background:rgba(148,170,220,.12);color:var(--muted);border:1px solid var(--border)}
#creator-page .kb-flow li::after{content:"";position:absolute;left:10.5px;top:23px;bottom:1px;width:1px;
  background:var(--border)}
#creator-page .kb-flow li:last-child::after{display:none}
#creator-page .kb-flow{counter-reset:kbf}
#creator-page .kb-flow li b{display:block;font-family:'Space Grotesk',sans-serif;font-size:.95rem;
  font-weight:600;color:var(--text);line-height:1.4}
#creator-page .kb-flow li i{display:block;font-style:normal;font-size:.85rem;color:var(--muted);
  margin-top:2px;line-height:1.6}
#creator-page .kb-flow li.bad::before{background:rgba(248,113,113,.16);color:var(--sev-critical);
  border-color:rgba(248,113,113,.4)}
#creator-page .kb-flow li.bad b{color:var(--sev-critical)}
#creator-page .kb-flow li.out::before{background:rgba(139,92,246,.18);color:#A78BFA;
  border-color:rgba(139,92,246,.42)}
#creator-page .kb-flow li.out b{color:#A78BFA}

/* ───────────────────────────────────────────────────────── callout boxes */
#creator-page .kb-note{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--border);
  border-radius:13px;padding:16px 18px;background:rgba(59,111,240,.055)}
#creator-page .kb-note .ic{flex:0 0 auto;width:24px;height:24px;border-radius:7px;display:grid;
  place-items:center;background:rgba(34,217,255,.13);color:var(--accent);font-size:13px}
#creator-page .kb-note div{color:var(--muted);font-size:.92rem;line-height:1.7}
#creator-page .kb-note b{color:var(--text)}
#creator-page .kb-note code{font-family:'JetBrains Mono',monospace;font-size:.84em;
  background:rgba(148,170,220,.11);border-radius:4px;padding:1px 5px;color:#9fe9dd}
#creator-page .kb-note em{color:var(--text);font-style:italic}

/* ─────────────────────────────────────────────────────────── source list */
#creator-page .kb-src{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#creator-page .kb-src a{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;color:var(--muted);
  background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:8px 13px;transition:.18s}
#creator-page .kb-src a:hover{color:var(--text);border-color:var(--border-strong)}
#creator-page .kb-src a::after{content:"↗";opacity:.55;font-size:.9em}

/* ────────────────────────────────────────────────── related / see-also grid */
#creator-page .kb-rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:10px}
#creator-page .kb-rel a{display:block;background:var(--bg2);border:1px solid var(--border);
  border-radius:12px;padding:14px 16px;transition:border-color .18s}
#creator-page .kb-rel a:hover{border-color:var(--border-strong)}
#creator-page .kb-rel .kb-id{font-family:'JetBrains Mono',monospace;font-size:.74rem;color:var(--accent);
  display:block;margin-bottom:5px}
#creator-page .kb-rel b{display:block;font-family:'Space Grotesk',sans-serif;font-size:.92rem;
  font-weight:600;color:var(--text);line-height:1.4}
#creator-page .kb-rel span{display:block;font-size:.78rem;color:var(--muted);margin-top:5px}

/* ────────────────────────────────────────────────────── prev / next strip */
#creator-page .kb-pn{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
#creator-page .kb-pn a{display:block;background:var(--bg2);border:1px solid var(--border);
  border-radius:12px;padding:14px 17px;transition:border-color .18s}
#creator-page .kb-pn a:hover{border-color:var(--border-strong)}
#creator-page .kb-pn small{display:block;font-family:'JetBrains Mono',monospace;font-size:10.5px;
  letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
#creator-page .kb-pn b{font-family:'Space Grotesk',sans-serif;font-size:.92rem;font-weight:600;
  color:var(--text);line-height:1.4;display:block}
#creator-page .kb-pn a.next{text-align:right}
#creator-page .kb-pn a.only{grid-column:1 / -1}

/* ──────────────────────────────────────────────────────────── the CTA bar */
#creator-page .kb-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:space-between;
  border:1px solid var(--border-strong);border-radius:16px;padding:22px 24px;
  background:linear-gradient(120deg,rgba(59,111,240,.13),rgba(139,92,246,.09))}
#creator-page .kb-cta .t{min-width:220px;flex:1 1 300px}
#creator-page .kb-cta b{display:block;font-family:'Space Grotesk',sans-serif;font-size:1.04rem;
  font-weight:700;color:#fff;margin-bottom:5px}
#creator-page .kb-cta p{margin:0;color:var(--muted);font-size:.89rem;line-height:1.65}
#creator-page .kb-btn{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk',sans-serif;
  font-size:.92rem;font-weight:700;color:#04060C;background:var(--accent);border:0;border-radius:10px;
  padding:12px 20px;cursor:pointer;transition:.18s;white-space:nowrap}
#creator-page .kb-btn:hover{filter:brightness(1.08)}
#creator-page .kb-btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border-strong)}
#creator-page .kb-btn.ghost:hover{border-color:var(--accent);color:var(--accent);filter:none}

/* ───────────────────────────────────────────────── stat strip (hub pages) */
#creator-page .kb-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px;
  margin:22px 0 0}
#creator-page .kb-stat{background:var(--bg2);border:1px solid var(--border);border-radius:13px;padding:16px 18px}
#creator-page .kb-stat .v{font-family:'Space Grotesk',sans-serif;font-size:1.5rem;font-weight:800;
  color:#fff;letter-spacing:-.6px;line-height:1.1}
#creator-page .kb-stat .k{font-size:.79rem;color:var(--muted);margin-top:5px;line-height:1.45}
#creator-page .kb-stat.danger .v{color:var(--sev-critical)}
#creator-page .kb-stat.accent .v{color:var(--accent)}

/* ────────────────────────────────────────────── hacks: the incident meta */
#creator-page .kb-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;
  margin:0 0 4px}
#creator-page .kb-meta div{background:var(--bg2);border:1px solid var(--border);border-radius:11px;
  padding:12px 14px}
#creator-page .kb-meta small{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
#creator-page .kb-meta b{font-family:'Space Grotesk',sans-serif;font-size:.96rem;font-weight:700;
  color:var(--text);line-height:1.35;display:block}
#creator-page .kb-meta b.loss{color:var(--sev-critical)}

/* ────────────────────────────────────────────────────────────── responsive */
@media (max-width:760px){
  #creator-page .kb-row{grid-template-columns:1fr;gap:9px}
  #creator-page .kb-row .kb-r{justify-content:flex-start}
  #creator-page .kb-pn{grid-template-columns:1fr}
  #creator-page .kb-pn a.next{text-align:left}
}
@media (max-width:620px){
  #creator-page .kb-wrap{padding:0 16px}
  #creator-page .kb-head h1{font-size:1.65rem}
  #creator-page .kb-hero h1{font-size:1.5rem}
  #creator-page .kb-code pre{font-size:11.6px}
}
@media (prefers-reduced-motion:reduce){
  #creator-page .kb-row:hover{transform:none}
}

/* ══════════════════════════════════════════════════════ audit portfolio ══
   Added for /audits/. Three bugs it fixes, all of them invisible in markup:

   1. The verdict chip had no tone class in this file, so the report that says
      "Insecure" rendered identically to the one that says "Well secured".
      This site has shipped that exact defect before — risk levels that were
      green and red and looked the same — so the colours are pinned to the
      severity variables already defined above rather than to new hex values.
   2. .kb-chip carries cursor:pointer because the filter row is made of chips.
      Reused for a date or a chain label it invites a click that does nothing;
      chips inside .kb-chips are informational and say so.
   3. .kb-meta is a GRID that boxes each child into a 132px cell — right for
      the stat rows it was written for, wrong for a row of chips.            */

#creator-page .kb-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 6px}
#creator-page .kb-chips .kb-chip{cursor:default}
#creator-page .kb-chips .kb-chip:hover{color:var(--muted);border-color:var(--border)}

#creator-page .kb-chip.ok{color:var(--sev-low);background:rgba(52,211,153,.09);
  border-color:rgba(52,211,153,.28)}
#creator-page .kb-chip.warn{color:var(--sev-medium);background:rgba(251,191,36,.09);
  border-color:rgba(251,191,36,.28)}
#creator-page .kb-chip.bad{color:var(--sev-critical);background:rgba(248,113,113,.10);
  border-color:rgba(248,113,113,.30)}
#creator-page .kb-chips .kb-chip.ok:hover{color:var(--sev-low);border-color:rgba(52,211,153,.28)}
#creator-page .kb-chips .kb-chip.warn:hover{color:var(--sev-medium);border-color:rgba(251,191,36,.28)}
#creator-page .kb-chips .kb-chip.bad:hover{color:var(--sev-critical);border-color:rgba(248,113,113,.30)}

/* The on-chain line. Deliberately quiet: "no code at this address" is a fact
   about the project, not a warning about the audit, and must not be dressed
   as a severity. Only the positive state gets any colour at all. */
#creator-page .kb-state{display:inline-flex;align-items:center;gap:7px;
  font-family:'JetBrains Mono',monospace;font-size:.74rem;letter-spacing:.02em;
  color:var(--muted);background:var(--bg2);border:1px solid var(--border);
  border-radius:9px;padding:8px 12px;line-height:1.3}
#creator-page .kb-state::before{content:"";width:6px;height:6px;border-radius:50%;
  background:currentColor;opacity:.75;flex:0 0 auto}
#creator-page .kb-state.ok{color:var(--sev-low);border-color:rgba(52,211,153,.26)}

/* One audit's report rows. Each row is a report; the whole row is not a link
   because the two links inside it go to different places. */

@media (max-width:520px){
  #creator-page .kb-chips{gap:6px}
  #creator-page .kb-chips .kb-chip{font-size:.76rem;padding:5px 10px}
}

/* The verdict badge on an /audits/ row. It is the ONE thing that differs
   between two rows at a glance, so it is shaped like the severity pill the
   other two hubs use rather than like the neutral chips beside it — a badge
   that renders identically whatever it says is decoration, not information. */
#creator-page .kb-verdict{display:inline-flex;align-items:center;gap:7px;
  font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;
  border-radius:999px;padding:6px 12px;border:1px solid transparent}
#creator-page .kb-verdict::before{content:"";width:6px;height:6px;border-radius:50%;
  background:currentColor;flex:0 0 auto}
#creator-page .kb-verdict.ok{color:var(--sev-low);background:rgba(52,211,153,.09);
  border-color:rgba(52,211,153,.30)}
#creator-page .kb-verdict.warn{color:var(--sev-medium);background:rgba(251,191,36,.09);
  border-color:rgba(251,191,36,.30)}
#creator-page .kb-verdict.bad{color:var(--sev-critical);background:rgba(248,113,113,.10);
  border-color:rgba(248,113,113,.34)}

/* "15×" — the multi-report marker. 168 of the 204 audits are a single report,
   so the ones that are not are the interesting rows and this is the only
   number that makes them stand out while scrolling. */
#creator-page .kb-n{font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:600;
  color:var(--accent);background:rgba(94,234,212,.08);border:1px solid rgba(94,234,212,.20);
  border-radius:7px;padding:5px 9px;white-space:nowrap}

@media (max-width:720px){
  #creator-page .kb-verdict{font-size:.63rem;padding:5px 10px}
}

/* One report inside an audit page. Its own block rather than .kb-row: that
   class is the index's 96px/1fr/auto grid, which squeezed a report title such
   as "ZEO Presale Smart Contract Audit" into the narrow id rail and stacked
   every chip beside it one word wide. */
#creator-page .kb-report{background:var(--bg2);border:1px solid var(--border);border-radius:13px;
  padding:16px 18px;display:flex;flex-direction:column;gap:11px;transition:border-color .18s}
#creator-page .kb-report:hover{border-color:var(--border-strong)}
#creator-page .kb-report + .kb-report{margin-top:11px}
#creator-page .kb-report-h{display:flex;align-items:center;justify-content:space-between;
  gap:14px;flex-wrap:wrap}
#creator-page .kb-report-t{font-family:'Space Grotesk',sans-serif;font-size:1rem;font-weight:700;
  color:#fff;line-height:1.35;display:inline-flex;align-items:center;gap:8px;min-width:0}
#creator-page .kb-report-t::after{content:"↗";opacity:.5;font-size:.85em;flex:0 0 auto}
#creator-page .kb-report-t:hover{color:var(--accent)}
#creator-page .kb-report .kb-chips{margin:0}
#creator-page .kb-report .kb-src{margin:0}

@media (max-width:640px){
  #creator-page .kb-report{padding:14px}
  #creator-page .kb-report-h{align-items:flex-start;flex-direction:column;gap:9px}
  #creator-page .kb-report .kb-src{gap:7px}
  #creator-page .kb-report .kb-inline-code{font-size:.66rem;word-break:break-all}
}