/* Desktop-only companion for the mobile home redesign. */
@media (min-width: 760px) {
  .home-screen { gap: 20px; padding-bottom: 12px; }

  .home-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 2px 2px 0;
  }

  .home-section-heading h2 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #10265b;
    font-size: 1.08rem;
  }

  .home-section-heading h2 svg { width: 21px; color: #1f72f5; }

  .home-section-heading button {
    border: 0;
    color: #1e71ee;
    background: transparent;
    font: inherit;
    font-size: .76rem;
    font-weight: 850;
  }

  .home-quick-heading { margin-top: 2px; }
  .home-quick-label { display: none !important; }

  .feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }

  .feature-card,
  .feature-ai {
    height: 222px !important;
    min-height: 222px !important;
    padding: 18px !important;
    gap: 8px !important;
    border-radius: 22px !important;
  }

  .feature-card img,
  .feature-ai img {
    width: 62px !important;
    height: 62px !important;
    object-fit: contain;
  }

  .feature-card strong,
  .feature-ai strong { font-size: .96rem !important; }

  .feature-card small,
  .feature-ai small {
    font-size: .72rem !important;
    line-height: 1.8 !important;
    -webkit-line-clamp: 3 !important;
  }

  .home-today {
    min-width: 0;
    padding: 20px 22px 7px;
    border: 1px solid #e6edf8;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 13px 32px rgba(39, 77, 136, .08);
  }

  .home-today__list { margin-top: 10px; }

  .home-today__item {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 18px;
    align-items: center;
    gap: 11px;
    padding: 13px 0;
    border: 0;
    border-bottom: 1px solid #eaf0f8;
    color: #13265a;
    background: transparent;
    text-align: right;
    font: inherit;
  }

  .home-today__item:last-child { border-bottom: 0; }
  .home-today__item--post { grid-template-columns: auto 52px minmax(0, 1fr) 18px; }
  .home-today__image { width: 52px; height: 52px; overflow: hidden; border-radius: 14px; background: #edf4ff; }
  .home-today__image img { width: 100%; height: 100%; object-fit: cover; }
  .home-today__item svg { width: 18px; color: #89a0c8; }
  .home-today__copy { min-width: 0; }
  .home-today__copy b,.home-today__copy small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .home-today__copy b { font-size: .82rem; }
  .home-today__copy small { margin-top: 4px; color: #71809a; font-size: .68rem; }
  .home-today__type { padding: 6px 9px; border-radius: 99px; color: #8260d7; background: #f3edff; font-size: .62rem; font-weight: 850; }
  .home-today__type.is-event { color: #216be8; background: #eaf2ff; }
  .home-empty { margin: 17px 0 12px; color: #7c89a0; font-size: .76rem; line-height: 1.8; }

  .home-suggestions { min-width: 0; }
  .home-suggestions__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 11px; }

  .home-suggestion {
    min-width: 0;
    min-height: 142px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #edf1f7;
    border-radius: 22px;
    padding: 15px 12px;
    color: #14275b;
    background: #fff;
    box-shadow: 0 10px 26px rgba(35, 75, 139, .07);
    font: inherit;
    text-align: center;
  }

  .home-suggestion b { overflow: hidden; max-width: 100%; font-size: .78rem; white-space: nowrap; text-overflow: ellipsis; }
  .home-suggestion small { color: #70809e; font-size: .66rem; line-height: 1.7; }
  .home-suggestion--study > svg { width: 40px; height: 40px; padding: 9px; border-radius: 14px; color: #2875f4; background: #e8f1ff; }
  .home-suggestion__avatars { height: 43px; display: flex; direction: ltr; }
  .home-suggestion__avatars span { width: 42px; height: 42px; margin-left: -8px; display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #91b7ff, #2b6ce8); background-size: cover; background-position: center; font-size: .7rem; font-weight: 900; }
  .home-suggestion__avatars span.has-image { color: transparent; }
}

@media (min-width: 900px) {
  .home-screen {
    grid-template-columns: minmax(0, 1.45fr) minmax(285px, .9fr);
    grid-template-areas:
      "hero hero"
      "quick quick"
      "features today"
      "features suggestions"
      "trust trust";
    column-gap: 20px;
    row-gap: 20px;
    align-items: start;
  }

  .home-event-banner { grid-area: hero; }
  .home-quick-heading { grid-area: quick; }
  .feature-grid { grid-area: features; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .home-today { grid-area: today; }
  .home-suggestions { grid-area: suggestions; }
  .trust-card { grid-area: trust; }

  .feature-card,
  .feature-ai {
    height: 224px !important;
    min-height: 224px !important;
    padding: 17px !important;
  }

  .home-today { padding: 18px 18px 5px; }
  .home-today__item { gap: 8px; padding: 11px 0; }
  .home-today__item--post { grid-template-columns: auto 43px minmax(0, 1fr) 16px; }
  .home-today__image { width: 43px; height: 43px; border-radius: 12px; }
  .home-today__copy b { font-size: .74rem; }
  .home-today__copy small { font-size: .62rem; }
  .home-today__type { padding: 5px 7px; font-size: .57rem; }
  .home-suggestions__grid { gap: 10px; }
  .home-suggestion { min-height: 132px; padding: 12px 8px; }
}

@media (min-width: 760px) and (max-width: 899px) {
  .home-today { padding-inline: 20px; }
  .feature-card,
  .feature-ai { height: 212px !important; min-height: 212px !important; }
}