@media (min-width: 768px) {
  .faq-list.is-categorized { display: block; columns: auto; }
  .faq-topic-hint { margin: 0 0 16px; color: #53624c; font-size: 14px; line-height: 1.8; }
  .faq-topic-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 30px; }
  .faq-topic-button {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    min-height: 58px; padding: 14px 18px; border: 1px solid #bcc6ae; border-radius: 6px;
    color: #234b38; background: #fffdf4; font: 700 14px/1.6 "LP Zen", sans-serif;
    text-align: left; cursor: pointer;
  }
  .faq-topic-button > span { flex: none; min-width: 27px; padding: 2px 6px; border-radius: 4px; background: #edead8; color: #6f6341; font-size: 11px; text-align: center; }
  .faq-topic-button:hover { background: #e8eddc; }
  .faq-topic-button[aria-pressed="true"] { color: #fff9e9; background: #244e3b; border-color: #244e3b; box-shadow: inset 0 -3px #b6a168; }
  .faq-topic-button[aria-pressed="true"] > span { color: #fff3ca; background: #ffffff1c; }
  .faq-category[hidden] { display: none; }
  .faq-category-title { display: flex; align-items: baseline; gap: 14px; margin: 0 0 20px; padding-left: 14px; border-left: 3px solid #b49b5b; font-size: 23px; line-height: 1.5; color: #183e32; }
  .faq-category-title > span { color: #6a745d; font-size: 12px; font-weight: 400; }
  .faq-category-list { columns: 2; column-gap: 14px; }
  #lp-faq-list { scroll-margin-top: 110px; }
}

@media (min-width: 768px) and (max-width: 1099px) {
  .faq-topic-button { padding: 12px; gap: 8px; font-size: 12px; }
  .faq-category-title { font-size: 21px; }
}