/* Brand Elite - BLOG pages (LOCKED 30 Sep 2026, DESIGN.md 12): option 2 header + option 1 body (Lohith's mix).
   blog-post.php (one post) + blog.php (blog home + 6 category pages). Loads after css/about.css. Tokens only (css/system.css):
   block gaps = --gap-head-body, heading -> text = --gap-h2-rule, paragraphs = --gap-rule-lead, sections = --space-section.
   Headings in the article: h2 = orange (#c2410c, the site's orange for text on light), h3 = navy. */

.blg-page{--blg-o:#c2410c;--blg-gap:var(--gap-head-body);--blg-p:var(--gap-rule-lead);--blg-side-top:5vh}
.blg-page [id]{scroll-margin-top:100px}
.blg-ic,.blg-page .mm-svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.blg-bi{width:18px;height:18px;fill:currentColor}
/* category hero: the service icons draw as lines (their base style is in ai-dm.css, not loaded here); colours as on the policies hero */
.blg-cat-hero .sv-ic{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.blg-cat-hero .st-icons .sv-ic{stroke:#f78913}                 /* left: the hero points, amber (--amber) */
.blg-cat-hero .o3-stat.o3-ic>.ic{color:#fff}                   /* right: white on the orange orbit circle */

/* ================= HEADER (option 2): dark band, centred; the wide photo overlaps into the page ================= */
.blg-hero{padding-bottom:clamp(150px,16vw,260px)}
.blg-hero-cat{padding-bottom:var(--space-section)}
.blg-head{max-width:1240px;margin-inline:auto;text-align:center}
.blg-head .be-crumbs ol{justify-content:center}
.blg-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin-top:var(--blg-p);padding:6px 16px;border-radius:999px;background:rgba(244,106,16,.14);border:1px solid rgba(247,137,19,.42);color:#fff;font-size:var(--fs-label);font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:background .25s}
.blg-chip .mm-svg,.blg-chip .blg-ic{width:16px;height:16px;color:var(--amber)}
a.blg-chip:hover{background:rgba(244,106,16,.26)}
a.blg-chip:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ab .blg-head h1{margin:var(--gap-h2-rule) auto 0;max-width:none;font-size:min(var(--fs-h2),54px);line-height:1.14;color:#fff}   /* spans the same width as the photo below */
.blg-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;list-style:none;margin:var(--blg-gap) 0 0;padding:0;font-size:var(--fs-label);color:var(--text-on-dark)}
.blg-meta li{display:inline-flex;align-items:center;gap:8px}
.blg-meta .blg-ic{color:var(--amber)}
.ab .blg-hero-lead{max-width:40em;margin:var(--gap-rule-lead) auto 0;font-size:var(--fs-lead);color:var(--text-on-dark)}
.blg-figwrap{position:relative;z-index:3;padding-inline:var(--pad);margin-top:calc(clamp(150px,16vw,260px) * -1 + 24px)}
.blg-fig{max-width:1240px;margin:0 auto;border-radius:28px;overflow:hidden;box-shadow:0 40px 70px -30px rgba(16,25,40,.55);background:#101928}
.blg-fig img{display:block;width:100%;height:auto;aspect-ratio:1600/641;object-fit:cover}
@media (max-width:600px){.blg-fig{border-radius:20px}}

/* reading progress: thin bar at the very top (all sizes) */
.blg-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:90;pointer-events:none}
.blg-progress i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:var(--grad)}

/* ================= BODY (option 1): sidebar left (sticky), article right ================= */
.blg-read{padding-top:var(--space-section);padding-bottom:var(--space-section)}

.ab.blg-read{overflow:visible}   /* .ab clips (overflow:hidden), which would stop the sticky sidebar */
.blg-cols{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-areas:"side main";gap:clamp(24px,3vw,48px);align-items:start}
.blg-main{grid-area:main;min-width:0}
/* sticky sidebar: 90vh tall, 5vh above and below (Lohith); a thin scrollbar only when its content is taller.
   While the sticky menu bar (60px) is showing, the sidebar moves down so the bar never covers it. */
.blg-side{grid-area:side;position:sticky;top:var(--blg-side-top);max-height:90vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(244,106,16,.45) transparent;padding:2px 8px 2px 2px;margin:-2px -8px 0 -2px;transition:top .45s var(--ease),max-height .45s var(--ease)}
@media (min-width:1180px){body:has(#mini.show) .blg-side{top:calc(60px + 2vh);max-height:calc(93vh - 60px)}}
.blg-side::-webkit-scrollbar{width:6px}.blg-side::-webkit-scrollbar-thumb{background:rgba(244,106,16,.45);border-radius:6px}
.blg-side-in{display:flex;flex-direction:column;gap:var(--gap-h2-rule)}
@media (max-width:1179.98px){
  .blg-cols{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "side"}
  .blg-side{position:static;max-height:none;overflow:visible;padding:0;margin:0}
  .blg-side-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}
  .blg-prog{display:none!important}
}
/* the white sheet that holds the whole article (text, contact, FAQ, tags) */
.blg-sheet{background:#fff;border:1px solid rgba(16,25,40,.06);border-radius:28px;padding:clamp(24px,3.6vw,56px);box-shadow:0 26px 44px -18px rgba(30,64,130,.28),0 4px 10px rgba(30,64,130,.06)}
@media (max-width:600px){.blg-sheet{border-radius:22px;padding:24px 18px}}
.blg-sheet>.blg-toc:first-child{margin-top:0}   /* a post without a lead line */
.ab .blg-lead{margin:0;font-size:var(--fs-lead);line-height:1.6;color:var(--text-strong);padding-left:18px;border-left:4px solid var(--orange)}

/* ---------- On this page (9 sections) ---------- */
.blg-toc{margin-top:var(--blg-gap);border:1px solid rgba(16,25,40,.08);border-radius:20px;background:#f4f8fd}
.blg-toc summary{display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 20px;cursor:pointer;list-style:none;font-size:var(--fs-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-strong)}
.blg-toc summary::-webkit-details-marker{display:none}
.blg-toc summary .blg-ic{color:var(--orange)}
.blg-toc-count{margin-left:auto;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-body)}
.blg-toc summary:focus-visible{outline:2px solid var(--navy);outline-offset:-2px;border-radius:20px}
.blg-toc ol{list-style:none;margin:0;padding:0 12px 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px 12px}
.blg-toc a{display:flex;align-items:baseline;gap:10px;min-height:44px;padding:10px 12px;border-radius:12px;font-size:var(--fs-label);line-height:1.45;color:var(--text-body);transition:background .25s,color .25s,box-shadow .25s}
.blg-toc-n{flex:none;font-weight:700;font-variant-numeric:tabular-nums;color:rgba(16,25,40,.62);transition:color .25s}
@media (hover:hover){.blg-toc a:hover{background:#fff;color:var(--text-strong)}}
.blg-toc a.on{background:#f46a100f;color:var(--blg-o);font-weight:600;box-shadow:inset 3px 0 0 var(--orange)}
.blg-toc a.on .blg-toc-n{color:var(--orange)}
.blg-toc a:focus-visible{outline:2px solid var(--navy);outline-offset:1px}

/* ---------- the article text: one rhythm for every element ---------- */
.blg-prose{margin-top:var(--blg-gap);font-size:var(--fs-body);line-height:1.8;color:var(--text-body);text-align:left}
.blg-prose>*{margin:0}
.ab .blg-prose>*+*{margin-top:var(--blg-p)}   /* .ab p{margin:0} must not win */
.ab .blg-prose p{font-size:var(--fs-body);line-height:1.8;color:var(--text-body)}
.ab .blg-prose h2,.ab .blg-contact h2,.ab .blg-faq h2{margin:0;font-size:calc(var(--fs-h2) * .56);font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--blg-o)}
.ab .blg-prose>h2{margin-top:var(--blg-gap);padding-top:var(--blg-gap);border-top:1px solid rgba(16,25,40,.08)}
.ab .blg-prose>h2+*{margin-top:var(--gap-h2-rule)}
.ab .blg-prose h3{font-size:var(--fs-h3);font-weight:700;line-height:1.35;color:var(--navy)}
.ab .blg-prose>h3{margin-top:calc(var(--blg-gap) * .8)}
.ab .blg-prose>h3+*{margin-top:calc(var(--gap-h2-rule) * .6)}
.ab .blg-prose>h2+h3{margin-top:var(--gap-h2-rule)}            /* a sub-point right under a section heading: same gap as text */
.ab .blg-prose p+p{margin-top:var(--blg-p)}                /* beats the site-wide .ab p+p (.8em) so every paragraph gap is the same */
/* every point has a bullet (orange), ordered lists keep their numbers */
.blg-prose ul,.blg-prose ol,.blg-faq .faq-a-in ul,.blg-faq .faq-a-in ol{padding-left:1.35em}
.blg-prose ul{list-style:disc}
.blg-prose ol{list-style:decimal}
.blg-prose li{padding-left:.25em;line-height:1.7}
.blg-prose li+li{margin-top:10px}
.blg-prose li::marker{color:var(--orange);font-weight:700}
.blg-prose strong{color:var(--text-strong);font-weight:600}
.blg-prose a,.blg-faq .faq-a-in a{color:#1a0dab;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
@media (hover:hover){.blg-prose a:hover,.blg-faq .faq-a-in a:hover{color:#0b3d91;text-decoration-thickness:2px}}
.blg-prose a:focus-visible{outline:2px solid var(--navy);outline-offset:2px;border-radius:4px}
/* the table scrolls sideways inside its own box on phones, never the page */
.blg-prose table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;border:1px solid rgba(16,25,40,.08);border-radius:18px;font-size:var(--fs-label);line-height:1.5}
.blg-prose thead,.blg-prose tbody{display:table;width:100%;min-width:620px;table-layout:fixed}
.blg-prose th,.blg-prose td{padding:12px 16px;text-align:left;vertical-align:top;border-top:1px solid rgba(16,25,40,.08)}
.blg-prose thead th{border-top:0;background:var(--navy);color:#fff;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.blg-prose tbody tr:nth-child(even){background:#f4f8fd}

/* ---------- Get in touch with Brand Elite (navy card: light text, readable) ---------- */
.blg-contact{margin-top:var(--blg-gap);padding:clamp(24px,2.8vw,40px);border-radius:24px;background:radial-gradient(120% 120% at 100% 0%,#132a57 0%,#0b1a3d 50%,#050a18 100%);box-shadow:0 26px 44px -18px rgba(16,25,40,.5)}
.ab .blg-prose>.blg-contact{margin-top:var(--blg-gap)}
.ab .blg-prose>h2+.blg-contact{margin-top:var(--gap-h2-rule)}   /* right under a "Contact Us" heading */
.ab .blg-contact .blg-ct-t{margin:0 0 var(--gap-h2-rule);font-size:calc(var(--fs-h2) * .56);font-weight:700;line-height:1.25;letter-spacing:-.01em;color:#fff}
.blg-ct-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 32px}   /* left: phone, email, website; right: the address */
@media (max-width:700px){.blg-ct-grid{grid-template-columns:minmax(0,1fr)}}
.blg-prose .blg-contact ul,.blg-contact ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.blg-prose .blg-contact li,.blg-contact li{display:flex;gap:14px;align-items:flex-start;margin:0;padding:0;font-size:var(--fs-body);line-height:1.55;color:var(--text-on-dark)}
.blg-contact li>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.blg-contact b{font-size:var(--fs-label);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-on-dark-muted)}
.blg-prose .blg-contact li a,.blg-contact li a{color:#fff;font-weight:600;text-decoration:none;word-break:break-word}
@media (hover:hover){.blg-prose .blg-contact li a:hover,.blg-contact li a:hover{color:var(--amber);text-decoration:underline}}
.blg-contact li a:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}
.blg-ct-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:var(--blg-gap);padding-top:var(--blg-gap);border-top:1px solid rgba(255,255,255,.12)}
.ab .blg-contact .blg-ct-cta p{flex:1 1 280px;margin:0;font-size:var(--fs-body);line-height:1.6;color:var(--text-on-dark)}
.blg-prose .blg-contact .rm{color:#fff;text-decoration:none;font-weight:500}
.blg-ct-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:rgba(244,106,16,.16);border:1px solid rgba(247,137,19,.3);color:#f78913}   /* the dark icon tile (.ab-dark .ab-ic) */

/* ---------- FAQ inside the article: the Home FAQ cards, without the big section around them ---------- */
.blg-faq.faq100{height:auto;min-height:0;overflow:visible;display:block;margin-top:var(--blg-gap);padding:0;background:none}
.ab .blg-faq.faq100 h2{font-size:calc(var(--fs-h2) * .56)!important;text-align:left}
.blg-faq .faq-list{margin-top:var(--gap-h2-rule)}
.blg-faq.faq100.v4 .acclist{display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:14px;align-items:start}
.blg-faq-col{display:flex;flex-direction:column;gap:14px;min-width:0}
@media (max-width:900px){.blg-faq.faq100.v4 .acclist{grid-template-columns:minmax(0,1fr)}}
.blg-faq .faq-a-in p{margin:0}

/* ---------- 5 tags (open the category) + share ---------- */
.blg-foot{display:grid;gap:var(--gap-h2-rule);margin-top:var(--blg-gap);padding-top:var(--blg-gap);border-top:1px solid rgba(16,25,40,.08)}
.blg-foot>div{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.blg-foot ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.ab .blg-foot-h{display:inline-flex;align-items:center;gap:8px;min-width:84px;margin:0;font-size:var(--fs-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-strong)}
.blg-foot-h .blg-ic{color:#e0580b}
.blg-tags a{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:999px;background:#f4f8fd;border:1px solid rgba(16,25,40,.08);font-size:var(--fs-label);font-weight:500;color:var(--text-body);transition:background .25s,color .25s,border-color .25s}   /* tags: pill, --fs-label, --text-body on a pale fill (DESIGN.md 6g) */
@media (hover:hover){.blg-tags a:hover{background:#f46a100f;border-color:#f46a1040;color:var(--blg-o)}}
.blg-share a,.blg-share button{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f4f8fd;border:1px solid rgba(16,25,40,.08);color:var(--navy);cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease)}
@media (hover:hover){
  .blg-share a:hover,.blg-share button:hover{color:#fff;transform:translateY(-2px);border-color:transparent;background:var(--grad)}   /* logo orange for every network */
}
.blg-tags a:focus-visible,.blg-share a:focus-visible,.blg-share button:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.blg-copied{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);padding:4px 10px;border-radius:8px;background:var(--navy);color:#fff;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .25s;pointer-events:none}
.blg-copied.on{opacity:1}

/* ================= SIDEBAR panels ================= */
.blg-panel{padding:22px 20px;background:#fff;border:1px solid rgba(16,25,40,.06);border-radius:22px;box-shadow:0 18px 34px -22px rgba(30,64,130,.35)}
.ab .blg-side-h{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:var(--fs-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-strong)}
.blg-side-h .blg-ic{color:#e0580b}
.blg-side ul{list-style:none;margin:0;padding:0}
/* progress ring */
.blg-prog{display:flex;align-items:center;gap:14px}
.blg-ring{position:relative;flex:none;width:56px;height:56px}
.blg-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.blg-ring circle{fill:none;stroke:#d6e4f5;stroke-width:4}
.blg-ring .blg-ring-v{stroke:var(--orange);stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:calc(119.4 * (1 - var(--p,0)))}
.blg-pc{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--text-strong)}
.ab .blg-panel-h{margin:0;font-size:var(--fs-body);font-weight:700;color:var(--text-strong)}
.ab .blg-panel-s{margin:2px 0 0;font-size:var(--fs-label);color:var(--text-body)}
/* categories with live counts */
.blg-cats ul{display:flex;flex-direction:column;gap:6px}
.blg-cats a{display:flex;align-items:center;gap:14px;min-height:54px;padding:8px 10px;border-radius:14px;font-size:var(--fs-label);font-weight:600;color:var(--text-strong);transition:background .25s,color .25s}
.blg-cat-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:linear-gradient(140deg,#fff2e6,#ffe1c7);color:#e0580b;transition:background .25s,color .25s}   /* the site icon tile (.ab-ic, DESIGN.md 4) */
.blg-cat-ic .mm-svg{width:18px;height:18px}
.blg-cat-n{flex:1;min-width:0}
.blg-count{display:inline-grid;place-items:center;min-width:28px;height:24px;padding:0 8px;border-radius:999px;background:#d6e4f5;color:var(--text-strong);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
@media (hover:hover){.blg-cats a:hover{background:#f46a100f;color:var(--blg-o)}}
.blg-cats a.on{background:#f46a100f;color:var(--blg-o);box-shadow:inset 3px 0 0 var(--orange)}
.blg-cats a.on .blg-cat-ic{background:var(--grad);color:#fff}
@media (hover:hover){.blg-cats a:hover .blg-cat-ic{background:var(--grad);color:#fff}}
.blg-cats a.on .blg-count{background:var(--grad);color:#fff}
.blg-cats a:focus-visible{outline:2px solid var(--navy);outline-offset:1px}
/* help card + small button (DESIGN.md 6b) */
.blg-help{padding:24px 22px;border-radius:22px;background:radial-gradient(120% 120% at 100% 0%,#132a57 0%,#0b1a3d 50%,#050a18 100%)}
.ab .blg-help-h{margin:0;font-size:var(--fs-body);font-weight:700;color:#fff}
.ab .blg-help p:not(.blg-help-h){margin:6px 0 16px;font-size:var(--fs-label);line-height:1.55;color:var(--text-on-dark)}
.blg-help .rm svg,.blg-card-btn svg,.blg-soon .rm svg,.blg-rec-cta .rm svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ================= CARDS (Latest from Our Blog + category pages): clickable, DESIGN.md 6j ================= */
.blg-rec,.blg-list{padding-top:var(--space-section);padding-bottom:var(--space-section)}
.blg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,28px);margin-top:var(--blg-gap)}
@media (max-width:1100px){.blg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.blg-grid{grid-template-columns:minmax(0,1fr)}}
.blg-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(16,25,40,.06);border-radius:24px;overflow:hidden;box-shadow:0 18px 34px -22px rgba(30,64,130,.35);transition:transform .35s var(--ease),box-shadow .35s}
.blg-card-im{display:block;aspect-ratio:16/9;overflow:hidden;background:#d6e4f5}
.blg-card-im img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.blg-card-b{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-rule-lead);padding:clamp(22px,1.8vw,28px);flex:1}
.blg-card-cat{position:relative;z-index:3;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border-radius:999px;background:linear-gradient(140deg,#fff2e6,#ffe1c7);color:var(--blg-o);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.blg-card-cat .mm-svg{width:14px;height:14px}
@media (hover:hover){.blg-card-cat:hover{background:var(--grad);color:#fff}}
.ab .blg-card-meta{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--fs-label);color:var(--text-body)}
.blg-card-meta .blg-ic{width:16px;height:16px;color:var(--orange)}
.ab .blg-card h3{margin:0;font-size:var(--fs-h3);line-height:1.35;color:var(--navy);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blg-card h3 a{color:inherit;transition:color .3s}
.blg-card h3 a::after{content:"";position:absolute;inset:0;z-index:2}
.ab .blg-card-x{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}   /* body size (DESIGN.md 3) */
.ab .blg-card .blg-card-btn{margin-top:auto}   /* beats .ab .rm{margin-top:0}: every button sits on the same line at the bottom */
/* card hover (DESIGN.md 6j) + the button shows the standard button hover (6b): fill fades, orange border + label, halo, arrow 4px */
@media (hover:hover){.blg-card:hover{transform:translateY(-6px);box-shadow:0 26px 40px -22px rgba(30,64,130,.45)}.blg-card:hover .blg-card-im img{transform:scale(1.025)}.blg-card:hover h3 a{color:var(--blg-o)}
  .blg-card:hover .blg-card-btn{color:var(--hov);border-color:var(--orange);box-shadow:0 0 0 5px #f46a101c}.blg-card:hover .blg-card-btn:before{opacity:0}.blg-card:hover .blg-card-btn svg{transform:translate(4px)}}
.blg-card:focus-within{outline:2px solid var(--navy);outline-offset:3px}
.blg-card-cat:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.blg-rec-cta{display:flex;justify-content:center;margin-top:var(--blg-gap)}
.blg-rec-cta .rm,.blg-soon .rm{display:inline-flex;align-items:center}

/* ================= CATEGORY page: category bar + "coming soon" ================= */
.blg-catbar ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;margin:0;padding:0}
.blg-catbar a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 8px 6px 16px;border-radius:999px;background:#fff;border:1px solid rgba(16,25,40,.08);font-size:var(--fs-label);font-weight:600;color:var(--text-strong);box-shadow:0 10px 22px -18px rgba(30,64,130,.4);transition:background .25s,color .25s,border-color .25s}
.blg-catbar a .mm-svg,.blg-catbar a .blg-ic{width:16px;height:16px;color:#e0580b}
@media (hover:hover){.blg-catbar a:hover{border-color:#f46a1040;color:var(--blg-o)}}
.blg-catbar a.on{background:var(--navy);border-color:var(--navy);color:#fff}
.blg-catbar a.on .mm-svg,.blg-catbar a.on .blg-ic{color:var(--amber)}
.blg-catbar a.on .blg-count{background:var(--grad);color:#fff}
.blg-catbar a:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
@media (max-width:700px){.blg-catbar ul{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.blg-catbar a{white-space:nowrap}}
.blg-soon{max-width:760px;margin:var(--blg-gap) auto 0;padding:clamp(28px,4vw,56px);text-align:center;background:#fff;border:1px solid rgba(16,25,40,.06);border-radius:28px;box-shadow:0 26px 44px -18px rgba(30,64,130,.28)}
.blg-soon-ic{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:22px;background:var(--grad);color:#fff;box-shadow:0 16px 30px -12px rgba(244,106,16,.55)}
.blg-soon-ic .blg-ic{width:34px;height:34px}
.ab .blg-soon h2{margin:var(--blg-gap) 0 0;font-size:calc(var(--fs-h2) * .62);line-height:1.2;color:var(--navy)}
.ab .blg-soon p{margin:var(--gap-rule-lead) auto 0;max-width:34em}
.blg-soon-cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin-top:var(--blg-gap)}
.blg-soon-2{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--blg-o);text-decoration:underline;text-underline-offset:3px}

@media (prefers-reduced-motion:reduce){.blg-card:hover,.blg-share a:hover,.blg-share button:hover{transform:none}.blg-card:hover .blg-card-im img{transform:none}}

/* links inside a blog post (article text + FAQ answers) use the standard link blue, Lohith 17 Oct 2026 */

/* category intro above the cards (SEO audit, 18 Oct 2026) */
.blg-list p.blg-cat-intro{max-width:46em;margin:var(--gap-head-body) auto 0;text-align:center;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body)}
.blg-cat-intro a{color:#c2410c;text-decoration:underline;text-underline-offset:3px}
.blg-cat-intro a:hover{text-decoration-thickness:2px}