/* polyhelper.ai/research/ — the tools shelf (10.10.2026): the View on GitHub button on a tool page, the two-part
   switch on the index. Loaded after research.css by the tool pages, /research/tools/ and the index (only when the
   shelf has tools). Hand-written; build-research.py keeps it. */

main .btn-gh {
  display: inline-flex; align-items: center; min-height: 48px; padding: 0 24px; border-radius: 999px;
  background: linear-gradient(135deg, #5a67d8, var(--purple)); color: #fff; font: 700 1rem/1 Montserrat, system-ui, sans-serif; text-decoration: none;
  box-shadow: 0 6px 18px rgb(118 75 162 / .28);
}
main .btn-gh:hover { color: #fff; filter: brightness(1.07); }
.btn-gh::after { content: "↗"; margin-left: 10px; font-weight: 800; }
.tool .actions .pdf-size { overflow-wrap: anywhere; }
.gh-again { margin: 32px 0 0; }

.parts { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 0; }
main .parts a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 999px;
  border: 1px solid var(--line); background: var(--card); color: var(--text);
  font: 700 .95rem/1 Montserrat, system-ui, sans-serif; text-decoration: none;
}
main .parts a:hover { border-color: var(--link); color: var(--link); }
.tools-shelf { margin-top: 24px; padding-top: 8px; border-top: 1px solid var(--line); }
.tools-shelf h2 { scroll-margin-top: 16px; }
.r-hero .kicker a { color: #cdbfff; }

/* the tool's own figures (tools/<repo>.svg, -2, -3; 10.10.2026): an SVG in <img> keeps its own dark theme
   (prefers-color-scheme inside the file) */
.tool-fig { margin: 24px 0; }
.tool-fig img { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 1200 / 675; border-radius: 16px; }
.tool-fig-scroll { display: block; }
.tool-fig-hint { display: none; }
@media (max-width: 700px) {
  .tool-fig-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 16px; }
  .tool-fig-scroll img { width: 760px; max-width: none; }
  .tool-fig-hint { display: block; margin-top: 6px; font-size: .85rem; color: var(--muted); }
}
.card .tool-thumb {
  display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 1200 / 675;
  border-radius: 12px; border: 1px solid var(--line); margin: 0 0 12px;
}

/* the tool's cover (tools/<repo>-cover.jpg, 10.10.2026): an illustration under the title; the h1 stays the
   largest text on the page */
.tool-cover { margin: 16px 0 20px; }
.tool-cover img { display: block; width: 100%; max-width: 100%; height: auto; border-radius: 16px; }
.card .tool-thumb { object-fit: cover; }