/* src/pages/faq.astro から移植 */
  .chips { margin-top: 4px; }
  .cat { margin-top: 28px; scroll-margin-top: 72px; }
  .cat__label { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; color: var(--muted); }
  .cat__desc { margin: 4px 0 0; font-size: 12px; color: var(--muted); }
  .cat > div { margin-top: 6px; border-top: 1px solid var(--line); }

  .disclosure > summary { padding: 6px 0; line-height: 1.5; }
  .q { flex: none; font-weight: 900; color: var(--accent); }
  .disclosure__body { padding-left: 0; }

  .faq-body :is(h4, h5) { margin: 16px 0 6px; font-size: 14px; font-weight: 900; color: var(--text); }
  .faq-body > :first-child { margin-top: 0; }
  .faq-body p { margin: 0 0 10px; }
  .faq-body :is(ul, ol) { margin: 0 0 10px; padding-left: 1.4em; }
  .faq-body strong { color: var(--text); }

  .faq-body div[class] { margin: 10px 0; }
  .faq-body :is(div[class$='-box'], div[class$='-card'], div[class*='-item'], div[class$='-note'], div[class$='-section']) {
    padding: 12px 14px;
    border-radius: 10px;
    background: var(--surface);
  }
  .faq-body div[class] div[class] { background: var(--chip); }
  .faq-body :is(.severe, .warning) { border-left: 3px solid var(--accent); }
  .faq-body :is(div[class$='-grid'], div[class$='-list'], div[class$='-cards'], div[class$='-recommendations'], div[class$='-levels'], div[class$='-indicators'], div[class$='-signs']) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 8px;
  }
  .faq-body div[class] > :is(h4, h5):first-child { margin-top: 0; }

  .faq-body table { display: block; overflow-x: auto; border-collapse: collapse; margin: 10px 0; border: 1px solid var(--line); border-radius: 10px; font-size: 13px; line-height: 1.6; }
  .faq-body th, .faq-body td { padding: 10px 12px; text-align: left; white-space: nowrap; border-top: 1px solid var(--line); }
  .faq-body th { background: var(--surface); color: var(--muted); font-weight: 700; border-top: 0; }
  .faq-body .comparison-table { padding: 0; background: none; }

  .contact { margin-top: 36px; padding: 20px; }
  .contact p { margin: 0 0 14px; font-size: 14px; line-height: 1.7; color: var(--text-2); }
  .contact .section-title { margin-bottom: 6px; }