/* ============================================================
   About — the database, its sources, and how it stays current
   ============================================================ */

/* ---- sources ---- */
.ab-src{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.ab-src div{background:#fff;padding:22px 24px}
.ab-src b{display:block;font-size:15px;color:var(--black);margin-bottom:6px}
.ab-src span{font-size:13.5px;line-height:1.55;color:var(--charcoal)}

/* ---- what it feeds ---- */
.ab-feeds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ab-feed{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:24px 24px 22px;transition:border-color .15s,box-shadow .15s}
.ab-feed:hover{border-color:var(--orange);box-shadow:var(--shadow)}
.ab-feed h3{font-size:17px;color:var(--black);margin-bottom:8px}
.ab-feed p{font-size:13.5px;line-height:1.55;color:var(--charcoal);flex:1}
.ab-go{margin-top:16px;font-size:13.5px;font-weight:800;color:var(--orange-d)}

/* dark closing band button */
.cta-band .acts{display:flex;flex-wrap:wrap;gap:10px}
.btn-ghost-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
.btn-ghost-light:hover{border-color:#fff;background:rgba(255,255,255,.08)}

/* ---- narrow ---- */
@media(max-width:1000px){
  .ab-src{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-feeds{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .ab-src{grid-template-columns:1fr}
  .ab-feeds{grid-template-columns:1fr}
}