/* assets/css/blog-miner.css */
/* Miner Blog - single source of truth (dark theme) */

:root{
  --blog-bg: #0b1220;
  --blog-text: #e5e7eb;
  --blog-muted: #9ca3af;
  --blog-heading: #ffffff;
  --blog-border: rgba(148,163,184,.18);
  --blog-card: rgba(15,23,42,.55);
  --blog-card2: rgba(15,23,42,.35);
  --blog-link: #7dd3fc;
  --blog-link-hover: #bae6fd;
}

.blog{
  color: var(--blog-text);
  line-height: 1.75;
  font-size: 1.05rem;
}

.blog p{ margin: 1em 0; color: var(--blog-text); }
.blog em{ color: #cbd5e1; }
.blog strong{ color: #fff; }

.blog h1,.blog h2,.blog h3,.blog h4{
  color: var(--blog-heading);
  font-weight: 800;
  line-height: 1.2;
  margin: 1.8em 0 .6em;
}
.blog h1{ font-size: 2.2rem; margin-top: 0; }
.blog h2{ font-size: 1.7rem; padding-bottom:.35rem; border-bottom: 1px solid var(--blog-border); }
.blog h3{ font-size: 1.35rem; }
.blog h4{ font-size: 1.1rem; font-weight: 700; }

.blog a{
  color: var(--blog-link);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.blog a:hover{ color: var(--blog-link-hover); }

.blog ul,.blog ol{ margin: 1em 0 1em 1.5em; }
.blog li{ margin: .35em 0; }
.blog hr{ border: 0; border-top: 1px solid var(--blog-border); margin: 2.25rem 0; }

.blog blockquote{
  border-left: 4px solid var(--blog-border);
  background: var(--blog-card2);
  border-radius: 14px;
  padding: .9rem 1rem;
  margin: 1.25rem 0;
  color: #cbd5e1;
}

.blog code{
  background: rgba(148,163,184,.12);
  padding: .15em .35em;
  border-radius: .35rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .95em;
}

.blog pre{
  background: #0a1020;
  border: 1px solid var(--blog-border);
  color: #e5e7eb;
  padding: 1rem;
  border-radius: 16px;
  overflow: auto;
  margin: 1.25rem 0;
}

.blog img{
  max-width: 100%;
  height: auto;
  border-radius: 18px;
  border: 1px solid var(--blog-border);
  box-shadow: 0 10px 25px -10px rgba(0,0,0,.45);
  margin: 1.25rem 0;
  display: block;
}

/* Unified "card" block helper (works even if blog HTML contains bg-white blocks) */
.blog .card,
.blog .box{
  background: var(--blog-card);
  border: 1px solid var(--blog-border);
  border-radius: 22px;
  padding: 1.25rem;
}

/* FAQ */
.blog details{
  background: var(--blog-card2);
  border: 1px solid var(--blog-border);
  border-radius: 18px;
  padding: .9rem 1rem;
  margin: .9rem 0;
}
.blog summary{
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.blog details p{ color: #dbeafe; }