/* Roomier Q&A stages; content can grow naturally above the persistent scores. */
html body :is(#question,#answer) .stage-bg {
  padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));
}
html body :is(#question,#answer) .qa-stage { min-width:0; }
html body :is(#question,#answer) :is(.question-text,.answer-text) {
  overflow-wrap:anywhere;
}
/* Keep the existing category artwork layer visible beneath the content. */
html body :is(#question,#answer) .kt-qbg__img {
  filter:blur(24px) brightness(.4) saturate(1.15);
}
html body :is(#question,#answer) .kt-qbg__vig {
  background:radial-gradient(85% 80% at 50% 40%,rgba(10,10,15,.12),rgba(10,10,15,.42) 72%,rgba(10,10,15,.8));
}
body:has(:is(#question,#answer).is-active) #kt-miniboard {
  bottom:calc(16px + env(safe-area-inset-bottom,0px));
  z-index:61;
}
@media (min-width:1101px) {
  html body :is(#question,#answer) .stage-bg {
    padding:28px clamp(24px,3vw,64px) calc(132px + env(safe-area-inset-bottom,0px));
  }
  html body :is(#question,#answer) .qa-stage {
    max-width:1720px;
    padding:0;
    min-height:calc(100svh - 160px - env(safe-area-inset-bottom,0px));
    display:flex;
    flex-direction:column;
  }
  html body :is(#question,#answer) .qa-card {
    flex:1;
    display:flex;
    flex-direction:column;
    padding:clamp(24px,2.5vw,44px) clamp(28px,3vw,56px);
    min-width:0;
  }
  html body :is(#question,#answer) .qa-topbar {
    margin-bottom:16px;
    padding-bottom:16px;
  }
  html body #question .qa-perks { margin-bottom:18px; }
  html body :is(#question,#answer) .qa-content {
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(24px,4vh,44px) 0;
    min-width:0;
  }
  html body :is(#question,#answer) :is(.question-text,.answer-text) {
    width:100%;
    max-width:1320px;
    margin-inline:auto;
    line-height:1.5;
  }
  html body #question .question-text {
    font-size:clamp(3.6rem,3.5vw,4rem);
  }
  html body #answer .answer-text {
    font-size:clamp(3.2rem,3.3vw,3.6rem);
  }
  html body :is(#question,#answer) .visual-image {
    max-width:min(100%,640px);
    max-height:clamp(240px,36svh,420px);
  }
  html body :is(#question,#answer) :is(.qa-actions,.award-buttons) {
    margin-top:12px;
    padding-top:20px;
    flex-shrink:0;
  }
  html body :is(#question,#answer) :is(.qa-actions,.award-buttons) .btn {
    min-height:46px;
    font-size:1rem;
  }
  body:has(:is(#question,#answer).is-active) #kt-miniboard {
    gap:14px;
    max-width:calc(100vw - 180px);
  }
  body:has(:is(#question,#answer).is-active) .kt-mini-team {
    width:clamp(160px,13vw,240px);
    min-width:0;
    padding:12px 20px;
    border-radius:14px;
  }
  body:has(:is(#question,#answer).is-active) .kt-mini-name {
    font-size:1rem;
    line-height:1.4;
    letter-spacing:0;
    max-width:100%;
  }
  body:has(:is(#question,#answer).is-active) .kt-mini-score {
    font-size:2rem;
    line-height:1.15;
    margin-top:4px;
  }
}