:host {
  display: block;
}

doreply-guided-search-answer {
  margin-left: auto;
  margin-right: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 500px;
  width: 100%;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  doreply-guided-search-answer {
    width: 100vw;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.doreply-guided-search-answer-container {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: 1fr;
}

@media (min-width: 1024px) {
  .doreply-guided-search-answer-container {
    grid-template-columns: 2fr 8fr 2fr;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    margin-left: 0px;
    margin-right: 0px;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .doreply-guided-search-answer-container {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: grid;
    grid-template-columns: 1fr;
  }
}

.doreply-guided-search-answer-container .ql-video {
  width: 100%;
  height: 315px;
}

.doreply-guided-search-answer-container a {
  color: #3b82f6;
}

.doreply-guided-search-answer-container a:hover {
  text-decoration: underline;
}

.doreply-guided-search-answer-container ul {
  list-style-type: disc;
}

.doreply-guided-search-answer-container img {
  max-width: 100%;
  height: auto;
}