/* =========================================================
   Strivenix Insights — styling. Same token system as the
   rest of the site (and the Job Manager plugin): DM Serif
   Text headings / DM Sans body, ink #182121, body #535757,
   accent mint #EAF5F0 / sage #CDE4D9, 2px/4px radii, sage
   elevation shadow, fill-invert button hover.
   ========================================================= */
.svx-insights{
  --svxi-ink:#182121;
  --svxi-body:#535757;
  --svxi-accent-1:#EAF5F0;
  --svxi-accent-2:#CDE4D9;
  --svxi-accent-deep:#3F6B57;
  --svxi-line:#E2E7E4;
  --svxi-r-sm:2px;
  --svxi-r-md:4px;
  --svxi-shadow-sage: 0px 16px 40px -12px rgba(66,127,97,0.24);
  font-family:'DM Sans',system-ui,sans-serif;
  font-weight:500;
  color:var(--svxi-body);
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
.svx-insights *{box-sizing:border-box;}
.svx-insights h1,.svx-insights h2,.svx-insights h3,.svx-insights h4{
  font-family:'DM Serif Text',Georgia,serif; font-weight:400; margin:0; color:var(--svxi-ink); line-height:1.18;
}
.svx-insights h1{font-size:42px;}
.svx-insights h2{font-size:29px;}
.svx-insights h4{font-size:20px;}
.svx-insights p{margin:0; color:var(--svxi-body); line-height:1.75; font-size:16px;}
.svx-insights a{color:inherit; text-decoration:none;}
.svx-insights ul{margin:0; padding:0; list-style:none;}
.svx-insights :focus-visible{outline:2px solid var(--svxi-accent-deep); outline-offset:3px;}

.svxi-wrap{max-width:1080px; margin:0 auto; padding:0 32px;}
.svxi-narrow{max-width:720px;}
.svxi-section{padding:52px 0;}

.svxi-eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  font-family:'DM Sans',sans-serif; font-weight:700; text-transform:uppercase;
  font-size:13px; letter-spacing:0.14em; color:var(--svxi-accent-deep); margin-bottom:14px;
}
.svxi-eyebrow::before{content:""; width:20px; height:2px; background:var(--svxi-accent-2); border-radius:2px; flex-shrink:0;}

