/* Supplied MarketKing brand assets */
a[aria-label="MarketKing home"] {
  width: 166px !important;
  height: 40px !important;
  gap: 0 !important;
  background: url('/assets/marketking-wordmark.webp') left center / contain no-repeat;
}
a[aria-label="MarketKing home"] > span { display: none !important; }

/* Keep the existing quiz compact and touch-friendly below desktop width. */
@media (min-width: 900px) {
  .quiz-page {
    min-height: calc(100vh - 70px) !important;
    padding: 52px 32px 64px !important;
    box-sizing: border-box;
    justify-content: center !important;
    background:
      radial-gradient(circle at 20% 8%, rgba(35, 136, 255, .09), transparent 28%),
      radial-gradient(circle at 86% 84%, rgba(68, 100, 230, .08), transparent 30%),
      #f7f9fc !important;
  }

  .quiz-container {
    position: relative;
    isolation: isolate;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 420px;
    grid-template-rows: minmax(660px, auto);
    width: min(1120px, 100%) !important;
    max-width: 1120px !important;
    min-height: 660px !important;
    overflow: hidden;
    border: 1px solid #e4eaf2 !important;
    border-radius: 24px !important;
    box-shadow: 0 24px 70px rgba(15, 35, 65, .13) !important;
  }

  .quiz-container::after {
    content: "MARKETKING AUDIT\A\AYour personalized competitive analysis is being prepared around the business data you share.\A\A• Website & conversion review\A• Local & AI search visibility\A• Competitive position\A• Clear 90-day growth plan";
    white-space: pre-line;
    grid-column: 2;
    grid-row: 1;
    align-self: stretch;
    z-index: 0;
    box-sizing: border-box;
    padding: 64px 46px;
    color: rgba(255,255,255,.9);
    font-family: Inter, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.85;
    letter-spacing: .005em;
    background:
      linear-gradient(145deg, rgba(6, 22, 57, .97), rgba(16, 62, 135, .96)),
      url('/assets/marketking-favicon.png') right -96px bottom -110px / 380px no-repeat;
    background-repeat: no-repeat;
  }

  .quiz-container::before {
    content: "COMPLIMENTARY • PRIVATE • ACTIONABLE";
    position: absolute;
    right: 44px;
    bottom: 44px;
    z-index: 1;
    color: rgba(255,255,255,.62);
    font: 600 10px/1 Inter, Arial, sans-serif;
    letter-spacing: .12em;
  }

  .quiz-card {
    grid-column: 1;
    grid-row: 1;
    z-index: 1;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: 660px;
  }

  .quiz-card > .animate-fade-in-up,
  .quiz-card > .fade-in-up {
    box-sizing: border-box;
    width: 100%;
    min-height: 560px;
    padding: 66px 68px 112px !important;
  }

  .quiz-card .quiz-progress-bar + .animate-fade-in-up,
  .quiz-card .quiz-progress-bar + .fade-in-up {
    padding-top: 48px !important;
  }

  .quiz-container > :not(.quiz-card) {
    grid-column: 1;
    grid-row: 1;
    z-index: 2;
    align-self: end;
    justify-self: center;
    margin: 0 0 34px !important;
  }

  .quiz-card h1 { font-size: 2.15rem !important; max-width: 520px; }
  .quiz-card h2 { font-size: 1.55rem !important; }
  .quiz-card p { max-width: 550px; }
  .quiz-card .quiz-option { padding: 1rem 1.1rem !important; }
}

@media (min-width: 900px) and (max-height: 760px) {
  .quiz-page { padding-top: 24px !important; padding-bottom: 28px !important; }
  .quiz-container, .quiz-card { min-height: 590px !important; }
  .quiz-card > .animate-fade-in-up,
  .quiz-card > .fade-in-up { min-height: 500px; padding-top: 42px !important; }
}

@media (max-width: 560px) {
  a[aria-label="MarketKing home"] { width: 138px !important; height: 34px !important; }
}