.ask-layout,
.export-layout {
  display: grid;
  gap: var(--space-6);
  align-items: start;
}

.ask-layout {
  grid-template-columns: var(--grid-ask);
}

.export-layout {
  grid-template-columns: var(--grid-export);
}

.ask-main,
.answer-citations,
.export-main,
.publication-list,
.export-state-grid {
  display: grid;
  gap: var(--space-5);
}

.answer-citations,
.export-state-grid {
  grid-template-columns: var(--grid-two);
}

body:has(#ask-answer:target) .question-counter--default,
body:has(#ask-not-found:target) .question-counter--default,
body:has(#ask-reported-not-available:target) .question-counter--default,
body:has(.prototype-screen[id^="exports-a-"]:target) .question-counter--default,
body:has(.prototype-screen[id^="exports-full-"]:target) .question-counter--default,
body:has(#document-forbidden:target) .question-counter--default,
body:has(#ask-limit-reached:target) .question-counter--default {
  display: none;
}

body:has(#ask-answer:target) .question-counter--used,
body:has(#ask-not-found:target) .question-counter--used,
body:has(#ask-reported-not-available:target) .question-counter--used,
body:has(.prototype-screen[id^="exports-a-"]:target) .question-counter--used,
body:has(.prototype-screen[id^="exports-full-"]:target) .question-counter--used,
body:has(#document-forbidden:target) .question-counter--used,
body:has(#ask-limit-reached:target) .question-counter--limit {
  display: block;
}

body:has(#ask-limit-reached:target) .question-counter--used {
  display: none;
}

@media (max-width: 52rem) {
  .ask-layout,
  .export-layout,
  .answer-citations,
  .export-state-grid {
    grid-template-columns: var(--grid-one);
  }
}