/* ===== Inline ticker (no card) ===== */
.ticker-inline{
  display:flex;
  align-items:center;
  gap:12px;
  padding:4px 0;        /* slim */
  margin:6px 0 10px;    /* small separation from content */
}

.ticker-label{
  flex:0 0 auto;
  font-weight:600;
  color:#0f172a;        /* same dark heading tone */
  white-space:nowrap;
}

.ticker{                /* scrolling area */
  flex:1 1 auto;
  overflow:hidden;      /* hides the scroll overflow */
  border:0;
  padding:0;
  background:transparent;
}

.ticker__inner{
  display:inline-flex;
  align-items:center;
  gap:10px;             /* space between chips */
  white-space:nowrap;
  will-change:transform;
}

.ticker__chip{
  background:#3353a0;   /* the matte navy you liked */
  color:#fff;
  padding:6px 12px;
  border-radius:999px;
  font-size:.85rem;
  font-weight:600;
  display:inline-block;
  white-space:nowrap;
  border:1px solid rgba(255,255,255,.12); /* subtle edge, optional */
}

.ticker-meta{
  flex:0 0 auto;
  font-size:.6rem;      /* tiny */
  color:#000;
  white-space:nowrap;
  opacity:.8;           /* soften a touch */
}

/* Mobile: stack label above the scroller for breathing room */
@media (max-width: 640px){
  .ticker-inline{
    flex-direction:column;
    align-items:stretch;
    gap:6px;
  }
  .ticker-label{ margin-bottom:2px; }
  .ticker-meta{ align-self:flex-end; }
}
/* enforce final chip color site-wide */
#ira-ticker-inner .ticker__chip,
#ira-ticker .ticker__chip,
.ticker .ticker__chip,
.ticker .ticker-chip,
.ticker .chip {
  background: #284866 !important;  /* final chip color */
  color: #fff !important;
}

.site-footnote {
  font-size: 0.75rem;
  color: #6b7280; /* muted gray */
  margin-bottom: 1rem;
  text-align: center; /* optional: centers it under the ticker/footer */
}

.ticker__chip {
  padding: 4px 10px;   /* was 6px 14px */
  font-size: 0.85rem;
  line-height: 1;
}

.hero-slogan {
  font-family: 'Merriweather', serif;
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;   /* ensure normal by default */
  text-align: center;
  margin: 8px 0;
}

/* Space between the two right-rail panels */
.rail .panel + .panel {
  margin-top: 20px;
}

/* (Optional) make panels visually match "card" components */
.rail .panel {
  background: var(--card-bg);
  border: 1px solid var(--ring);
  border-radius: 12px;
  box-shadow: var(--shadow-sm);
}
.rail .panel.pad { padding: 16px; }


.hero-copy {
  text-align: justify;
}

.site-logo {
  height:126px; /* or 96px if you like */
  width: auto;
  display: block;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25));
}
.hero-image { width: 100%; height: auto; border-radius: 12px; margin-bottom: 1rem; display: block; }

.hero-image {
  margin-bottom: 0 !important;
}