.live-source {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 0 0 18px;
  padding: 16px 18px;
  background: #eaf7f2;
  border: 1px solid #b8dfd1;
  border-radius: 12px;
}
.live-source strong { color: #115f47; }
.live-source p { margin: 2px 0 0; color: #5d697b; font-size: 14px; }
.live-dot {
  width: 10px;
  height: 10px;
  margin-top: 7px;
  border-radius: 50%;
  background: #167254;
  box-shadow: 0 0 0 4px rgba(22,114,84,.12);
  flex: 0 0 auto;
}
.brand-domain, .footer-brand span { color: #f2b84b; }
.footer-brand { font: 700 24px Georgia, serif; color: #fff; margin-bottom: 12px; }
.source-center{margin-top:90px;padding:34px;background:#fff;border:1px solid #d9e1eb;border-radius:18px}.source-intro{max-width:780px}.source-intro>p:last-child{color:#5d697b}.source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.source-grid a{display:flex;min-height:105px;flex-direction:column;justify-content:space-between;padding:16px;border:1px solid #d9e1eb;border-radius:11px;color:#15233b;text-decoration:none;background:#f7f9fc}.source-grid a:hover{border-color:#174f8f;background:#eef5fd}.source-grid strong{font-size:16px}.source-grid span{font-size:13px;color:#174f8f;font-weight:750}@media(max-width:850px){.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.source-center{padding:22px 16px}.source-grid{grid-template-columns:1fr}}
@media (max-width: 520px) {
  .brand { gap: 8px; }
  .brand > span:last-child { font-size: 12px; }
  .brand-mark { width: 34px; height: 34px; font-size: 11px; }
  .top-actions .text-button { display: none; }
}