/* CTI Blog — single post page (Design 2 "Magazine + Sidebar"). Everything is scoped to #ctiPost. */
#ctiPost{--ink:#1a2d6b;--deep:#0f1d4a;--text:#263354;--muted:#55658c;--line:#eef1f5;--soft:#f6f9fd;--accent:#0070e0;--accent-ink:#0062c4;
  background:#f1f4f9;color:var(--ink);font-family:'Inter','Noto Sans Devanagari',system-ui,-apple-system,'Segoe UI',sans-serif;padding-bottom:48px}
#ctiPost *{box-sizing:border-box}
#ctiPost [lang="hi"]{font-family:'Noto Sans Devanagari','Inter',system-ui,sans-serif}
#ctiPost a{color:var(--accent-ink);text-decoration:none}
#ctiPost a:hover{color:#004a96;text-decoration:none}
#ctiPost img{max-width:100%}
#ctiPost .cp-wrap{max-width:1250px;margin:0 auto;padding:0 24px}

/* breadcrumb */
#ctiPost .cp-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:22px 0 16px;font-size:14px;color:var(--muted)}
#ctiPost .cp-crumb-now{color:var(--muted)}

/* layout */
#ctiPost .cp-grid{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
#ctiPost .cp-article{flex:999 1 600px;min-width:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 1px 3px rgba(15,29,74,.06)}
#ctiPost .cp-side{flex:1 1 320px;max-width:360px;display:flex;flex-direction:column;gap:20px}
/* sticky sidebar on desktop: stays below the sticky header; scrolls inside itself if taller than the screen */
@media (min-width:1001px){
  #ctiPost .cp-side{position:-webkit-sticky;position:sticky;top:calc(var(--cti-head-h,0px) + 16px);max-height:calc(100vh - var(--cti-head-h,0px) - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:2px}
  #ctiPost .cp-side::-webkit-scrollbar{width:6px}
  #ctiPost .cp-side::-webkit-scrollbar-thumb{background:#c9d4e4;border-radius:3px}
}

/* article head */
#ctiPost .cp-hero{background:#dcebfd;aspect-ratio:2/1;overflow:hidden}
#ctiPost .cp-hero img{width:100%;height:100%;object-fit:cover;display:block}
#ctiPost .cp-body{padding:32px 40px 40px}
#ctiPost .cp-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:14px;color:var(--muted)}
#ctiPost .cp-badge{background:var(--accent);color:#fff!important;font-weight:700;font-size:13px;padding:5px 12px;border-radius:6px}
#ctiPost .cp-badge:hover{background:#005bb8}
#ctiPost .cp-title{margin:16px 0 18px;font-size:38px;line-height:1.3;font-weight:700;color:var(--deep);letter-spacing:normal;text-transform:none}
#ctiPost .cp-byline{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--line)}
#ctiPost .cp-avatar{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#ctiPost .cp-byline b{font-size:15px}
#ctiPost .cp-share{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}
#ctiPost .cp-sh{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border-radius:8px;border:0;font:inherit;font-size:14px;font-weight:600;cursor:pointer;line-height:1}
#ctiPost .cp-sh-wa{background:#e9f7ee;color:#127a37!important}
#ctiPost .cp-sh-fb{background:#e8f1fe;color:#1767d6!important}
#ctiPost .cp-sh-li{background:#e7f0f8;color:#0a66c2!important}
#ctiPost .cp-sh-x{background:#f1f3f6;color:#111!important;padding:0 12px}
#ctiPost .cp-sh-copy{background:#f1f3f6;color:#33415f}
#ctiPost .cp-sh:hover{filter:brightness(.96)}

/* table of contents */
#ctiPost .cp-toc{margin:26px 0 8px;background:var(--soft);border:1px solid #e3eaf3;border-radius:14px;padding:18px 22px}
#ctiPost .cp-toc b{font-size:16px;color:var(--deep)}
#ctiPost .cp-toc ol{margin:10px 0 0;padding:0;list-style:none;counter-reset:ctitoc;display:flex;flex-direction:column;gap:6px;font-size:16px;line-height:1.5}
#ctiPost .cp-toc li{list-style:none;display:flex;gap:8px}
#ctiPost .cp-toc .cp-toc-l2{counter-increment:ctitoc}
#ctiPost .cp-toc .cp-toc-l2::before{content:counter(ctitoc) ".";color:var(--muted);min-width:20px;flex-shrink:0}
#ctiPost .cp-toc .cp-toc-l3{padding-left:28px;font-size:15px}
#ctiPost .cp-toc .cp-toc-l3::before{content:"–";color:var(--muted);flex-shrink:0}

