/* ══ STATIC PAGE — Inar Guide ═══════════════════════════════════════ */

/* Suppress Blocksy default content area */
.ct-container, .entry-content { display: none !important; }

.ig-page {
  background: var(--ig-bg, #faf9f7);
  font-family: var(--font-body, 'Satoshi', sans-serif);
  min-height: 60vh;
}

/* ── Shared wrap ── */
.ig-page-wrap {
  max-width: 860px;
  margin-inline: auto;
  padding-inline: clamp(1rem, 4vw, 2rem);
}

/* ── Hero ── */
.ig-page-hero {
  background: var(--ig-dark, #0f1117);
  padding-block: clamp(2rem, 5vw, 3.5rem);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.ig-page-breadcrumb {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .8rem;
  color: var(--ig-inv-muted, #c4c6d0);
  margin-bottom: .75rem;
  flex-wrap: wrap;
}
.ig-page-breadcrumb a {
  color: var(--ig-inv-muted, #c4c6d0);
  text-decoration: none;
  transition: color 180ms ease;
}
.ig-page-breadcrumb a:hover { color: var(--ig-accent-bright, #ea580c); }
.ig-page-breadcrumb span[aria-hidden] { opacity: .4; }

.ig-page-title {
  font-family: var(--font-display, 'Cabinet Grotesk', sans-serif);
  font-size: clamp(1.6rem, 1rem + 2.5vw, 2.5rem);
  font-weight: 800;
  color: var(--ig-inv, #f4f3f1);
  margin: 0;
  letter-spacing: -.02em;
  line-height: 1.2;
}

/* ── Body ── */
.ig-page-body {
  padding-block: clamp(2rem, 5vw, 3.5rem);
}

/* ── Content typography ── */
.ig-page-content {
  color: var(--ig-text, #1a1a2e);
  line-height: 1.8;
  font-size: clamp(.9rem, .88rem + .2vw, 1rem);
}
.ig-page-content h2 {
  font-family: var(--font-display, 'Cabinet Grotesk', sans-serif);
  font-size: clamp(1.2rem, 1rem + 1vw, 1.6rem);
  font-weight: 800;
  color: var(--ig-dark, #0f1117);
  margin: 2rem 0 .75rem;
  letter-spacing: -.02em;
}
.ig-page-content h3 {
  font-family: var(--font-display, 'Cabinet Grotesk', sans-serif);
  font-size: clamp(1rem, .9rem + .5vw, 1.25rem);
  font-weight: 700;
  color: var(--ig-dark, #0f1117);
  margin: 1.5rem 0 .5rem;
}
.ig-page-content p {
  margin: 0 0 1.25rem;
  color: #374151;
}
.ig-page-content a {
  color: var(--ig-accent, #c2410c);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ig-page-content a:hover { color: var(--ig-accent-bright, #ea580c); }
.ig-page-content ul,
.ig-page-content ol {
  margin: 0 0 1.25rem 1.25rem;
  padding: 0;
}
.ig-page-content li { margin-bottom: .4rem; color: #374151; }
.ig-page-content strong { color: var(--ig-dark, #0f1117); font-weight: 700; }
.ig-page-content blockquote {
  border-left: 3px solid var(--ig-accent, #c2410c);
  margin: 1.5rem 0;
  padding: .75rem 1.25rem;
  background: rgba(194,65,12,.05);
  border-radius: 0 .5rem .5rem 0;
}
.ig-page-content blockquote p { margin: 0; color: #374151; font-style: italic; }
.ig-page-content hr {
  border: none;
  border-top: 1px solid rgba(0,0,0,.1);
  margin: 2rem 0;
}
.ig-page-content table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1.5rem;
  font-size: .9rem;
}
.ig-page-content th {
  background: var(--ig-dark, #0f1117);
  color: var(--ig-inv, #f4f3f1);
  padding: .6rem 1rem;
  text-align: left;
  font-weight: 700;
}
.ig-page-content td {
  padding: .6rem 1rem;
  border-bottom: 1px solid rgba(0,0,0,.07);
  color: #374151;
}
.ig-page-content tr:nth-child(even) td { background: rgba(0,0,0,.02); }

/* ── Pagination (multi-page posts) ── */
.ig-page-page-links {
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0,0,0,.1);
  font-size: .88rem;
  color: var(--ig-muted, #6b7280);
}
.ig-page-page-links a {
  color: var(--ig-accent, #c2410c);
  text-decoration: none;
}
.ig-page-page-links a:hover { text-decoration: underline; }

/* ── Responsive ── */
@media (max-width: 600px) {
  .ig-page-content table { font-size: .8rem; }
  .ig-page-content th, .ig-page-content td { padding: .5rem .75rem; }
}