.signal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
  margin: 1.5rem 0;
}

.signal-card {
  border: 1px solid var(--color-background-border, #ddd);
  border-radius: 6px;
  padding: 1rem;
  background-color: var(--color-background-secondary);
}

.signal-card h3 {
  margin-top: 0;
}

/* Tighten admonition titles */
.admonition-title {
  font-weight: 600;
}

/* Widen Furo's right "On this page" TOC sidebar so long class names like
   rfgen.scene.DefaultSceneComposer don't wrap mid-word.

   Furo hardcodes `.toc-drawer { width: 15em }` in its compiled CSS
   (not a CSS variable), and collapses the drawer off-canvas at viewports
   < 82em, so width overrides only show at wide viewports. We do two
   things:

   1. Bump the drawer to 22em and shift its off-canvas hidden position
      to match (right: -22em).
   2. Allow long inline-code class names (rfgen.scene.DefaultSceneComposer)
      to break at dots / hyphens rather than mid-word, as a safety net.
*/

.toc-drawer {
  width: 28em !important;
}

@media (max-width: 82em) {
  .toc-drawer {
    right: -28em !important;
  }
}

#__toc:checked ~ .page .toc-drawer {
  right: 0 !important;
}

/* At wide viewports, keep the no-toc placeholder in the flex row as an
   invisible spacer so article content is left-aligned consistently.
   Furo sets display:none on .toc-drawer.no-toc, which removes the element
   from the flex row and shifts the content column rightward relative to
   pages that do have a right TOC. Overriding to visibility:hidden at
   wide viewports preserves the column width without showing any content. */
@media (min-width: 82em) {
  .toc-drawer.no-toc {
    display: block !important;
    visibility: hidden;
    pointer-events: none;
    border-left: none !important;
    background: transparent !important;
  }
}

.toc-tree code,
.toc-tree .pre {
  overflow-wrap: anywhere;
  word-break: break-word;
}
