/* V168/UI-01 approved topic-finder layout isolation. */

.v154-topic-page.v154-viral-reference-page > .shell.v154-viral-page {
  box-sizing: border-box;
  width: min(1440px, calc(100% - 48px));
  max-width: 1440px;
}

.v154-topic-page.v154-viral-reference-page .v154-topic-workspace.v154-viral-layout {
  display: grid;
  grid-template-columns: 150px minmax(360px, 1.05fr) minmax(400px, 1fr) 250px !important;
  gap: 16px;
  align-items: start;
}

.v154-topic-page.v154-viral-reference-page [data-topic-prompt-direct][hidden],
.v154-topic-page.v154-viral-reference-page [data-topic-prompt-direction][hidden] {
  display: none !important;
}

.v154-topic-page.v154-viral-reference-page .v154-topic-workspace.v154-viral-layout > .ui01-workflow,
.v154-topic-page.v154-viral-reference-page .v154-topic-workspace.v154-viral-layout > .v154-topic-input,
.v154-topic-page.v154-viral-reference-page .v154-topic-workspace.v154-viral-layout > .v154-topic-output,
.v154-topic-page.v154-viral-reference-page .v154-topic-workspace.v154-viral-layout > .v154-topic-summary {
  min-width: 0;
}

@media (min-width: 901px) and (max-width: 1279.98px) {
  .v154-topic-page.v154-viral-reference-page > .shell.v154-viral-page {
    width: calc(100% - 48px);
    max-width: none;
  }

  .v154-topic-page.v154-viral-reference-page .v154-topic-workspace.v154-viral-layout {
    grid-template-columns: 130px minmax(320px, .95fr) minmax(360px, 1.05fr) !important;
  }

  .v154-topic-page.v154-viral-reference-page .v154-topic-workspace.v154-viral-layout > .ui01-workflow {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: auto;
  }

  .v154-topic-page.v154-viral-reference-page .v154-topic-workspace.v154-viral-layout > .v154-topic-input {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .v154-topic-page.v154-viral-reference-page .v154-topic-workspace.v154-viral-layout > .v154-topic-output {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  .v154-topic-page.v154-viral-reference-page .v154-topic-workspace.v154-viral-layout > .v154-topic-summary {
    position: static;
    grid-column: 2 / -1 !important;
    grid-row: 2 !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .v154-topic-page.v154-viral-reference-page .v154-topic-summary > header {
    grid-column: 1 / -1;
  }

  .v154-topic-page.v154-viral-reference-page .v154-topic-summary > dl {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 12px;
  }

  .v154-topic-page.v154-viral-reference-page .v154-topic-summary-materials,
  .v154-topic-page.v154-viral-reference-page .v154-topic-summary-ai {
    margin-top: 0;
  }
}

@media (max-width: 900px) {
  .v154-topic-page.v154-viral-reference-page > .shell.v154-viral-page {
    width: calc(100% - 48px);
    max-width: none;
  }

  .v154-topic-page.v154-viral-reference-page .v154-topic-workspace.v154-viral-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .v154-topic-page.v154-viral-reference-page .v154-topic-workspace.v154-viral-layout > .ui01-workflow,
  .v154-topic-page.v154-viral-reference-page .v154-topic-workspace.v154-viral-layout > .v154-topic-input,
  .v154-topic-page.v154-viral-reference-page .v154-topic-workspace.v154-viral-layout > .v154-topic-output,
  .v154-topic-page.v154-viral-reference-page .v154-topic-workspace.v154-viral-layout > .v154-topic-summary {
    position: static;
    grid-column: 1;
    grid-row: auto;
    width: auto;
  }

  .v154-topic-page.v154-viral-reference-page .v154-topic-workspace.v154-viral-layout > .v154-topic-summary {
    display: block;
  }
}