/* ====================================================================
   toprak.run TEMA OVERRIDE — webrtc-lifecycle
   --------------------------------------------------------------------
   vendor/style.css'in light/indigo paletini, toprak.run'ın koyu zemin
   + amber aksanlı estetiğine çeker. Semantik (proto-* / sm-*) renkler
   korunur — onlar alan bilgisini taşıyor.
   vendor/style.css'ten SONRA yüklenmesi şarttır.
   ==================================================================== */

/* ---- Tasarım token'ları --------------------------------------------- */
:root {
  --bg-primary: #0a0a0a;
  --bg-secondary: #09090b;
  --bg-card: rgba(24, 24, 27, 0.78);
  --bg-card-hover: rgba(39, 39, 42, 0.85);
  --border: rgba(255, 255, 255, 0.06);
  --border-hover: rgba(245, 158, 11, 0.25);
  --text-primary: #fafafa;
  --text-secondary: #e4e4e7;
  --text-muted: #a1a1aa;
  --text-dim: #71717a;
  --accent: #f59e0b;
  --accent-soft: rgba(245, 158, 11, 0.10);
  --shadow-glow: 0 0 30px -10px rgba(245, 158, 11, 0.25);

  --amber-primary: #f59e0b;
  --amber-soft: rgba(245, 158, 11, 0.10);
  --amber-border: rgba(245, 158, 11, 0.30);
  --amber-glow: rgba(245, 158, 11, 0.50);
  --font-mono-tr: "JetBrains Mono", "Fira Code", monospace;
}

/* ---- Body & arkaplan ------------------------------------------------- */
body {
  background: #0a0a0a;
  color: var(--text-secondary);
  font-family: "Inter", system-ui, -apple-system, sans-serif;
}

.grid-bg {
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -20%, rgba(245, 158, 11, 0.06), transparent),
    radial-gradient(ellipse 60% 40% at 80% 100%, rgba(245, 158, 11, 0.03), transparent),
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 100% 100%, 100% 100%, 48px 48px, 48px 48px;
  background-color: #0a0a0a;
}
.grid-bg::before { opacity: 0.08; }

/* ---- Scrollbar ------------------------------------------------------- */
::-webkit-scrollbar-thumb { background: rgba(245, 158, 11, 0.18); }
::-webkit-scrollbar-thumb:hover { background: rgba(245, 158, 11, 0.32); }

/* ---- Site nav: vendor'ın .header-inner padding/max-width'ini sıfırla -- */
nav.site-header > .container > .header-inner {
  max-width: none;
  margin: 0;
  padding: 0;
}

/* ---- Lifecycle sub-nav (toprak site nav'ın altında ikinci şerit) ----- */
.lifecycle-subnav {
  background: rgba(10, 10, 10, 0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px) saturate(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
}
.lifecycle-subnav-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-wrap: wrap;
}
.lifecycle-subnav .nav-tab {
  padding: 6px 14px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.82rem;
}

.logo-group {
  display: flex;
  align-items: center;
  gap: 12px;
}

