/*
 * The original phone/stacked layouts in styles.css now switch at 768/1280px.
 * These content-based adjustments complete the in-between widths while
 * preserving the verified 390px phone and 1440px desktop composition.
 */

@media (width < 768px) {
  /* The logo yields space to the menu on narrow phones without stretching. */
  .sd[data-s-275305b8-ed8d-4cac-9d0e-581d047657ae] {
    max-width: calc(100% - 45px);
  }

}

@media (width < 380px) {
  /* Let the heading's decorative sides shrink before its text is clipped. */
  .sd[data-s-d3497627-c5e7-48d9-bc56-f405b200d0a5],
  .sd[data-s-aa12c9c1-0613-4da0-8c45-26be1cd6e8aa] {
    flex-shrink: 1;
    min-width: 0;
  }
}

@media (width < 375px) {
  /* All four comparison columns remain visible even on 320px screens. */
  .sd[data-s-cde32c85-17b4-4f1d-bbaa-6b4ceade26b9] { display: flex; gap: 1px; }
  .sd[data-s-31863600-4311-4fc6-9181-1680d9a26401] { margin: 0; }
  .sd[data-s-e5e8849d-c1c7-46ba-bf7f-11331c7cb5b1] { padding-inline: 2px; }
  .sd[data-s-399e6bda-aea3-4b90-b398-62fafd78d779] { margin: 0; max-width: 100%; }
}

@media (440px < width < 768px) {
  .sd[data-s-3e25e7ae-ff43-4d13-a608-fec652ff9ed7],
  .sd[data-s-5f5ff3b1-5431-4519-a7fc-3e680702a3c6] {
    height: auto;
    min-height: 44px;
    padding: 10px 12px;
  }
  .sd[data-s-296f5c6e-84dd-406f-bae8-bdd432fa96f7],
  .sd[data-s-4956009d-61ad-479c-b1c6-3c4d72b30cdc] {
    font-size: clamp(12px, 2.1vw, 16px);
  }
}

@media (768px <= width < 1280px) {
  .sd[data-s-88a60756-5079-4851-878a-ceb35b363b81] {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: auto;
    gap: 20px;
  }
  .sd[data-s-275305b8-ed8d-4cac-9d0e-581d047657ae] {
    width: 400px;
    max-width: calc(100% - 64px);
  }
  .sd[data-s-cc626e63-6345-43f7-add2-dd31964942d6] {
    display: flex;
    flex: none;
    font-size: 35px;
    width: 44px;
    height: 44px;
    cursor: pointer;
  }
  .sd[data-s-c422f685-4748-44be-a06e-67f41211b4cb] {
    width: 100%;
    height: auto;
  }

  /* Use the existing landscape artwork on tablet-sized screens. */
  .sd[data-s-999ef9c0-b611-4bba-9f73-96a5f4ed74fe] { display: none; }
  .sd[data-s-7d8d07ec-17a4-4aaf-81e5-8ebb972f38bf] { display: flex; }

  /* Wrapped questions must determine their row height and retain the arrow. */
  .sd[data-s-ea6f3d48-4651-408e-926c-b464e9d1da5b] { padding-inline: 30px; }
  .sd[data-s-cab2b3e6-e86b-408c-b551-aa90b231adb0] { padding-inline: 30px; }
  .sd[data-s-f40ec871-da14-44a9-94fb-0371c81172e9],
  .sd[data-s-ac082664-4904-4e6d-8212-569a1238f4fa],
  .sd[data-s-d371bbfd-f22b-4822-9798-f905a44c14fd] {
    height: auto;
    min-height: 44px;
    gap: 16px;
    padding: 10px 20px;
  }
  .sd[data-s-9336b582-bdd9-4318-a58b-9891e6791590],
  .sd[data-s-cc4151cc-04f2-40dc-8a39-cab677c86045],
  .sd[data-s-51ba6cec-c2fb-4420-8b24-f9b875afded9] {
    flex: 1 1 0;
    min-width: 0;
    text-align: left;
    justify-content: flex-start;
    line-height: 1.3;
  }
  .sd[data-s-b12cce28-b9d3-4704-9074-9aa58e6152c3],
  .sd[data-s-62db8808-fe2e-4e88-9641-2950b68a07f9],
  .sd[data-s-d04e4239-aa87-4cfb-a8fe-346be8902f66] { flex: none; }

  .sd[data-s-d89b5208-2660-4956-aa37-f19d4a746c8b] {
    display: block;
    font-size: clamp(16px, 2vw, 22px);
    overflow-wrap: anywhere;
    text-align: center;
    justify-content: center;
  }
}

@media (1280px <= width < 1366px) {
  /* Keep side-by-side point cards within the section's available width. */
  .sd[data-s-78a30f11-bcac-401f-90ac-6a9bc9293824],
  .sd[data-s-401217ec-aa1a-45ff-9530-453f209a71bb],
  .sd[data-s-4636e099-7969-4d70-9ca4-797a6da68b5e] {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    height: auto;
  }
}