/* ── DEVVISTA BLOG: BLACK GLASS ──────────────────────────────────────────────────────────────
   Loaded after service-glass.css on /blog/ and /blog/<slug>/ (canvas, glass recipe, FAQ pane, CTA, buttons come from there).
   Same rules as the homepage: balanced hero, no orange cards, no coloured text (marker or thin underline only),
   one neutral treatment for every category (no per-category colours).
   ──────────────────────────────────────────────────────────────────────────────────────────── */

.sg .blog-hero,.sg .article-hero,.sg .grid-section,.sg .article-wrapper,.sg .related-section,.sg .newsletter-section{background:transparent;border:0;}
.sg .blog-hero::after{display:none;}

/* shared pill (eyebrow, category, tags) */
.sg .blog-hero-kicker,.sg .article-cat,.sg .fc-cat,.sg .bc-cat,.sg .post-tag,.sg .a-tag,.sg .featured-label{
  color:rgba(var(--fg-rgb),.9);background:var(--gl-pill);border:1px solid rgba(var(--white-rgb),.16);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.1);border-radius:100px;}
.sg .blog-hero-kicker,.sg .article-cat{display:inline-flex;align-items:center;gap:.6rem;font-size:.69rem;font-weight:700;letter-spacing:.14em;padding:.5rem 1.15rem;margin-bottom:1.75rem;
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.12),0 10px 30px rgba(var(--shadow-rgb),.4);}
.sg .blog-hero-kicker::before{display:none;}
.sg .article-cat i,.sg .post-tag i{color:var(--accent);}
.sg .featured-label{padding:.35rem .9rem;}
.sg .featured-label::before{display:none;}
.sg .post-tag:hover{color:var(--white);background:rgba(var(--white-rgb),.12);border-color:rgba(var(--white-rgb),.3);}
.sg .bc-cat,.sg .fc-cat{padding:.25rem .75rem;}
.sg .cat-guide,.sg .cat-healthcare,.sg .cat-fintech,.sg .cat-realestate,.sg .cat-startup,.sg .cat-technical,.sg .cat-ecommerce,.sg .cat-logistics{
  color:rgba(var(--fg-rgb),.9);background:var(--gl-pill);border:1px solid rgba(var(--white-rgb),.16);}

/* GLASS */
.sg .blog-stats,.sg .featured-card,.sg .blog-card,.sg .rel-card,.sg .toc-card,.sg .share-card,.sg .sidebar-cta,.sg .callout,.sg .redflags-box,
.sg .questions-box,.sg .summary-box,.sg .pull-quote,.sg .inline-cta,.sg .author-box,.sg .post-pager__link,.sg .nl-inner{
  position:relative;border:0!important;border-radius:var(--r-card);overflow:hidden;
  background:var(--gl-bg)!important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);backdrop-filter:blur(var(--glass-blur)) saturate(1.4);
  box-shadow:var(--gl-shadow);
  transition:transform .6s var(--ease),box-shadow .6s var(--ease);}
.sg .blog-stats::before,.sg .featured-card::before,.sg .blog-card::before,.sg .rel-card::before,.sg .toc-card::before,.sg .share-card::before,.sg .sidebar-cta::before,
.sg .callout::before,.sg .redflags-box::before,.sg .questions-box::before,.sg .summary-box::before,.sg .pull-quote::before,.sg .inline-cta::before,.sg .author-box::before,
.sg .post-pager__link::before,.sg .nl-inner::before{content:'';position:absolute;inset:0;width:auto;height:auto;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;opacity:1;
  background:var(--gl-rim);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  font-size:inherit;color:inherit;top:0;left:0;}
.sg .featured-card::after,.sg .blog-card::after,.sg .rel-card::after,.sg .post-pager__link::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:0;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(var(--white-rgb),.1),transparent 62%);transition:opacity .45s var(--ease);}
.sg .featured-card:hover::after,.sg .blog-card:hover::after,.sg .rel-card:hover::after,.sg .post-pager__link:hover::after{opacity:1;}
.sg .blog-card:hover,.sg .rel-card:hover,.sg .featured-card:hover,.sg .post-pager__link:hover{transform:translateY(-5px);border:0;}
.sg .pull-quote::before{font-family:inherit;}
.sg .blog-card>*,.sg .rel-card>*,.sg .featured-card>*{position:relative;z-index:1;}

