/* Container spacing */
.read-also-wrapper {
  margin: 18px 0;
}

/* Base block styling */
.read-also {
  font-size: 16px;
  border-top: 0.5px solid #7d7d7d !important;
  border-bottom: 0.5px solid #7d7d7d !important;
  font-family: "Newsreader", serif !important;
  padding: 6px 0 !important;
}

/* Keep label from breaking */
.read-also strong {
  font-weight: 600 !important;
  white-space: nowrap !important;
}

/* ====== DESKTOP (THE IMPORTANT PART) ====== */
@media (min-width: 769px) {
  .read-also {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
  }

  /* THIS is the critical selector that must win */
  .read-also a,
  .read-also a:link,
  .read-also a:visited {
    color: #262624 !important;
    text-decoration: underline !important;
    white-space: nowrap !important;     /* required for ellipsis */
    overflow: hidden !important;        /* required for ellipsis */
    text-overflow: ellipsis !important; /* THIS makes the dots appear */
    display: inline-block !important;
    max-width: 80% !important;          /* forces truncation */
  }
}

/* ====== MOBILE (keeps what you like) ====== */
@media (max-width: 768px) {
  .read-also {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .read-also a,
  .read-also a:link,
  .read-also a:visited {
    color: #262624 !important;
    text-decoration: underline !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline-block !important;
    max-width: 70% !important;
  }
}