/* ============================================================
   SILICON VATICAN — CHROME
   Masthead, ribbon, nav, ticker, footer
   ============================================================ */

/* ── TOP RIBBON ── */
.ribbon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: .4rem;
  padding: .45rem 0;
  border-bottom: var(--rule);
  font-family: 'Inconsolata', monospace;
  font-size: 10.5px;
  color: var(--gold-dim);
  letter-spacing: .08em;
}
.ribbon-links { display: flex; gap: 1.25rem; flex-wrap: wrap; }
.ribbon-links a { cursor: pointer; transition: color .2s; }
.ribbon-links a:hover { color: var(--gold); }

/* ── MASTHEAD ── */
.masthead {
  text-align: center;
  padding: 2rem 0 1.25rem;
  border-bottom: var(--rule2);
}
.mast-eye {
  font-family: 'Inconsolata', monospace;
  font-size: 10px;
  letter-spacing: .25em;
  color: var(--gold-dim);
  margin-bottom: .6rem;
}
.mast-title {
  font-family: 'Cinzel', serif;
  font-weight: 900;
  font-size: clamp(2.6rem, 9vw, 6.5rem);
  line-height: .92;
  letter-spacing: -.02em;
  color: var(--parchment);
  cursor: pointer;
  transition: opacity .2s;
}
.mast-title:hover { opacity: .85; }
.mast-title span { color: var(--gold); }
.mast-sub {
  font-size: .9rem;
  font-style: italic;
  color: var(--gold-dim);
  margin-top: .4rem;
  letter-spacing: .04em;
}
.mast-rule {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: .9rem 0 0;
  font-family: 'Inconsolata', monospace;
  font-size: 10px;
  letter-spacing: .12em;
  color: var(--gold-dim);
}
.mast-rule::before,
.mast-rule::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-dim), transparent);
}

/* ── NAV ── */
.nav {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  padding: .65rem 0;
  border-bottom: var(--rule);
  font-family: 'Cinzel', serif;
  font-size: .68rem;
  letter-spacing: .12em;
}
.nav a { opacity: .65; transition: opacity .2s, color .2s; cursor: pointer; }
.nav a:hover { opacity: 1; color: var(--gold); }

/* ── TICKER ── */
.ticker-bar {
  display: flex;
  align-items: center;
  border-bottom: var(--rule);
  height: 30px;
  overflow: hidden;
  background: rgba(196,164,74,.03);
}
.ticker-label {
  font-family: 'Cinzel', serif;
  font-size: 8.5px;
  letter-spacing: .18em;
  color: var(--gold);
  padding: 0 .85rem;
  border-right: var(--rule);
  height: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.ticker-scroller { overflow: hidden; flex: 1; }
.ticker-track {
  display: flex;
  animation: tick 45s linear infinite;
  width: max-content;
}
.ticker-track:hover { animation-play-state: paused; }
@keyframes tick {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.ticker-item {
  font-family: 'Inconsolata', monospace;
  font-size: 10.5px;
  color: rgba(242,232,213,.6);
  padding: 0 1.75rem;
  white-space: nowrap;
}
.ticker-item .tsym { color: var(--gold); }

/* ── FOOTER ── */
footer {
  border-top: var(--rule2);
  padding: 1.25rem 0;
  text-align: center;
  font-family: 'Inconsolata', monospace;
  font-size: 9.5px;
  letter-spacing: .12em;
  color: var(--gold-dim);
}