@media (min-width: 680px) {
  .page {
    padding: 24px;
  }

  .screen--start,
  .screen--quiz,
  .screen--result {
    padding: 34px;
  }

  .title {
    font-size: 42px;
  }

  .summary-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .summary-item {
    border-top: 0;
    border-left: 1px solid rgba(126, 255, 0, 0.26);
    padding-left: 14px;
  }

  .summary-item:first-child {
    border-left: 0;
    padding-left: 0;
  }

  .quiz-actions,
  .result-actions {
    flex-direction: row;
    justify-content: space-between;
  }

  .button {
    min-width: 180px;
  }

  .result-blocks {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .result-block {
    border-top: 0;
    border-left: 1px solid rgba(126, 255, 0, 0.26);
    padding-top: 0;
    padding-left: 16px;
  }

  .result-block:first-child {
    border-left: 0;
    padding-left: 0;
  }

  .lead-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }

  .lead-form .button,
  .lead-form .form-note {
    grid-column: 1 / -1;
  }
}

@media (min-width: 920px) {
  .screen--start {
    padding-right: 34px;
  }

  .guide-heading {
    font-size: 34px;
  }

  .magic-guide-body {
    grid-template-columns: 230px minmax(0, 1fr);
    align-items: end;
    gap: 22px;
  }

  .guide-logo-link {
    width: 230px;
    justify-self: start;
    transform: translateY(18px);
  }

  .guide-logo-link:hover {
    transform: translateY(14px);
  }

  .speech-bubble {
    min-height: 142px;
    padding: 24px 26px;
  }

  .speech-bubble::before {
    bottom: 34px;
    left: -12px;
    border: 0;
    border-left: 1px solid rgba(126, 255, 0, 0.56);
    border-bottom: 1px solid rgba(126, 255, 0, 0.56);
    transform: rotate(45deg);
  }

  .typed-text {
    font-size: 19px;
  }

  .question-title {
    font-size: 30px;
  }

  .option-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}