/* Buyer routes stay beside the opening promise, ahead of the product illustration. */
@media screen {
  .buyer-paths {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 24px 0 12px;
  }

  .buyer-path {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 8px;
    padding: 17px 18px;
    border: 1px solid #c7dce5;
    border-top: 3px solid #286ca1;
    border-radius: 18px 18px 24px 10px;
    color: #102e47;
    background: linear-gradient(145deg, #fff 30%, #edf5fb);
    box-shadow: 0 3px 0 #d8e7ee, 0 12px 25px #174b5016;
    text-decoration: none;
    transition: transform 180ms ease, box-shadow 180ms ease;
  }

  .buyer-path-college {
    border-top-color: #288471;
    background: linear-gradient(145deg, #fff 30%, #eaf8f0);
  }

  .buyer-path > span:first-child {
    color: #426071;
    font-size: .875rem;
    font-weight: 650;
    line-height: 1.4;
  }

  .buyer-path strong { font-size: 1.0625rem; line-height: 1.3; }
  .buyer-path small { color: #455f70; font-size: .875rem; line-height: 1.45; }
  .buyer-path em {
    margin-top: auto;
    padding-top: 3px;
    color: #17558a;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
  }
  .buyer-path-college em { color: #126457; }
  .buyer-tour-link { color: #17558a; font-size: .875rem; font-weight: 650; text-underline-offset: 4px; }

  @media (hover: hover) {
    .buyer-path:hover { transform: translateY(-2px); box-shadow: 0 5px 0 #d8e7ee, 0 17px 30px #174b5020; }
  }
  @media (max-width: 680px) {
    .buyer-paths { grid-template-columns: 1fr; gap: 10px; margin-top: 20px; }
    .buyer-path { padding: 13px 15px; gap: 5px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .buyer-path { transition: none; }
  }
}