
  /* Trust Tools: one page, three tools, a left track. They were three orphan pages that
     nobody would guess were siblings; the track is what makes them a toolkit. */
  /* Same shape as the Trust Feed (Edward, 2026-07-28): heading, one line saying what
     these are, then a horizontal strip of tabs under a mono eyebrow and a dashed
     tear-line. The left track made the tools feel like a settings page; this makes
     both pages read as the same receipt-shaped product. */
  .tools{max-width:940px;margin:0 auto;padding:24px 16px 60px;}
  .trail{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px;padding-bottom:13px;
    border-bottom:1.5px dashed var(--hairline);}
  .trail button{font-family:inherit;text-align:left;font-size:13px;font-weight:700;
    background:var(--surface);color:var(--ink-text);border:2px solid var(--ink);
    border-radius:16px;padding:6px 13px;cursor:pointer;display:inline-flex;
    align-items:baseline;gap:7px;min-height:24px;min-width:24px;box-sizing:border-box;
    transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s;}
  .trail button span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;
    font-weight:600;letter-spacing:0.05em;color:var(--muted);text-transform:uppercase;}
  .trail button:hover{transform:translateY(-1px);}
  .trail button.on{background:var(--chip-on-bg);color:var(--chip-on-ink);box-shadow:3px 3px 0 var(--shadow-iris);}
  .trail button.on span{color:var(--chip-on-ink);opacity:.8;}
  .tpane[hidden]{display:none;}
  /* an embedded tool keeps its visual weight without claiming to be the
     page's headline (see _demote_headings) */
  h2[data-hero]{font-size:clamp(23px,4.4vw,31px);line-height:1.12;
    letter-spacing:-.7px;margin:0 0 6px;font-weight:700;}
  .tpane>.wrap,.tpane>.wb{max-width:none;margin:0;padding:0;}
