/* Category pairs on desktop; native, keyboard-accessible disclosures throughout. */
#af-black.qa-page.fx-site.fx-hud .qa-hero { padding-bottom: 48px; }
#af-black.qa-page.fx-site.fx-hud .qa-intro-lead { margin-top: 20px; font-size: 14px; line-height: 1.9; color: #b5bfae; }
#af-black.qa-page.fx-site.fx-hud .qa-intro-help { margin-top: 8px; color: #969f91; font-size: 12px; line-height: 1.8; }
#af-black.qa-page.fx-site.fx-hud .qa-category-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 54px clamp(28px, 4vw, 64px); align-items: start; }
#af-black.qa-page.fx-site.fx-hud .qa-group { min-width: 0; padding: 0; }
#af-black.qa-page.fx-site.fx-hud .qa-group-head { margin: 0; padding-bottom: 20px; gap: 12px; border-bottom: 1px solid #ffffff30; }
#af-black.qa-page.fx-site.fx-hud .qa-group-head h2 { font-size: clamp(20px, 2vw, 26px); line-height: 1.5; font-weight: 700; }
#af-black.qa-page.fx-site.fx-hud .qa-group-head h2 small { margin-left: 10px; font-size: 11px; letter-spacing: 0; }
#af-black.qa-page.fx-site.fx-hud .qa-list { display: block; }
#af-black.qa-page.fx-site.fx-hud .qa-item { border-bottom: 1px solid #ffffff20; scroll-margin-top: 100px; }
#af-black.qa-page.fx-site.fx-hud .qa-question {
  display: grid; grid-template-columns: 46px minmax(0, 1fr) 28px; grid-template-rows: auto;
  align-items: center; gap: 14px; padding: 19px 0;
  list-style: none; cursor: pointer; border-radius: 8px;
}
#af-black.qa-page.fx-site.fx-hud .qa-question::-webkit-details-marker { display: none; }
#af-black.qa-page.fx-site.fx-hud .qa-question::marker { content: ''; }
#af-black.qa-page.fx-site.fx-hud .qa-question:hover { background: #ffffff04; }
#af-black.qa-page.fx-site.fx-hud .qa-question:focus-visible { outline: 2px solid var(--af-accent); outline-offset: 4px; }
#af-black.qa-page.fx-site.fx-hud .qa-questioner { width: 46px; height: 46px; display: grid; place-items: center; border: 0; border-radius: 0; background: none; }
#af-black.qa-page.fx-site.fx-hud .qa-questioner svg { width: 44px; height: 44px; stroke: #bac7b5; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
#af-black.qa-page.fx-site.fx-hud .qa-icon-bubble { fill: #d2f72f12; stroke: #b2c773; }
#af-black.qa-page.fx-site.fx-hud .qa-icon-mark { stroke: var(--af-accent); stroke-width: 1.9; }
#af-black.qa-page.fx-site.fx-hud .qa-question-content { display: grid; align-content: center; gap: 4px; min-width: 0; }
#af-black.qa-page.fx-site.fx-hud .qa-question h3 { margin: 0; font: 700 16px/1.65 'Noto Sans JP', sans-serif; letter-spacing: 0; color: #f0f3eb; overflow-wrap: anywhere; }
#af-black.qa-page.fx-site.fx-hud .qa-question-label { display: block; margin: 0; color: var(--af-accent); font: 400 10px/1.4 var(--fx-mono); letter-spacing: .06em; }
#af-black.qa-page.fx-site.fx-hud .qa-expand { position: relative; width: 28px; height: 28px; border: 1px solid #ffffff30; border-radius: 50%; }
#af-black.qa-page.fx-site.fx-hud .qa-expand::before,
#af-black.qa-page.fx-site.fx-hud .qa-expand::after { content: ''; position: absolute; width: 10px; height: 1px; background: #d4dbc9; top: 50%; left: 8px; }
#af-black.qa-page.fx-site.fx-hud .qa-expand::after { transform: rotate(90deg); }
#af-black.qa-page.fx-site.fx-hud .qa-thread[open] .qa-expand::after { display: none; }
#af-black.qa-page.fx-site.fx-hud .qa-thread[open] .qa-expand { border-color: var(--af-accent); }
#af-black.qa-page.fx-site.fx-hud .qa-answer {
  display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: start; gap: 15px;
  margin: 0 0 20px; padding: 22px 20px;
  border: 1px solid #d2f72f1c; border-radius: 10px; background: #111710;
}
#af-black.qa-page.fx-site.fx-hud .qa-answer-by { display: grid; place-items: center; width: 28px; height: 28px; margin: 2px 0 0; border-radius: 8px; background: var(--af-accent); color: #121609; font: 700 16px/1 var(--fx-display); }
#af-black.qa-page.fx-site.fx-hud .qa-answer-content { min-width: 0; }
#af-black.qa-page.fx-site.fx-hud .qa-answer-lead,
#af-black.qa-page.fx-site.fx-hud .qa-more-text p { margin: 0; max-width: none; font: 500 15px/1.95 'Noto Sans JP', sans-serif; color: #eef1e8; overflow-wrap: anywhere; }
#af-black.qa-page.fx-site.fx-hud .qa-answer-detail { margin-top: 16px; max-width: none; }
#af-black.qa-page.fx-site.fx-hud .qa-more-text p + p { margin-top: 14px; }
#af-black.qa-page.fx-site.fx-hud .qa-rel { margin: 20px 0 0; gap: 10px; }
#af-black.qa-page.fx-site.fx-hud .qa-rel li { min-width: 0; max-width: 100%; }
#af-black.qa-page.fx-site.fx-hud .qa-rel li:has(.qa-rel-item) { flex: 1 1 100%; }
#af-black.qa-page.fx-site.fx-hud .qa-rel-item { min-width: 0; grid-template-columns: 84px minmax(0, 1fr); border-radius: 8px; }
#af-black.qa-page.fx-site.fx-hud :is(.qa-note, .qa-rel-link) {
  display: inline-flex; align-items: center; justify-content: space-between; gap: 12px;
  width: fit-content; max-width: 100%; min-height: 44px; padding: 11px 15px;
  border: 1px solid #c5d4b840; border-radius: 8px; background: #ffffff04;
  color: #eef1e8; font: 500 12px/1.6 'Noto Sans JP', sans-serif;
}
#af-black.qa-page.fx-site.fx-hud .qa-note { margin-top: 22px; }
#af-black.qa-page.fx-site.fx-hud .qa-note .ins-src-ico { color: #eef1e8; width: 13px; height: 13px; }
#af-black.qa-page.fx-site.fx-hud :is(.qa-note, .qa-rel-link) > span:last-child { color: var(--af-accent); }
#af-black.qa-page.fx-site.fx-hud :is(.qa-note, .qa-rel-link):hover { border-color: var(--af-accent); background: #d2f72f0b; }
#af-black.qa-page.fx-site.fx-hud .qa-answer a:focus-visible { outline: 2px solid var(--af-accent); outline-offset: 3px; }
#af-black.qa-page.fx-site.fx-hud .qa-ask { margin-top: 54px; box-shadow: none; }
#af-black.qa-page.fx-site.fx-hud .qa-ask h2 { font-size: clamp(22px, 2.4vw, 30px); }
@media (max-width: 980px) {
  #af-black.qa-page.fx-site.fx-hud .qa-category-grid { grid-template-columns: minmax(0, 1fr); gap: 42px; }
}
@media (max-width: 760px) {
  #af-black.qa-page.fx-site.fx-hud .qa-hero { padding-bottom: 36px; }
  #af-black.qa-page.fx-site.fx-hud .qa-question { grid-template-columns: 34px minmax(0, 1fr) 26px; grid-template-rows: 34px auto; column-gap: 11px; row-gap: 3px; padding: 16px 0; }
  #af-black.qa-page.fx-site.fx-hud .qa-question-content { display: contents; }
  #af-black.qa-page.fx-site.fx-hud .qa-questioner { width: 34px; height: 34px; }
  #af-black.qa-page.fx-site.fx-hud .qa-questioner svg { width: 34px; height: 34px; }
  #af-black.qa-page.fx-site.fx-hud .qa-question-label { font-size: 9px; }
  #af-black.qa-page.fx-site.fx-hud .qa-question h3 { font-size: 14px; line-height: 1.65; }
  #af-black.qa-page.fx-site.fx-hud .qa-expand { width: 26px; height: 26px; }
  #af-black.qa-page.fx-site.fx-hud .qa-expand::before,
  #af-black.qa-page.fx-site.fx-hud .qa-expand::after { left: 7px; }
  #af-black.qa-page.fx-site.fx-hud .qa-answer { grid-template-columns: 24px minmax(0, 1fr); gap: 11px; padding: 18px 12px; }
  #af-black.qa-page.fx-site.fx-hud .qa-answer-by { width: 24px; height: 24px; font-size: 14px; border-radius: 6px; }
  #af-black.qa-page.fx-site.fx-hud .qa-answer-lead,
  #af-black.qa-page.fx-site.fx-hud .qa-more-text p { font-size: 14px; }
  #af-black.qa-page.fx-site.fx-hud .qa-group-head { gap: 10px; }
  #af-black.qa-page.fx-site.fx-hud .qa-group-head h2 small { display: block; margin-left: 0; font-size: 11px; }
  #af-black.qa-page.fx-site.fx-hud .qa-ask { padding: 24px; }
}