/* ---------- sweatcue guides: light, brand-neutral styling over the legal reading layout ---------- */
/* Palette only: off-white #F4EFE4, navy ink #12243B, brand lime (#C8FF3D / #A9E417).
   No per-post accent colours. */

/* ---- header band: clean white panel (posts + index) ---- */
.blog-post .legal-head,
.blog-index .legal-head {
  margin-top: 8px;
  padding: clamp(26px, 4vw, 38px) clamp(22px, 3.5vw, 34px) clamp(24px, 3.2vw, 32px);
  border-radius: 22px;
  background: #FFFFFF;
  border: 1px solid var(--line);
}

/* the .eyebrow keeps the design's default label style (no coloured pill) */

/* ---- comparison tables: neutral zebra for readability ---- */
.blog-post .cmp th { color: var(--ink-mute); }
.blog-post .cmp td:first-child { color: var(--ink); }
.blog-post .cmp tbody tr:nth-child(even) { background: rgba(18, 36, 59, .03); }

/* ---- prompt / mono block + disclaimer note: neutral ---- */
.blog-post .mono-block { background: #12243B0D; border: 1px solid var(--line); }
.blog-post .note { background: #FCFAF4; border: 1px solid var(--line); }
.blog-post .copy-btn.copied { color: var(--ink); border-color: var(--lime-600); background: #C8FF3D26; }

/* ---- closing CTA: clean white panel ---- */
.blog-post .legal-main > div:last-of-type {
  margin-top: clamp(44px, 6vw, 64px) !important;
  padding: clamp(30px, 4vw, 44px) 28px;
  border-radius: 22px;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid var(--line);
}

/* ---- index cards: clean white ---- */
.blog-index .blog-list { gap: 16px; }
.blog-index .post-card {
  border: 1px solid var(--line);
  background: #FFFFFF;
  transition: border-color .15s, transform .15s, box-shadow .15s;
}
.blog-index .post-card:hover {
  border-color: color-mix(in srgb, var(--ink) 45%, var(--line));
  transform: translateY(-2px);
  box-shadow: 0 10px 30px -18px rgba(18, 36, 59, .35);
}
.blog-index .post-card .post-meta { color: var(--ink-mute); }
.blog-index .post-card p { color: var(--ink-soft); }
.blog-index .post-card .read-on { color: var(--ink); }