/* SellerMatrix blog — shared styles for the /blog index and every post.
   Operator palette, mirrors landing-page.html :root. Load after /fonts/fonts.css.
   Every blog page links this with an ABSOLUTE path (/blog/blog.css) because posts
   live one directory deep (/blog/<slug>/index.html). */
:root{
  --cream:#F3F4F7;--cream2:#ECEEF1;--cream3:#D5D9E0;--black:#14161A;
  --teal:#08A896;--teal2:#068376;--teal-lt:#C7EFE9;--white:#FFFFFF;
  --text:#14161A;--text2:#687078;--text3:#9AA0AA;
  --green:#15803D;--red:#DC2626;
  --font-display:'Playfair Display',Georgia,serif;
  --font:'Plus Jakarta Sans',sans-serif;--mono:'DM Mono',monospace;
  --max:1160px;--r:16px;--r2:24px;--r3:32px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font);background:var(--cream);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;}

/* NAV */
nav{position:sticky;top:0;z-index:50;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;background:rgba(243,244,247,0.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--cream2);}
.nav-logo{font-family:var(--font);font-size:18px;font-weight:800;color:var(--black);text-decoration:none;letter-spacing:-0.02em;}
.nav-logo span{color:var(--teal);}
.nav-right{display:flex;align-items:center;gap:22px;}
.nav-right a{font-size:13.5px;font-weight:600;color:var(--text2);text-decoration:none;transition:color .15s;}
.nav-right a:hover{color:var(--black);}
.nav-right a.nav-cta{background:var(--black);color:var(--white);padding:9px 20px;border-radius:30px;font-size:13px;font-weight:700;transition:all .2s;}
.nav-right a.nav-cta:hover{background:var(--teal);color:#fff;transform:translateY(-1px);}
@media(max-width:560px){.nav-right .hide-sm{display:none;}}

/* BLOG INDEX */
.blog-hero{max-width:var(--max);margin:0 auto;padding:60px 24px 18px;}
.blog-hero .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:12px;}
.blog-hero h1{font-family:var(--font-display);font-size:clamp(34px,5vw,52px);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin-bottom:14px;}
.blog-hero p{font-size:17px;color:var(--text2);max-width:620px;line-height:1.6;}
.post-list{max-width:var(--max);margin:0 auto;padding:28px 24px 76px;display:grid;grid-template-columns:repeat(auto-fill,minmax(336px,1fr));gap:22px;align-items:start;}
.post-card{background:var(--white);border:1px solid var(--cream2);border-radius:var(--r2);padding:26px 26px 24px;display:flex;flex-direction:column;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(20,22,26,.04),0 14px 40px -24px rgba(20,22,26,.12);transition:transform .18s,box-shadow .18s;}
.post-card:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(20,22,26,.05),0 22px 52px -24px rgba(20,22,26,.22);}
.pc-meta{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text3);margin-bottom:12px;display:flex;gap:9px;align-items:center;}
.pc-cat{color:var(--teal2);font-weight:500;}
.post-card h2{font-family:var(--font-display);font-size:23px;font-weight:800;letter-spacing:-.01em;line-height:1.22;margin-bottom:10px;}
.post-card p{font-size:14.5px;color:var(--text2);line-height:1.6;margin-bottom:16px;flex:1;}
.pc-more{font-size:13.5px;font-weight:700;color:var(--teal2);}
.blog-empty{max-width:var(--max);margin:0 auto;padding:6px 24px 84px;}
.be-card{background:var(--white);border:1px dashed var(--cream3);border-radius:var(--r2);padding:42px;text-align:center;color:var(--text2);font-size:15px;line-height:1.6;}

