/* ==================================================
   Radio Index – Content Boxes (SEO + UX)
   Applies ONLY to /radio/ (page-radio-index)
================================================== */

/* ===============================
   GENERIC CONTENT BOX
=============================== */
.page-radio-index .radio-benefits,
.page-radio-index .radio-internal-links,
.page-radio-index .radio-seo-long {
  background: linear-gradient(180deg, #141822, #0f1218);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 26px 28px;
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  margin: 0 auto 42px;
}

/* max width control (citibilitate) */
.page-radio-index .radio-benefits,
.page-radio-index .radio-internal-links {
  max-width: 860px;
}

.page-radio-index .radio-seo-long {
  max-width: 920px;
}

/* ===============================
   TITLES
=============================== */
.page-radio-index .radio-benefits h2,
.page-radio-index .radio-internal-links h2,
.page-radio-index .radio-seo-long h2 {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 1.45rem;
  font-weight: 800;
  color: #ffffff;
}

.page-radio-index .radio-seo-long h3 {
  margin: 20px 0 10px;
  font-size: 1.05rem;
  font-weight: 750;
  color: #ffffff;
}

/* ===============================
   BENEFITS LIST
=============================== */
.page-radio-index .radio-benefits ul {
  padding-left: 18px;
  margin: 0;
}

.page-radio-index .radio-benefits li {
  margin-bottom: 10px;
  line-height: 1.6;
  color: #d3d9e6;
}

/* ===============================
   INTERNAL LINKS
=============================== */
.page-radio-index .radio-internal-links p {
  margin: 0;
  line-height: 1.75;
  color: #cfd5e1;
}

.page-radio-index .radio-internal-links a {
  color: #ff3355;
  text-decoration: none;
  font-weight: 600;
}

.page-radio-index .radio-internal-links a:hover {
  text-decoration: underline;
}

/* ===============================
   SEO LONG TEXT
=============================== */
.page-radio-index .radio-seo-long p {
  margin-bottom: 14px;
  line-height: 1.75;
  color: #cbd2e0;
  font-size: 0.98rem;
}

.page-radio-index .radio-seo-points {
  margin: 14px 0 18px;
  padding-left: 18px;
}

.page-radio-index .radio-seo-points li {
  margin-bottom: 8px;
  line-height: 1.6;
  color: #d3d9e6;
}

/* ===============================
   MOBILE OPTIMIZATION
=============================== */
@media (max-width: 768px) {

  .page-radio-index .radio-benefits,
  .page-radio-index .radio-internal-links,
  .page-radio-index .radio-seo-long {
    padding: 20px 18px;
    border-radius: 16px;
  }

  .page-radio-index .radio-benefits h2,
  .page-radio-index .radio-internal-links h2,
  .page-radio-index .radio-seo-long h2 {
    font-size: 1.25rem;
  }

  .page-radio-index .radio-seo-long h3 {
    font-size: 1rem;
  }
}