/* Marky Design System v1.0 — BestAIMarketingTools.com */
:root {
  --marky-amber:#C17D1F; --marky-amber-dark:#9E6419; --marky-amber-light:#F5E8CC;
  --marky-amber-pale:#FBF4E8; --marky-bg:#FAF6F0; --marky-surface:#FFFFFF;
  --marky-border:rgba(0,0,0,0.08); --marky-border-md:rgba(0,0,0,0.14);
  --marky-text:#1C1917; --marky-text-muted:#6B6460; --marky-text-subtle:#9C9490;
  --marky-green:#16A34A; --marky-red:#DC2626;
}
html, body { background-color:var(--marky-bg) !important; font-family:'DM Sans',sans-serif !important; color:var(--marky-text) !important; -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,h5,h6,.entry-title,.page-title { font-family:'Bricolage Grotesque',sans-serif !important; color:var(--marky-text) !important; letter-spacing:-0.025em !important; }
h1,.entry-title { font-size:clamp(2.2rem,5vw,3.4rem) !important; font-weight:800 !important; line-height:1.1 !important; }
h2 { font-size:clamp(1.6rem,3.5vw,2.2rem) !important; font-weight:800 !important; line-height:1.15 !important; }
h3 { font-size:1.25rem !important; font-weight:700 !important; }
p,li { font-family:'DM Sans',sans-serif !important; color:var(--marky-text-muted) !important; line-height:1.75 !important; font-size:16px !important; }
.site-header,header.site-header,#masthead { background:var(--marky-surface) !important; border-bottom:1px solid var(--marky-border) !important; box-shadow:none !important; }
.main-navigation a,.nav-menu > li > a,.site-header nav a { font-family:'DM Sans',sans-serif !important; font-size:14px !important; font-weight:500 !important; color:var(--marky-text-muted) !important; text-decoration:none !important; padding:7px 14px !important; border-radius:30px !important; transition:all .15s !important; }
.main-navigation a:hover,.site-header nav a:hover { color:var(--marky-text) !important; background:var(--marky-amber-pale) !important; }
.main-navigation a[href*="/marky/"],.site-header nav a[href*="/marky/"] { background:var(--marky-amber) !important; color:#fff !important; font-weight:700 !important; border-radius:30px !important; padding:8px 20px !important; }
.wp-block-button__link,.button,input[type="submit"],button[type="submit"] { background:var(--marky-amber) !important; color:#fff !important; border:none !important; border-radius:30px !important; padding:12px 28px !important; font-family:'DM Sans',sans-serif !important; font-weight:700 !important; transition:all .15s !important; }
.wp-block-button__link:hover,.button:hover { background:var(--marky-amber-dark) !important; }
.entry-content a:not(.cta-btn),article a:not(.cta-btn) { color:var(--marky-amber) !important; text-decoration-color:rgba(193,125,31,.4) !important; text-underline-offset:3px !important; }
.site-footer,footer.site-footer,#colophon { background:#1C1917 !important; }
.site-footer *,footer.site-footer *,#colophon * { color:#9CA3AF !important; }
.site-footer a:hover,footer.site-footer a:hover { color:var(--marky-amber) !important; }
img { border-radius:10px !important; }
@media(max-width:768px){ h1,.entry-title{font-size:2rem !important;} h2{font-size:1.5rem !important;} }
.cta-btn,.entry-content .cta-btn,article .cta-btn,.cta-wrap .cta-btn { color:#fff !important; background:var(--marky-amber) !important; }

/* ── Tables in articles ── */
.entry-content table,article table,.article-body table,.comparison-table table {
  width:100% !important;
  border-collapse:collapse !important;
  background:#fff !important;
  border:1px solid rgba(0,0,0,0.08) !important;
  border-radius:12px !important;
  overflow:hidden !important;
  margin:24px 0 !important;
  font-size:14px !important;
}
.entry-content table th,article table th,.article-body table th {
  background:#1C1917 !important;
  color:#C17D1F !important;
  font-family:'Bricolage Grotesque',sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:0.06em !important;
  padding:14px 16px !important;
  text-align:left !important;
  border-bottom:none !important;
}
.entry-content table td,article table td,.article-body table td {
  padding:12px 16px !important;
  border-bottom:1px solid rgba(0,0,0,0.06) !important;
  color:#1C1917 !important;
  font-size:14px !important;
  vertical-align:top !important;
}
.entry-content table tr:last-child td,article table tr:last-child td {
  border-bottom:none !important;
}
.entry-content table tr:hover td,article table tr:hover td {
  background:rgba(193,125,31,0.04) !important;
}

/* ── Pros/Cons in articles ── */
.pros-cons {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:16px !important;
  margin:28px 0 !important;
}
.pros-cons__col {
  background:#fff !important;
  border:1px solid rgba(0,0,0,0.08) !important;
  border-radius:14px !important;
  padding:22px !important;
}
.pros-cons__col--pro {
  border-top:3px solid #16A34A !important;
}
.pros-cons__col--con {
  border-top:3px solid #DC2626 !important;
}
.pros-cons__title {
  font-family:'Bricolage Grotesque',sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:0.06em !important;
  margin-bottom:14px !important;
}
.pros-cons__title--pro { color:#16A34A !important; }
.pros-cons__title--con { color:#DC2626 !important; }
.pros-cons ul {
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
}
.pros-cons li {
  font-size:14px !important;
  color:#6B6460 !important;
  line-height:1.6 !important;
  padding:6px 0 !important;
  padding-left:20px !important;
  position:relative !important;
}
.pros-cons__col--pro li::before {
  content:'✓' !important;
  position:absolute !important;
  left:0 !important;
  color:#16A34A !important;
  font-weight:700 !important;
}
.pros-cons__col--con li::before {
  content:'✗' !important;
  position:absolute !important;
  left:0 !important;
  color:#DC2626 !important;
  font-weight:700 !important;
}

/* ── Highlight box ── */
.highlight-box {
  background:linear-gradient(135deg,#FBF4E8 0%,#F5E8CC 100%) !important;
  border:1px solid rgba(193,125,31,0.2) !important;
  border-radius:14px !important;
  padding:22px 26px !important;
  margin:24px 0 !important;
}

/* ── Verdict box ── */
.verdict-box {
  border-left:4px solid #C17D1F !important;
  background:#FBF4E8 !important;
  border-radius:0 14px 14px 0 !important;
  padding:22px 26px !important;
  margin:24px 0 !important;
}
.verdict-box strong { color:#C17D1F !important; }

/* ── Pull quote ── */
.pull-quote,blockquote.pull-quote {
  border-left:4px solid #C17D1F !important;
  background:#FBF4E8 !important;
  border-radius:0 14px 14px 0 !important;
  padding:20px 24px !important;
  margin:28px 0 !important;
  font-style:italic !important;
  color:#1C1917 !important;
  font-size:16px !important;
  line-height:1.7 !important;
}

/* ── Tip boxes ── */
.tip-box {
  display:flex !important;
  gap:14px !important;
  align-items:flex-start !important;
  border-radius:14px !important;
  padding:20px 22px !important;
  margin:24px 0 !important;
  border:1px solid rgba(0,0,0,0.08) !important;
}
.tip-box--pro { background:#F0FDF4 !important; border-color:rgba(22,163,74,0.2) !important; }
.tip-box--warning { background:#FFFBEB !important; border-color:rgba(217,119,6,0.2) !important; }
.tip-box--info { background:#EFF6FF !important; border-color:rgba(59,130,246,0.2) !important; }

/* ── Score bar (theme override) ── */
.entry-content [style*="background:var(--ink)"],
article [style*="background:var(--ink)"] {
  border-radius:12px !important;
  margin-bottom:28px !important;
}

/* ── CTA wrap ── */
.cta-wrap {
  text-align:center !important;
  margin:32px 0 48px !important;
}

/* ── Article headings ── */
.entry-content h2,article h2,.article-body h2 {
  font-family:'Bricolage Grotesque',sans-serif !important;
  font-size:1.6rem !important;
  font-weight:800 !important;
  color:#1C1917 !important;
  letter-spacing:-0.025em !important;
  margin-top:40px !important;
  margin-bottom:16px !important;
  line-height:1.2 !important;
}
.entry-content h3,article h3,.article-body h3 {
  font-family:'Bricolage Grotesque',sans-serif !important;
  font-size:1.2rem !important;
  font-weight:700 !important;
  color:#1C1917 !important;
  margin-top:28px !important;
  margin-bottom:12px !important;
}

/* ── Mobile responsive ── */
@media(max-width:768px){
  .pros-cons { grid-template-columns:1fr !important; }
  .entry-content table,article table { font-size:12px !important; }
  .entry-content table th,article table th { padding:10px 12px !important; }
  .entry-content table td,article table td { padding:10px 12px !important; }
}