/* POST */
.breadcrumb{max-width:720px;margin:0 auto;padding:30px 24px 0;font-size:12.5px;color:var(--text3);}
.breadcrumb a{color:var(--text2);text-decoration:none;}
.breadcrumb a:hover{color:var(--teal2);}
.post-head{max-width:720px;margin:0 auto;padding:16px 24px 6px;}
.post-head .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:14px;display:flex;gap:10px;flex-wrap:wrap;}
.post-head h1{font-family:var(--font-display);font-size:clamp(30px,4.6vw,46px);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin-bottom:16px;}
.post-head .dek{font-size:18px;color:var(--text2);line-height:1.55;}
.post-byline{max-width:720px;margin:20px auto 0;padding:16px 24px 0;}
.post-byline .pb-row{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--cream2);}
.post-byline img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 40px;}
.post-byline .pb-name{font-size:13.5px;font-weight:700;}
.post-byline .pb-name a{color:inherit;text-decoration:none;}
.post-byline .pb-sub{font-size:12px;color:var(--text3);}
article.prose{max-width:720px;margin:0 auto;padding:22px 24px 6px;font-size:17px;line-height:1.75;color:#23262B;}
article.prose>*:first-child{margin-top:0;}
article.prose h2{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.01em;line-height:1.2;margin:38px 0 14px;color:var(--black);}
article.prose h3{font-size:19px;font-weight:800;margin:28px 0 10px;color:var(--black);}
article.prose p{margin:0 0 18px;}
article.prose a{color:var(--teal2);text-decoration:underline;text-underline-offset:2px;}
article.prose a:hover{color:var(--teal);}
article.prose strong{font-weight:700;color:var(--black);}
article.prose ul,article.prose ol{margin:0 0 18px;padding-left:24px;}
article.prose li{margin:0 0 8px;}
article.prose blockquote{margin:22px 0;padding:14px 20px;border-left:3px solid var(--teal);background:var(--white);border-radius:0 12px 12px 0;color:var(--text2);font-style:italic;}
article.prose blockquote p:last-child{margin-bottom:0;}
article.prose img{max-width:100%;height:auto;border-radius:14px;margin:22px 0;border:1px solid var(--cream2);display:block;}
article.prose figure{margin:22px 0;}
article.prose figcaption{font-size:13px;color:var(--text3);text-align:center;margin-top:8px;}
article.prose code{font-family:var(--mono);font-size:.9em;background:var(--cream2);padding:2px 6px;border-radius:6px;}
article.prose pre{background:var(--black);color:#E6E8EB;padding:16px 18px;border-radius:12px;overflow:auto;margin:22px 0;font-size:14px;}
article.prose pre code{background:none;padding:0;color:inherit;}
article.prose hr{border:none;border-top:1px solid var(--cream2);margin:30px 0;}
article.prose table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px;}
article.prose th,article.prose td{border:1px solid var(--cream2);padding:10px 12px;text-align:left;vertical-align:top;}
article.prose th{background:var(--cream2);font-weight:700;}
article.prose .takeaways{background:var(--white);border:1px solid var(--cream2);border-left:3px solid var(--teal);border-radius:0 14px 14px 0;padding:20px 24px;margin:0 0 28px;}
article.prose .takeaways h2{font-family:var(--font);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--teal2);margin:0 0 12px;}
article.prose .takeaways ul{margin:0;padding-left:20px;}
article.prose .takeaways li{font-size:15px;margin:0 0 8px;}
article.prose .takeaways li:last-child{margin-bottom:0;}

/* END-OF-POST CTA */
.post-cta{max-width:720px;margin:34px auto 10px;padding:0 24px;}
.cta-box{background:var(--black);border-radius:var(--r2);padding:30px 32px;color:#fff;}
.cta-box h3{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:8px;}
.cta-box p{font-size:14.5px;color:rgba(255,255,255,.7);line-height:1.6;margin-bottom:18px;max-width:520px;}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;}
.cta-row a.btn{padding:12px 22px;border-radius:30px;font-size:13.5px;font-weight:700;text-decoration:none;}
.cta-row a.btn.primary{background:var(--teal);color:#fff;}
.cta-row a.btn.primary:hover{background:var(--teal2);}
.cta-row a.btn.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);}
.post-foot{max-width:720px;margin:0 auto;padding:26px 24px 64px;}
.post-foot a.back{font-size:13.5px;font-weight:700;color:var(--teal2);text-decoration:none;}
.post-foot a.back:hover{color:var(--teal);}

/* FOOTER (shared with landing) */
footer{background:var(--black);padding:44px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.footer-logo{font-size:16px;font-weight:800;color:#fff;letter-spacing:-0.02em;text-decoration:none;}
.footer-logo span{color:var(--teal);}
.footer-links{display:flex;gap:22px;flex-wrap:wrap;}
.footer-links a{font-size:13px;color:rgba(255,255,255,0.32);text-decoration:none;transition:color 0.15s;}
.footer-links a:hover{color:rgba(255,255,255,0.65);}
.footer-copy{font-size:12px;color:rgba(255,255,255,0.2);}
@media(max-width:640px){.footer-links{gap:12px 18px;}}