/* post content (HTML from the admin panel) */
#ctiPost .cp-prose{margin-top:22px;font-size:18px;line-height:1.85;color:var(--text);overflow-wrap:break-word}
#ctiPost .cp-prose p{margin:0 0 18px}
#ctiPost .cp-prose h2,#ctiPost .cp-prose h3,#ctiPost .cp-prose h4{color:var(--deep);line-height:1.35;text-transform:none;letter-spacing:normal;scroll-margin-top:calc(var(--cti-head-h,0px) + 16px)}
#ctiPost .cp-prose h2{font-size:26px;margin:40px 0 12px;font-weight:700}
#ctiPost .cp-prose h3{font-size:21px;margin:30px 0 10px;font-weight:700}
#ctiPost .cp-prose h4{font-size:18px;margin:24px 0 8px;font-weight:700}
#ctiPost .cp-prose ul,#ctiPost .cp-prose ol{margin:0 0 18px;padding-left:24px}
#ctiPost .cp-prose li{margin-bottom:6px}
#ctiPost .cp-prose ul li{list-style:disc}
#ctiPost .cp-prose ol li{list-style:decimal}
#ctiPost .cp-prose a{text-decoration:underline;text-underline-offset:3px}
#ctiPost .cp-prose img{height:auto;border-radius:14px;margin:8px 0 18px}
#ctiPost .cp-prose blockquote{margin:26px 0;padding:6px 0 6px 22px;border-left:4px solid var(--accent);color:var(--deep);font-size:20px;font-style:italic}
#ctiPost .cp-prose table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:16px;display:block;overflow-x:auto}
#ctiPost .cp-prose th,#ctiPost .cp-prose td{border:1px solid #e3eaf3;padding:10px 14px;text-align:left;vertical-align:top}
#ctiPost .cp-prose th{background:#f2f8fe}
#ctiPost .cp-prose iframe,#ctiPost .cp-prose video{max-width:100%;border-radius:14px}
#ctiPost .cp-prose pre{overflow-x:auto;background:#0f1d4a;color:#e7eefc;padding:16px;border-radius:12px;font-size:14px}

/* sidebar */
#ctiPost .cp-card{background:#fff;border-radius:18px;padding:22px}
#ctiPost .cp-card-title{margin:0 0 10px;font-size:17px;font-weight:700;color:var(--deep);text-transform:none;letter-spacing:normal}
#ctiPost .cp-cat{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 10px;margin:0 -10px;border-radius:10px;font-size:15px;font-weight:600;color:var(--ink)!important}
#ctiPost .cp-cat:hover{background:#f2f6fc}
#ctiPost .cp-cat.is-active{background:#e8f3ff;color:var(--accent-ink)!important}
#ctiPost .cp-cat-n{min-width:28px;height:24px;padding:0 8px;border-radius:12px;background:#eef2f7;color:var(--muted);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
#ctiPost .cp-latest{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f3f8;color:var(--ink)!important}
#ctiPost .cp-latest:last-child{border-bottom:0}
#ctiPost .cp-latest:hover .cp-latest-t{color:var(--accent-ink)}
#ctiPost .cp-thumb{width:64px;height:64px;flex-shrink:0;border-radius:10px;overflow:hidden;background:#e4ecf7}
#ctiPost .cp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
#ctiPost .cp-latest-t{font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#ctiPost .cp-cta{background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:10px;padding:24px}
#ctiPost .cp-eyebrow{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#9cc8ff}
#ctiPost .cp-cta h2{margin:0;font-size:20px;line-height:1.35;color:#fff;font-weight:700;text-transform:none;letter-spacing:normal}
#ctiPost .cp-cta p{margin:0;font-size:14px;line-height:1.6;color:#c9d6f2}
#ctiPost .cp-cta-btn{height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;color:var(--ink)!important;font-weight:700;font-size:14px}
#ctiPost .cp-cta-btn:hover{background:#e3ebf6}

/* related */
#ctiPost .cp-related{margin-top:48px}
#ctiPost .cp-related h2{font-size:24px;margin:0 0 20px;color:var(--deep);font-weight:700;text-transform:none}
#ctiPost .cp-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
#ctiPost .cp-rel{background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;color:var(--deep)!important;box-shadow:0 1px 2px rgba(15,29,74,.06);transition:transform .2s,box-shadow .2s}
#ctiPost .cp-rel:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,29,74,.10)}
#ctiPost .cp-rel-img{aspect-ratio:16/10;background:#dcebfd;overflow:hidden}
#ctiPost .cp-rel-img img{width:100%;height:100%;object-fit:cover;display:block}
#ctiPost .cp-rel-t{padding:16px;font-size:16px;font-weight:700;line-height:1.4}

/* not found */
#ctiPost .cp-notfound{background:#fff;border-radius:20px;padding:56px 24px;margin:32px 0;text-align:center}
#ctiPost .cp-notfound h1{font-size:30px;color:var(--deep);margin:0 0 10px}
#ctiPost .cp-notfound p{color:var(--muted);margin:0 0 22px}
#ctiPost .cp-btn{display:inline-flex;align-items:center;height:46px;padding:0 24px;border-radius:999px;background:var(--accent);color:#fff!important;font-weight:700}

/* like + comments block inside the card */
#ctiPost .cti-eng{margin-top:32px}

/* tablet / phone */
@media (max-width:1000px){
  #ctiPost .cp-side{max-width:none;flex-basis:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}
}
@media (max-width:640px){
  #ctiPost .cp-wrap{padding:0 12px}
  #ctiPost .cp-body{padding:22px 18px 28px}
  #ctiPost .cp-title{font-size:27px}
  #ctiPost .cp-prose{font-size:17px}
  #ctiPost .cp-prose h2{font-size:22px}
  #ctiPost .cp-share{margin-left:0;width:100%}
  #ctiPost .cp-sh{flex:1 1 auto;justify-content:center}
  #ctiPost .cp-article{border-radius:16px}
}