/* ─────────────────────────────────────────────────────────────
   Graphene Edu — TPT Sellers section stylesheet
   Loaded alongside /assets/blog.css on every /tpt-sellers/ page.
   Palette pulled from signalloom.graphene-edu.com's CSS variables.
   Overrides blog.css colors; adds section-only components below.
   ───────────────────────────────────────────────────────────── */

body { background: #f3ece2; }

.section h2, .section a, .cta-box h2,
.blog-nav .nav-label, .blog-nav .nav-month,
.blog-nav ul li a:hover, .blog-nav ul li a.current { color: #4f8064; }

.section p, .cta-box p { color: #27302c; }

.glance-inline, .cta-box { background: #e8f3ed; }
.glance-inline td:first-child { color: #4f8064; }

.cta-btn { background: #4f8064; }
.cta-btn:hover { background: #3f6a52; }
.cta-btn.secondary { color: #4f8064; border-color: #4f8064; }
.cta-btn.secondary:hover { background: #e8f3ed; }

.blog-nav { background: #fffdf8; border-color: #ded4c6; }
.blog-nav ul li { border-bottom-color: #ded4c6; }

.email-box { background: #7467a8; }
.email-box a.box-btn { color: #7467a8; }
.email-box a.box-btn:hover { background: #efecfa; }

/* ── Caution callout — small-sample / "can't prove" warnings ── */
.caution-box {
  background: #fff0e5;
  border: 1px solid #e8c9ae;
  border-radius: 12px;
  padding: 18px 22px;
  margin: 4px 0;
}
.caution-box p.caution-label {
  font-weight: 800;
  color: #b06d42;
  text-transform: uppercase;
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
}
.caution-box p { font-size: 0.82rem; color: #27302c; line-height: 1.75; }

/* ── Checklist ── */
.checklist { list-style: none; display: flex; flex-direction: column; gap: 10px; margin: 4px 0; }
.checklist li {
  font-size: 0.85rem; color: #27302c; line-height: 1.7;
  padding-left: 28px; position: relative;
}
.checklist li::before {
  content: "✓"; position: absolute; left: 0; top: 0;
  color: #4f8064; font-weight: 800;
}

.email-box .box-mark {
  display: block;
  margin: 0 auto 14px;
  width: 58px;
  height: 58px;
  padding: 7px;
  border-radius: 14px;
  background: #fffdf8;
  box-sizing: border-box;
}