/* =============================================================
   Meridian Chain — page layer (cn.css)
   Loaded AFTER styles.css + mx.css. The chain page is a single-
   column institutional explainer: no panel-card, no photo hero.
   ============================================================= */

/* hero: single column, centered measure */
.hero-inner { grid-template-columns: 1fr; max-width: 980px; }
.hero-chips { margin-top: 26px; }

/* six-grid: numbered cards */
.six-grid { position: relative; }
.tx-no {
  display: inline-block; margin-bottom: 10px;
  font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 0.72rem;
  letter-spacing: 0.22em; color: var(--gold-bright);
  border: 1px solid var(--line-gold); border-radius: 999px; padding: 3px 10px;
  background: rgba(227, 189, 99, 0.07);
}

/* link rows */
.sl-row { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 22px; }

/* footer */
.site-footer { border-top: 1px solid var(--line); padding: clamp(28px, 4vw, 44px) 0 60px; }
.footer-inner { width: min(1120px, calc(100% - 2 * var(--gutter, 24px))); margin: 0 auto; display: grid; gap: 14px; }
.footer-disclosure { margin: 0; color: var(--muted); font-size: 0.82rem; line-height: 1.8; max-width: 86ch; }
body.zh .footer-disclosure { line-height: 1.95; }
.footer-lockup { margin: 0; color: var(--muted); font-size: 0.86rem; }
.footer-lockup strong { color: #f3e7c4; font-weight: 600; }