.svxi-breadcrumb{max-width:1080px; margin:0 auto; padding:26px 32px 0; font-size:13.5px; color:var(--svxi-body); font-weight:500;}
.svxi-breadcrumb a:hover{color:var(--svxi-ink);}
.svxi-breadcrumb .sep{margin:0 8px; color:#B9C4C1;}
.svxi-breadcrumb .here{color:var(--svxi-ink); font-weight:700;}

/* ---------- Hero ---------- */
.svxi-hero{
  padding:24px 0 40px;
  background:radial-gradient(720px 320px at 84% -10%, rgba(205,228,217,0.4), transparent 60%), #fff;
  border-bottom:1px solid var(--svxi-line);
}
.svxi-hero h1{margin-bottom:16px;}
.svxi-lead{font-size:17px; max-width:600px;}
.svxi-byline{display:flex; align-items:center; gap:8px; font-family:'DM Sans',sans-serif; font-size:13.5px; font-weight:600; color:var(--svxi-body);}
.svxi-dot{color:#B9C4C1;}

/* ---------- Buttons ---------- */
.svxi-btn{
  font-family:'DM Sans',sans-serif; display:inline-flex; align-items:center;
  font-weight:700; text-transform:uppercase; letter-spacing:0.1em; font-size:14px; color:var(--svxi-ink);
  padding:14px 20px; border:1px solid var(--svxi-accent-2); border-radius:var(--svxi-r-sm);
  background:var(--svxi-accent-2); cursor:pointer;
  transition:background-color .3s ease, border-color .3s ease, color .3s ease, box-shadow .3s ease, transform .18s ease;
}
.svxi-btn:hover{background-color:var(--svxi-ink); border-color:var(--svxi-ink); color:#fff; box-shadow:var(--svxi-shadow-sage); transform:translateY(-2px);}
.svxi-arrow{display:inline-flex; margin-left:8px;}
.svxi-arrow svg{width:14px; height:14px;}
.svxi-btn-mint{background:var(--svxi-accent-2); border-color:var(--svxi-accent-2); color:var(--svxi-ink);}
.svxi-btn-mint:hover{background:#fff; border-color:#fff; color:var(--svxi-ink);}
.svxi-btn-outline{background:transparent; border:1px solid rgba(255,255,255,0.4); color:#fff;}
.svxi-btn-outline:hover{background:rgba(255,255,255,0.08); border-color:#fff; box-shadow:none; transform:none; color:#fff;}
.svxi-hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}

/* ---------- Category tabs ---------- */
.svxi-category-tabs{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid var(--svxi-line);}
.svxi-tab{
  font-family:'DM Sans',sans-serif; font-weight:600; font-size:13.5px; color:var(--svxi-body);
  border:1px solid var(--svxi-line); border-radius:99px; padding:9px 16px;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease;
}
.svxi-tab:hover{border-color:var(--svxi-accent-deep); color:var(--svxi-accent-deep);}
.svxi-tab.is-active{background:var(--svxi-ink); border-color:var(--svxi-ink); color:#fff;}

/* ---------- Article cards ---------- */
.svxi-articles-grid{display:grid !important; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)) !important; gap:1px; background:var(--svxi-line); border:1px solid var(--svxi-line);}
.svxi-article-card{
  background:#fff; padding:26px 24px; display:flex; flex-direction:column; gap:14px; min-height:210px; min-width:0;
  transition:transform .3s ease, background-color .3s ease, box-shadow .3s ease;
}
.svxi-article-card:hover{transform:translateY(-6px); background:var(--svxi-accent-1); box-shadow:var(--svxi-shadow-sage); z-index:1;}
.svxi-article-card-top{display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap;}
.svxi-tag{font-family:'DM Sans',sans-serif; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--svxi-accent-deep); background:var(--svxi-accent-1); border:1px solid var(--svxi-accent-2); padding:4px 10px; border-radius:99px;}
.svxi-read-time{font-family:'DM Sans',sans-serif; font-size:12px; font-weight:600; color:var(--svxi-body);}
.svxi-article-card h4{font-size:18.5px; line-height:1.35; overflow-wrap:break-word; word-break:break-word;}
.svxi-article-card p{font-size:14px; line-height:1.6;}
.svxi-article-card-arrow{margin-top:auto; display:flex; align-items:center; gap:8px; font-family:'DM Sans',sans-serif; font-weight:700; font-size:12.5px; text-transform:uppercase; letter-spacing:.08em; color:var(--svxi-accent-deep);}
.svxi-article-card-arrow svg{width:14px; height:14px; transition:transform .25s ease;}
.svxi-article-card:hover .svxi-article-card-arrow svg{transform:translateX(4px);}

.svxi-empty-state{text-align:center; padding:50px 20px; background:#FAFCFB; border:1px dashed var(--svxi-line); border-radius:var(--svxi-r-md);}

.svxi-pagination{margin-top:36px; display:flex; justify-content:center; gap:10px;}
.svxi-pagination .page-numbers{
  font-family:'DM Sans',sans-serif; font-weight:600; font-size:14px; color:var(--svxi-ink);
  border:1px solid var(--svxi-line); border-radius:var(--svxi-r-sm); padding:9px 14px;
}
.svxi-pagination .page-numbers.current{background:var(--svxi-ink); color:#fff; border-color:var(--svxi-ink);}
.svxi-pagination .page-numbers:hover:not(.current){border-color:var(--svxi-accent-deep); color:var(--svxi-accent-deep);}

/* ---------- Article prose ---------- */
.svxi-prose{font-size:17px; line-height:1.8;}
.svxi-prose h2{font-size:25px; margin:44px 0 16px;}
.svxi-prose h2:first-child{margin-top:0;}
.svxi-prose p{margin-bottom:22px;}
.svxi-prose ul, .svxi-prose ol{margin:0 0 22px 1.2em; padding:0;}
.svxi-prose a{color:var(--svxi-accent-deep); text-decoration:underline; text-underline-offset:2px;}
.svxi-prose a:hover{color:var(--svxi-ink);}

/* ---------- Closing CTA ---------- */
.svxi-cta-band{background:var(--svxi-ink); position:relative; overflow:hidden; padding:56px 0;}
.svxi-cta-band::before{
  content:""; position:absolute; width:420px; height:420px; border-radius:50%;
  background:radial-gradient(circle, rgba(205,228,217,0.22), transparent 70%); top:-200px; left:50%; transform:translateX(-50%);
}
.svxi-sub{color:#C7D3CE; font-size:15.5px; margin:10px 0 28px; position:relative;}

@media (max-width:1000px){
  .svx-insights h1{font-size:32px;}
}
@media (max-width:600px){
  .svxi-wrap{padding:0 20px;}
}
@media (prefers-reduced-motion: reduce){
  .svx-insights *{transition:none !important;}
}