/* ── INDEX: hero, search, filter, featured, cards, pagination, newsletter ── */
.sg .blog-hero{padding:2.6rem 0 3rem;}
.sg .blog-hero h1{font-size:clamp(2.2rem,3.9vw,3.7rem);font-weight:800;letter-spacing:-.045em;line-height:1.07;text-wrap:balance;max-width:14em;color:var(--white);}
.sg .blog-hero h1 br{display:none;}
.sg .blog-hero h1 span{color:inherit!important;background:linear-gradient(var(--accent),var(--accent)) no-repeat 0 100%/100% .14em;padding-bottom:.05em;}
.sg .blog-hero p{font-size:1.08rem;color:rgba(var(--fg-rgb),.82);max-width:560px;}
.sg .blog-stats{padding:1.3rem 1.6rem;gap:2rem;display:inline-flex;}
.sg .bs-div{background:rgba(var(--white-rgb),.12);}
.sg .bs-num{letter-spacing:-.03em;}
.sg .blog-search{background:var(--gl-pill);border:1px solid rgba(var(--white-rgb),.18);border-radius:100px;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.1);}
.sg .blog-search:focus-within{border-color:rgba(var(--white-rgb),.4);}
.sg .blog-search input{color:var(--white);}
.sg .filter-bar{background:var(--bar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(var(--white-rgb),.1);}
.sg .filter-btn{color:rgba(var(--fg-rgb),.75);}
.sg .filter-btn:hover{color:var(--white);}
.sg .filter-btn.active{color:var(--white);border-bottom-color:var(--accent);}
.sg .filter-count{color:var(--white);background:rgba(var(--white-rgb),.1);border:1px solid rgba(var(--white-rgb),.18);}
.sg .featured-card{border-radius:var(--r-card);}
.sg .fc-visual{background: rgba(var(--dim-rgb),.35);border-right:0;}
.sg .fc-visual-bg,.sg .bc-thumb-bg,.sg .rel-card-img-bg{background:linear-gradient(135deg,rgba(var(--white-rgb),.07),transparent 60%)!important;}
.sg .fc-icon,.sg .bc-thumb-icon,.sg .rel-card-img i{color:rgba(var(--fg-rgb),.3)!important;}
.sg .fc-visual-num{-webkit-text-stroke:1px rgba(var(--white-rgb),.1);}
.sg .fc-title,.sg .bc-title,.sg .rel-title{color:var(--white);}
.sg .fc-read{color:var(--white);}
.sg .bc-thumb,.sg .rel-card-img{background: rgba(var(--dim-rgb),.35);border-bottom:0;}
.sg .bc-footer{border-top-color:rgba(var(--white-rgb),.1);}
.sg .bc-arrow{background:rgba(var(--white-rgb),.07);border:1px solid rgba(var(--white-rgb),.16);color:var(--white);border-radius:50%;}
.sg .blog-card:hover .bc-arrow{background:var(--accent);border-color:var(--accent);color:var(--white);}
.sg .blog-card-wrap span[onclick]{background:rgba(var(--white-rgb),.05)!important;border:1px solid rgba(var(--white-rgb),.14)!important;color:rgba(var(--fg-rgb),.8)!important;}
.sg .grid-section-label{border-bottom-color:rgba(var(--white-rgb),.1);}
.sg .gsl-title{color:rgba(var(--fg-rgb),.85);}
.sg .gsl-title::before{background:rgba(var(--fg-rgb),.5);}
.sg .pgn-btn,.sg .pgn-num{background:var(--gl-pill);border:1px solid rgba(var(--white-rgb),.16);color:rgba(var(--fg-rgb),.9);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;}
.sg .pgn-btn:hover:not(.pgn-disabled),.sg .pgn-num:hover:not(.pgn-current),.sg .pgn-num.pgn-current{background:var(--accent);border-color:var(--accent);color:var(--white);}
.sg .newsletter-section{padding:3rem 0 4rem;}
.sg .nl-inner{padding:2.6rem 2.8rem;}
.sg .nl-kicker{color:rgba(var(--fg-rgb),.85);}
.sg .nl-kicker::before{background:var(--accent);}
.sg .nl-title{color:var(--white);}
.sg .nl-input{background:rgba(var(--white-rgb),.06);border:1px solid rgba(var(--white-rgb),.18);color:var(--white);border-radius:var(--btn-radius,10px);}
.sg .nl-input:focus{border-color:rgba(var(--white-rgb),.4);}
.sg .nl-note i{color:var(--accent);}
@media(max-width:991px){.sg .nl-inner{padding:2rem 1.6rem;}}

/* ── POST: hero ── */
.sg .article-hero{padding:2.6rem 0 2.5rem;}
.sg .article-hero h1{font-size:clamp(2.1rem,3.6vw,3.3rem);font-weight:800;letter-spacing:-.045em;line-height:1.08;text-wrap:balance;max-width:17em;color:var(--white);}
.sg .article-lead{font-size:1.08rem;color:rgba(var(--fg-rgb),.82);max-width:640px;}
.sg .a-author-av{background:linear-gradient(118deg,rgba(var(--white-rgb),.12),rgba(var(--white-rgb),.03));border:1px solid rgba(var(--white-rgb),.2);color:var(--white);}
.sg .a-divider{background:rgba(var(--white-rgb),.14);}
.sg .a-stat i{color:var(--accent);}
.sg .post-tags{border-top-color:rgba(var(--white-rgb),.1);}
.sg .article-featured-img{border:0!important;border-radius:var(--r-card)!important;}

/* ── POST: article content ── */
.sg .article-wrapper{padding:2rem 0 5rem;}
.sg .article-content h2:not(.accordion-header){font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:800;letter-spacing:-.035em;line-height:1.15;color:var(--white);border-bottom-color:rgba(var(--white-rgb),.1);}
.sg .article-content h2:not(.accordion-header) .h2-num{color:var(--accent);background:none;border:0;padding:0;}
.sg .article-content h3{color:var(--white);}
.sg .article-content a:not(.btn-accent):not(.btn-outline){color:var(--white);text-decoration:none;background:linear-gradient(var(--accent),var(--accent)) no-repeat 0 100%/100% 2px;padding-bottom:1px;}
.sg .article-content a:not(.btn-accent):not(.btn-outline):hover{color:var(--white);}
.sg .article-content .btn-accent{color:var(--white);background-image:none;}
.sg .article-content ol li::before{color:var(--accent);background:none;border:0;}
.sg .article-content th{background:rgba(var(--white-rgb),.07);color:var(--white);}
.sg .article-content th,.sg .article-content td{border-color:rgba(var(--white-rgb),.12);}
.sg .article-content .table-wrap{border:1px solid rgba(var(--white-rgb),.12);border-radius:14px;}
.sg .article-content .table-wrap table{margin:0;}
.sg .callout,.sg .callout-green{border-left:0;padding:1.4rem 1.6rem;}
.sg .callout-label,.sg .callout-green .callout-label,.sg .summary-box h4,.sg .rf-header i,.sg .rf-header span{color:rgba(var(--fg-rgb),.85);}
.sg .rf-header i,.sg .summary-icon,.sg .qb-q{color:var(--accent);}
.sg .qb-q{background:none;border:0;padding:0;}
.sg .redflags-box,.sg .summary-box{padding:1.8rem;}
.sg .rf-header,.sg .rf-item,.sg .qb-item,.sg .summary-item,.sg .summary-box h4{border-color:rgba(var(--white-rgb),.1);}
.sg .pull-quote{border-left:0;padding:2rem 2.2rem;}
.sg .pull-quote::before{display:block;}
.sg .inline-cta{padding:1.75rem 2rem;}
.sg .inline-cta-text span{color:inherit;background:linear-gradient(var(--accent),var(--accent)) no-repeat 0 100%/100% .14em;}
.sg .author-box{margin-top:3rem;padding:1.75rem;display:flex;gap:1.25rem;align-items:flex-start;}
.sg .author-box>div:first-child{background:rgba(var(--white-rgb),.07)!important;border:1px solid rgba(var(--white-rgb),.16)!important;color:var(--white)!important;}
.sg .author-box a{color:var(--white)!important;background:linear-gradient(var(--accent),var(--accent)) no-repeat 0 100%/100% 2px;padding-bottom:1px;}
.sg .author-box div[style*="Written"],.sg .author-box div[style*="accent-text"]{color:rgba(var(--fg-rgb),.85)!important;}

/* ── POST: sidebar ── */
.sg .toc-card,.sg .share-card{margin-bottom:1.25rem;}
.sg .toc-header{border-bottom-color:rgba(var(--white-rgb),.1);}
.sg .toc-header i,.sg .toc-link .tl-num{color:var(--accent);}
.sg .toc-header span{color:rgba(var(--fg-rgb),.85);}
.sg .toc-link{color:rgba(var(--fg-rgb),.8);}
.sg .toc-link:hover{color:var(--white);background:rgba(var(--white-rgb),.04);}
.sg .toc-link.active{color:var(--white);border-left-color:var(--accent);background:rgba(var(--white-rgb),.06);}
.sg .share-btn{background:rgba(var(--white-rgb),.06);border:1px solid rgba(var(--white-rgb),.16);color:rgba(var(--fg-rgb),.9);border-radius:12px;}
.sg .share-btn:hover{background:rgba(var(--white-rgb),.14);border-color:rgba(var(--white-rgb),.35);color:var(--white);}
.sg .sidebar-cta{padding:1.8rem;text-align:left;}
.sg .scta-label{color:rgba(var(--fg-rgb),.85);}
.sg .scta-btn{color:var(--white);border-radius:var(--btn-radius,10px);}
.sg .scta-btn:hover{color:var(--white);}

/* ── POST: related and pager ── */
.sg .related-section{padding:4rem 0 5rem;}
.sg .related-section .section-kicker{display:inline-flex;margin-bottom:1.5rem;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--fg-rgb),.85);}
.sg .related-section h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;letter-spacing:-.04em;color:var(--white);margin-bottom:2rem;}
.sg .rel-cat{color:rgba(var(--fg-rgb),.85);}
.sg .post-pager__link small{color:rgba(var(--fg-rgb),.85);}
.sg .post-pager__link span{color:var(--white);}
.sg .a-author-av{--white:unset;--cream:unset;--fg-rgb:unset;--white-rgb:unset;--accent-text:var(--accent-text-base);color:var(--white);}
.sg .inline-cta-text{color:var(--white);}