.logo-icon {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  box-shadow: 0 2px 12px rgba(245, 158, 11, 0.30);
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-title {
  color: #fafafa;
  font-family: var(--font-mono-tr);
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.01em;
}
.logo-subtitle {
  font-size: 0.62rem;
  color: var(--text-dim);
  font-family: var(--font-mono-tr);
  margin-top: 4px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* ---- Navigation ------------------------------------------------------ */
.nav-tab {
  color: var(--text-muted);
  font-family: var(--font-mono-tr);
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.nav-tab:hover {
  color: var(--amber-primary);
  background: rgba(245, 158, 11, 0.05);
}
.nav-tab.active { color: var(--amber-primary); }
.nav-tab.active::after {
  background: linear-gradient(90deg, var(--amber-primary), #fbbf24);
}

.kbd-hint { color: var(--text-dim); }
.kbd {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--text-muted);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.rfc-badge {
  background: rgba(245, 158, 11, 0.08);
  color: var(--amber-primary);
  border: 1px solid rgba(245, 158, 11, 0.25);
  font-family: var(--font-mono-tr);
}
.rfc-badge .dot {
  background: var(--amber-primary);
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.6);
}

/* ---- Panels & cards -------------------------------------------------- */
.panel {
  background: rgba(24, 24, 27, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 4px 16px rgba(0, 0, 0, 0.2);
}
.panel:hover { border-color: rgba(245, 158, 11, 0.18); }

.info-card {
  background: rgba(24, 24, 27, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.info-card:hover {
  background: rgba(39, 39, 42, 0.7);
  border-color: rgba(245, 158, 11, 0.25);
  box-shadow: 0 2px 12px rgba(245, 158, 11, 0.08);
}
.info-card::before {
  background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.4), transparent);
}

/* ---- Section labels & dividers --------------------------------------- */
.section-label {
  color: var(--amber-primary);
  font-family: var(--font-mono-tr);
  opacity: 0.75;
}
.section-divider { background: rgba(245, 158, 11, 0.12); }
.step-counter { color: var(--text-dim); font-family: var(--font-mono-tr); }
.detail-label { color: var(--amber-primary); opacity: 0.7; font-family: var(--font-mono-tr); }

/* ---- Sidebar steps --------------------------------------------------- */
.step-item:hover {
  background: rgba(245, 158, 11, 0.05);
  border-color: rgba(245, 158, 11, 0.12);
}
.step-item.active {
  background: rgba(245, 158, 11, 0.08);
  border-color: rgba(245, 158, 11, 0.30);
  box-shadow: 0 0 24px -10px rgba(245, 158, 11, 0.4);
}
.step-item.completed .step-num {
  background: rgba(74, 222, 128, 0.10);
  color: #4ade80;
}
.timeline-line {
  background: linear-gradient(to bottom, rgba(245, 158, 11, 0.20), rgba(245, 158, 11, 0.03));
}

/* ---- Code blocks ----------------------------------------------------- */
.code-block {
  background: #0f0f10;
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: #d4d4d8;
}
.code-block::before {
  background: linear-gradient(to bottom, #f59e0b, #d97706, transparent);
  opacity: 0.7;
}
.code-block .line-num { color: rgba(255, 255, 255, 0.18); }
.code-block .kw   { color: #fbbf24; }
.code-block .fn   { color: #fcd34d; }
.code-block .str  { color: #86efac; }
.code-block .cmt  { color: #71717a; font-style: italic; }
.code-block .num  { color: #fdba74; }
.code-block .const { color: #f0abfc; }
.code-block .type { color: #7dd3fc; }
.code-block .op   { color: #a1a1aa; }

/* ---- Tabs ------------------------------------------------------------ */
.tab-group {
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.tab-btn { color: var(--text-muted); font-family: var(--font-mono-tr); }
.tab-btn:hover {
  color: var(--amber-primary);
  background: rgba(245, 158, 11, 0.06);
}
.tab-btn.active {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #0a0a0a;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.30);
}

/* ---- Nav arrows / copy button ---------------------------------------- */
.nav-arrow {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--text-muted);
}
.nav-arrow:hover {
  color: var(--amber-primary);
  border-color: rgba(245, 158, 11, 0.35);
  background: rgba(245, 158, 11, 0.06);
}

.copy-btn { color: var(--text-dim); }
.copy-btn:hover { color: var(--amber-primary); }

/* ---- Diagram box ----------------------------------------------------- */
.diagram-box {
  background: rgba(24, 24, 27, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.diagram-box:hover { border-color: rgba(245, 158, 11, 0.18); }
.diagram-box::before {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
}

/* ---- Info icon box --------------------------------------------------- */
.info-icon-box {
  background: rgba(245, 158, 11, 0.08);
  border: 1px solid rgba(245, 158, 11, 0.25);
}
.info-icon-box svg { color: var(--amber-primary) !important; }

/* ---- Detail description ---------------------------------------------- */
#detailTitle, h2.text-white {
  color: #fafafa !important;
  font-family: var(--font-mono-tr);
  letter-spacing: -0.01em;
}
#detailDesc { color: var(--text-secondary); }
#detailDesc strong { color: #fafafa; }
#detailDesc em { color: var(--amber-primary); font-style: italic; }
#detailDesc code {
  background: rgba(245, 158, 11, 0.10);
  color: #fbbf24;
  border: 1px solid rgba(245, 158, 11, 0.22);
  font-family: var(--font-mono-tr);
}
#detailSubtitle { color: var(--text-dim) !important; }

/* ---- text-* utility overrides (vendor maps these to light values) ---- */
.text-white { color: #fafafa !important; }
.text-slate-400 { color: #a1a1aa !important; }
.text-slate-500 { color: #a1a1aa !important; }
.text-slate-600 { color: #d4d4d8 !important; }
.text-slate-700 { color: #e4e4e7 !important; }

/* ---- Path / signaling cards ----------------------------------------- */
.path-card-desc { color: #d4d4d8; }
.path-card-desc em { color: #fafafa; }
.path-tag {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #d4d4d8;
}

/* ---- State machine: koyu zemin için kontrast düzeltmeleri ----------- */
.sm-node.sm-slate { color: #cbd5e1; }
.sm-node.sm-slate-soft { color: #94a3b8; }
.sm-node.sm-indigo { color: #c4b5fd; }
.sm-node.sm-cyan { color: #67e8f9; }
.sm-node.sm-yellow { color: #fde68a; }
.sm-node.sm-orange { color: #fdba74; }
.sm-node.sm-green { color: #86efac; }
.sm-node.sm-green-soft { color: #86efac; }
.sm-node.sm-red { color: #fca5a5; }
.sm-edge-label { color: #a1a1aa; }
.sm-gather-edge { color: #a1a1aa; }
.sm-gather-label { color: var(--text-muted); }
.sm-gather-slate { color: #cbd5e1; }
.sm-gather-orange { color: #fdba74; }
.sm-gather-green { color: #86efac; }
.sm-footnote {
  color: #d4d4d8;
  background: rgba(245, 158, 11, 0.05);
  border-left-color: var(--amber-primary);
}
.sm-footnote code {
  background: rgba(245, 158, 11, 0.10);
  color: #fbbf24;
  border: 1px solid rgba(245, 158, 11, 0.22);
}
.sm-info-box {
  background: rgba(24, 24, 27, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--text-secondary);
}
.sm-info-box strong { color: #fafafa; }
.sm-info-box em { color: var(--amber-primary); }
.sm-info-box li::before { color: var(--amber-primary); }
.sm-code-indigo { background: rgba(165, 180, 252, 0.10); color: #c4b5fd; border-color: rgba(165, 180, 252, 0.25); }
.sm-code-green  { background: rgba(74, 222, 128, 0.10); color: #86efac; border-color: rgba(74, 222, 128, 0.25); }
.sm-code-orange { background: rgba(253, 186, 116, 0.10); color: #fdba74; border-color: rgba(253, 186, 116, 0.25); }
.sm-code-red    { background: rgba(252, 165, 165, 0.10); color: #fca5a5; border-color: rgba(252, 165, 165, 0.25); }

/* sm arrows */
.sm-arrow-down, .sm-arrow-right { color: rgba(245, 158, 11, 0.55); }
.sm-arrow-down.sm-arrow-success, .sm-arrow-right.sm-arrow-success { color: rgba(134, 239, 172, 0.65); }
.sm-arrow-down.sm-arrow-warn, .sm-arrow-right.sm-arrow-warn { color: rgba(253, 186, 116, 0.65); }
.sm-arrow-down.sm-arrow-fail, .sm-arrow-right.sm-arrow-fail { color: rgba(252, 165, 165, 0.65); }

/* ---- Protocol stack: koyu zemin için renk ayarları ------------------ */
.proto-application { background: rgba(167, 139, 250, 0.12); border-color: rgba(167, 139, 250, 0.40); color: #c4b5fd; }
.proto-srtp        { background: rgba(96, 165, 250, 0.12); border-color: rgba(96, 165, 250, 0.40); color: #93c5fd; }
.proto-sctp        { background: rgba(34, 211, 238, 0.12); border-color: rgba(34, 211, 238, 0.40); color: #67e8f9; }
.proto-dtls        { background: rgba(129, 140, 248, 0.12); border-color: rgba(129, 140, 248, 0.40); color: #a5b4fc; }
.proto-ice         { background: rgba(251, 146, 60, 0.13); border-color: rgba(251, 146, 60, 0.45); color: #fdba74; }
.proto-udp         { background: rgba(148, 163, 184, 0.12); border-color: rgba(148, 163, 184, 0.40); color: #cbd5e1; }
.proto-ip          { background: rgba(100, 116, 139, 0.12); border-color: rgba(100, 116, 139, 0.40); color: #94a3b8; }

/* ---- RFC list (lifecycle index sayfasındaki) ------------------------- */
.rfc-row:hover {
  background: rgba(245, 158, 11, 0.06);
  border-color: rgba(245, 158, 11, 0.25);
}
.rfc-row-num { color: var(--amber-primary); font-family: var(--font-mono-tr); }
.rfc-row-desc { color: #d4d4d8; }
.rfc-row-ext { color: var(--text-dim); }
.rfc-row:hover .rfc-row-ext { color: var(--amber-primary); }

/* ---- RFC reader view (rfc/*.html) ------------------------------------ */
.rfc-doc-header {
  background:
    radial-gradient(ellipse at top, rgba(245, 158, 11, 0.10), transparent 60%),
    linear-gradient(180deg, rgba(245, 158, 11, 0.04), transparent);
  border: 1px solid rgba(245, 158, 11, 0.18);
}
.rfc-doc-header::before {
  background-image:
    linear-gradient(rgba(245, 158, 11, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245, 158, 11, 0.04) 1px, transparent 1px);
}
.rfc-doc-badge {
  background: rgba(245, 158, 11, 0.10);
  border: 1px solid rgba(245, 158, 11, 0.30);
  color: var(--amber-primary);
  font-family: var(--font-mono-tr);
}
.rfc-doc-badge .dot {
  background: var(--amber-primary);
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.7);
}
.rfc-doc-title {
  background: linear-gradient(135deg, #fafafa 0%, #f59e0b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-mono-tr);
  letter-spacing: -0.025em;
}
.rfc-doc-subtitle { color: var(--text-secondary); }
.rfc-doc-meta { color: var(--text-muted); }
.rfc-doc-meta strong { color: var(--text-secondary); }

.rfc-link-btn {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--text-secondary);
}
.rfc-link-btn:hover {
  background: rgba(245, 158, 11, 0.08);
  border-color: rgba(245, 158, 11, 0.40);
  color: var(--amber-primary);
}

.rfc-toc-panel {
  background: rgba(24, 24, 27, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.rfc-toc-label {
  color: var(--amber-primary);
  font-family: var(--font-mono-tr);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.rfc-toc-item { color: var(--text-muted); }
.rfc-toc-item:hover { background: rgba(245, 158, 11, 0.05); color: var(--text-secondary); }
.rfc-toc-item.active {
  background: rgba(245, 158, 11, 0.10);
  color: var(--amber-primary);
  border-left-color: var(--amber-primary);
}
.rfc-toc-l3 { color: var(--text-dim); }

.rfc-content-wrap {
  background: rgba(24, 24, 27, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.rfc-content { color: var(--text-secondary); }
.rfc-content p { color: var(--text-secondary); }
.rfc-content .rfc-h2 {
  color: #fafafa;
  border-bottom: 1px solid rgba(245, 158, 11, 0.18);
  font-family: var(--font-mono-tr);
}
.rfc-content .rfc-h-anchor { color: var(--amber-primary); }
.rfc-content .rfc-h3,
.rfc-content .rfc-h4,
.rfc-content .rfc-h5,
.rfc-content .rfc-h6 { color: #fafafa; }
.rfc-content .rfc-ul li::marker,
.rfc-content .rfc-ol li::marker { color: var(--amber-primary); }
.rfc-content a {
  color: var(--amber-primary);
  border-bottom: 1px solid rgba(245, 158, 11, 0.30);
}
.rfc-content a:hover {
  color: #fbbf24;
  border-bottom-color: rgba(251, 191, 36, 0.7);
}
.rfc-content code {
  background: rgba(245, 158, 11, 0.10);
  color: #fbbf24;
  border: 1px solid rgba(245, 158, 11, 0.22);
}
.rfc-content .rfc-pre {
  background: #0f0f10;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.rfc-content .rfc-pre code { color: #d4d4d8; }
.rfc-content .rfc-quote { border-left-color: var(--amber-primary); color: var(--text-muted); }
.rfc-content strong { color: #fafafa; }

.rfc-callout { background: rgba(255, 255, 255, 0.02); }
.rfc-callout-info    { border-left-color: var(--amber-primary); background: rgba(245, 158, 11, 0.06); }
.rfc-callout-tip     { border-left-color: #4ade80; background: rgba(74, 222, 128, 0.06); }
.rfc-callout-warning { border-left-color: #fb923c; background: rgba(251, 146, 60, 0.06); }
.rfc-callout-quote   { border-left-color: var(--amber-primary); background: rgba(245, 158, 11, 0.04); }

.rfc-field-label {
  background: rgba(245, 158, 11, 0.05);
  border-left-color: var(--amber-primary);
}
.rfc-field-label strong { color: var(--amber-primary); font-family: var(--font-mono-tr); }
.rfc-field-type { color: var(--text-muted); }
.rfc-field-desc { color: var(--text-secondary); }

.rfc-glossary-grid .rfc-term {
  background: rgba(24, 24, 27, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-left: 2px solid rgba(245, 158, 11, 0.40);
  color: var(--text-muted);
}
.rfc-term:hover {
  background: rgba(245, 158, 11, 0.06);
  border-left-color: var(--amber-primary);
  color: var(--text-secondary);
}
.rfc-term strong { color: var(--amber-primary); font-family: var(--font-mono-tr); }

.rfc-ref-list li { color: var(--text-muted); }
.rfc-ref-list li:hover { background: rgba(245, 158, 11, 0.04); border-left-color: var(--amber-primary); color: var(--text-secondary); }
.rfc-ref-list strong { color: var(--amber-primary); font-family: var(--font-mono-tr); }

.rfc-author-card {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.08), rgba(245, 158, 11, 0.02));
  border: 1px solid rgba(245, 158, 11, 0.22);
}
.rfc-author-name { color: #fafafa; font-family: var(--font-mono-tr); }
.rfc-author-org { color: var(--amber-primary); }
.rfc-author-addr { color: var(--text-muted); }
.rfc-author-email { color: var(--text-secondary); border-top: 1px solid rgba(255, 255, 255, 0.06); }
.rfc-author-email a { color: var(--amber-primary); }

/* ---- RFC hub page (rfc/index.html) ----------------------------------- */
.rfcs-title {
  background: linear-gradient(135deg, #fafafa 0%, #f59e0b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-mono-tr);
}
.rfcs-subtitle { color: var(--text-muted); }

.rfc-card {
  background: rgba(24, 24, 27, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.rfc-card::before { background: var(--amber-primary); }
.rfc-card:hover {
  border-color: rgba(245, 158, 11, 0.35);
  box-shadow: 0 12px 32px -12px rgba(245, 158, 11, 0.20);
}
.rfc-card-num { color: var(--amber-primary); font-family: var(--font-mono-tr); }
.rfc-card-tag {
  color: var(--amber-primary);
  background: rgba(245, 158, 11, 0.10);
  border: 1px solid rgba(245, 158, 11, 0.25);
  font-family: var(--font-mono-tr);
}
.rfc-card-year { color: var(--text-dim); font-family: var(--font-mono-tr); }
.rfc-card-title { color: #fafafa; font-family: var(--font-mono-tr); letter-spacing: -0.01em; }
.rfc-card-desc { color: var(--text-secondary); }
.rfc-card-desc strong { color: #fafafa; }
.rfc-card-desc em { color: var(--amber-primary); }
.rfc-card-foot { border-top: 1px solid rgba(255, 255, 255, 0.06); }
.rfc-card-author { color: var(--text-muted); }
.rfc-card-arrow { color: var(--amber-primary); }

.rfcs-external {
  background: rgba(24, 24, 27, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.rfcs-external-title { color: #fafafa; font-family: var(--font-mono-tr); }
.rfcs-external-sub { color: var(--text-muted); }

/* ---- Footer ---------------------------------------------------------- */
/* .site-footer artık /assets/css/style.css tarafından yönetiliyor.
   Sadece WebRTC Lifecycle main alanı ile aralık verelim. */
main.max-container { padding-bottom: 48px; }

/* ---- Slate utility background overrides ----------------------------- */
.bg-slate-800\/50 { background: rgba(24, 24, 27, 0.6); }
.bg-black\/20 { background: rgba(0, 0, 0, 0.3); }
.bg-black\/30 { background: rgba(0, 0, 0, 0.45); }
.bg-white\/02 { background: rgba(255, 255, 255, 0.03); }
.bg-white\/03 { background: rgba(255, 255, 255, 0.04); }
.bg-white\/015 { background: rgba(255, 255, 255, 0.02); }
.border-white\/03 { border-color: rgba(255, 255, 255, 0.06); }
.border-white\/04 { border-color: rgba(255, 255, 255, 0.08); }
.border-white\/06 { border-color: rgba(255, 255, 255, 0.10); }

/* ---- Responsive cleanup --------------------------------------------- */
@media (max-width: 1024px) {
  .header-meta { display: none; }
}