/* faq page styles */

/* reference tables (exclusions, fixed rules): keep the label column steady and readable */
.faq-table td:first-child { width: 38%; font-weight: 700; }
.faq-table td { overflow-wrap: anywhere; }
/* the compiled CSS has no .border-paper-line, so rows fell back to a solid ink rule */
.faq-table tbody tr { border-bottom-color: var(--ink-faint); }
.faq-table tbody tr:last-child { border-bottom-color: var(--ink); }
@media (min-width: 640px) {
  .faq-table td:first-child { width: 32%; }
}

/* answers: inline emphasis and links stay on-brand */
[data-sw-page="faq"] dd strong { font-weight: 700; }
[data-sw-page="faq"] dd a { text-underline-offset: 2px; }

/* permalink "#" is hover-only on desktop; show it faintly on touch screens */
@media (hover: none) {
  [data-sw-page="faq"] dt > a[aria-label^="Permalink"] { opacity: 0.35; }
}

/* anchored question gets a quiet highlight when you land on it */
[data-sw-page="faq"] dl > div:target {
  margin-inline: -12px;
  padding: 12px 12px 16px;
  border-radius: 4px;
  background: rgba(var(--red-rgb), 0.07);
  box-shadow: inset 3px 0 0 var(--red);
}