/* VIKSYA BLOG — shared across /blog/insights index + all post pages */
#bp-root{
  margin-left:calc(-50vw + 50%);
  margin-right:calc(-50vw + 50%);
  width:100vw;
  overflow-x:hidden;
  font-family:'Inter',system-ui,sans-serif;
  color:#10172A;
  -webkit-font-smoothing:antialiased;
}
#bp-root *{box-sizing:border-box;}
#bp-root a{color:var(--brass);text-decoration:none;}
#bp-root a:hover{text-decoration:underline;}
.bp-rag{display:flex;width:100%;height:5px;}
.bp-rag span{flex:1;}
.bp-rag .g{background:var(--green);}
.bp-rag .a{background:var(--amber);}
.bp-rag .r{background:var(--red);}
.bp-wrap{max-width:760px;margin:0 auto;padding:0 32px;}
@media(max-width:640px){.bp-wrap{padding:0 20px;}}

/* HERO (post + index share the same dark band) */
.bp-hero{background:var(--ink);color:var(--parchment);padding:56px 0 44px;}
.bp-breadcrumb{font-family:var(--mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--slate-light);margin-bottom:16px;display:block;}
.bp-breadcrumb a{color:var(--brass-bright);}
#bp-root .bp-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(26px,4vw,40px);line-height:1.18;margin:0 0 14px;color:var(--parchment) !important;}
.bp-hero .bp-sub{font-size:15px;color:var(--slate-light);margin:0;max-width:640px;}
.bp-hero .bp-meta{font-family:var(--mono);font-size:11px;color:var(--slate-light);margin-top:18px;letter-spacing:0.06em;}

/* POST BODY */
.bp-body{background:var(--parchment);padding:48px 0 80px;}
.bp-hero-image{margin:0 0 40px;border:1px solid var(--line);}
.bp-hero-image img{width:100%;height:auto;display:block;}
.bp-content{color:var(--ink);}
.bp-content h2{font-family:var(--serif);font-weight:600;font-size:22px;margin:44px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line);}
.bp-content h2:first-child{margin-top:0;}
.bp-content h3{font-family:var(--serif);font-weight:600;font-size:17px;margin:28px 0 10px;color:var(--ink);}
.bp-content h4{font-family:var(--sans);font-weight:700;font-size:14px;margin:22px 0 8px;color:var(--ink);text-transform:uppercase;letter-spacing:0.03em;}
.bp-content p{font-size:15.5px;line-height:1.75;color:#2A3347;margin:0 0 16px;}
.bp-content ul,.bp-content ol{font-size:15.5px;line-height:1.75;color:#2A3347;margin:0 0 16px;padding-left:24px;}
.bp-content li{margin-bottom:8px;}
.bp-content strong{color:var(--ink);font-weight:600;}
.bp-content em{color:inherit;}
.bp-content a{color:var(--brass);text-decoration:underline;text-decoration-color:rgba(184,134,46,0.35);}
.bp-content hr{border:none;border-top:1px solid var(--line);margin:36px 0;}
.bp-content figure{margin:28px 0;}
.bp-content figure img{width:100%;height:auto;border:1px solid var(--line);display:block;}
.bp-content figcaption{font-size:12.5px;color:var(--slate);margin-top:8px;text-align:center;font-family:var(--mono);letter-spacing:0.02em;}
.bp-content blockquote{background:var(--parchment-dim);border-left:3px solid var(--brass);margin:28px 0;padding:20px 24px;}
.bp-content blockquote p,
.bp-content blockquote{font-family:var(--serif);font-size:17px;line-height:1.5;color:var(--ink);font-style:italic;margin:0;}

/* CALLOUTS — Quick Answer / In This Article, restyled onto Viksya tokens
   (source Payhip export used hardcoded editor colors; unified here) */
.bp-callout{background:var(--ink-soft);border-left:3px solid var(--brass-bright);padding:20px 24px;margin:0 0 28px;}
.bp-callout-label{font-family:var(--mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--brass-bright);margin:0 0 8px;font-weight:600;}
.bp-callout p{color:var(--parchment);font-size:14.5px;line-height:1.65;margin:0;}
.bp-callout ul{margin:4px 0 0;padding-left:20px;}
.bp-callout li{color:var(--parchment);font-size:14px;line-height:1.7;margin-bottom:4px;}
.bp-callout-toc li::marker{color:var(--brass-bright);}

.bp-promo{background:var(--parchment-dim);border:1px solid var(--line);border-left:3px solid var(--brass);padding:22px 24px;margin:32px 0;text-align:center;}
.bp-promo-eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--brass);margin:0 0 8px;}
.bp-promo-title{font-family:var(--serif);font-weight:600;font-size:17px;color:var(--ink);margin:0 0 8px;}
.bp-promo-desc{font-size:14px;color:var(--slate);line-height:1.6;margin:0 0 14px;}
.bp-promo-link{margin:0;}
.bp-promo-link a{font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--brass);}

.bp-linkedin-card{display:block;background:var(--parchment-dim);border:1px solid var(--line);border-left:3px solid var(--brass);padding:16px 20px;margin:24px 0;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink) !important;text-decoration:none !important;}
.bp-linkedin-card span{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:var(--slate);margin-top:6px;}

/* POST FOOTER — back link + cross-link to products */
.bp-post-footer{border-top:1px solid var(--line);margin-top:48px;padding-top:28px;}
.bp-back-link{font-family:var(--mono);font-size:12px;letter-spacing:0.04em;color:var(--brass);}

/* INDEX PAGE */
.bp-index-list{list-style:none;margin:0;padding:0;}
.bp-index-item{border-bottom:1px solid var(--line);padding:28px 0;}
.bp-index-item:first-child{padding-top:0;}
.bp-index-card{display:flex;gap:20px;align-items:flex-start;}
.bp-index-thumb{flex:0 0 120px;width:120px;height:80px;overflow:hidden;border:1px solid var(--line);background:var(--parchment-dim);}
.bp-index-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.bp-index-body{flex:1;min-width:0;}
.bp-index-date{font-family:var(--mono);font-size:11px;letter-spacing:0.05em;text-transform:uppercase;color:var(--slate-light);}
.bp-index-title{font-family:var(--serif);font-weight:600;font-size:18px;line-height:1.32;margin:6px 0 8px;color:var(--ink);}
.bp-index-title a{color:var(--ink);}
.bp-index-title a:hover{color:var(--brass);text-decoration:none;}
.bp-index-excerpt{font-size:14px;line-height:1.6;color:var(--slate);margin:0 0 8px;}
.bp-index-readmore{font-family:var(--mono);font-size:11.5px;letter-spacing:0.03em;color:var(--brass);}
@media(max-width:560px){
  .bp-index-card{flex-direction:column;}
  .bp-index-thumb{width:100%;flex-basis:auto;height:160px;}
}

::selection{background:var(--brass);color:var(--ink);}
.bp-signup .ml-embedded{max-width:520px;margin:4px auto 0;text-align:left;}