/* Imported blog-post component styles (from Namit's static blog pages, 2026-07-28) */
.hero-image-container{width:100%;max-height:400px;overflow:hidden;background:linear-gradient(to bottom,var(--blue-soft),var(--card-2));display:flex;align-items:center;justify-content:center}
.hero-image{width:100%;height:auto;object-fit:cover;display:block}
.blog-content{padding:35px}
.blog-content p{font-size:1rem;line-height:1.8;color:var(--ink);margin-bottom:20px}
.blog-content h2{font-family:var(--display);font-size:1.28rem;font-weight:700;color:var(--deep);margin:32px 0 15px;padding-bottom:8px;border-bottom:2px solid var(--line)}
.blog-content h3{font-family:var(--display);font-size:1.08rem;font-weight:600;color:var(--deep-3);margin:25px 0 12px}
.blog-content ul,.blog-content ol{margin:15px 0 20px;padding-left:25px}
.blog-content li{margin-bottom:10px;line-height:1.65;color:var(--ink)}
.blog-content strong{color:var(--deep)}
@media(max-width:600px){
.blog-content{padding:22px}
}
.direct-answer{background:linear-gradient(135deg,#eef5ff 0%,#f7fbff 100%);border:1px solid var(--blue-soft);border-left:4px solid var(--blue);border-radius:var(--r-md);padding:18px 22px;margin-bottom:22px;box-shadow:0 2px 8px rgba(16,41,77,.06)}
.direct-answer .da-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:.78rem;color:var(--blue-ink);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.direct-answer .da-label i{color:var(--saffron)}
.blog-content .direct-answer p{font-size:1rem;line-height:1.75;color:var(--ink);margin:0;font-weight:500}
.course-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,var(--card-2) 0%,#fff 100%);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 20px;margin-bottom:20px}
.course-callout__txt{display:flex;flex-direction:column;gap:3px}
.course-callout__txt strong{font-family:var(--display);font-size:.98rem;color:var(--deep)}
.course-callout__txt span{font-size:.85rem;color:var(--muted)}
.course-callout__btn{display:inline-flex;align-items:center;gap:8px;background:var(--deep);color:#fff!important;padding:10px 18px;border-radius:var(--r-sm);text-decoration:none;font-weight:600;font-size:.85rem;white-space:nowrap;transition:all .25s var(--ease)}
.course-callout__btn:hover{background:var(--saffron);transform:translateY(-1px)}
.highlight-box{background:linear-gradient(to right,#eff6ff,#fff);border-left:4px solid var(--blue);padding:20px;margin:25px 0;border-radius:var(--r-sm)}
.highlight-box p{margin-bottom:0!important;font-weight:500}
.highlight-box i{color:var(--blue);margin-right:8px}
.highlight-box.caution{background:linear-gradient(to right,#fff7ed,#fff);border-left-color:var(--saffron)}
.highlight-box.caution i{color:var(--saffron-ink)}
.highlight-box.good{background:linear-gradient(to right,#f0fdf6,#fff);border-left-color:var(--green)}
.highlight-box.good i{color:var(--green-ink)}
.blog-table-wrap{overflow-x:auto;margin:22px 0;border:1px solid var(--line);border-radius:var(--r-md)}
table.blog-table{width:100%;border-collapse:collapse;font-size:.9rem}
table.blog-table thead tr{background:var(--deep);color:#fff}
table.blog-table th{padding:11px 14px;text-align:left;font-family:var(--display);font-size:.82rem;font-weight:600;white-space:nowrap}
table.blog-table td{padding:11px 14px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:top;line-height:1.55}
table.blog-table tr:last-child td{border-bottom:none}
table.blog-table tbody tr:nth-child(even){background:var(--card-2)}
table.blog-table td:first-child{font-weight:600;color:var(--deep)}
.table-note{font-size:.8rem;color:var(--muted);margin:-12px 0 22px;font-style:italic}
.sources-box{background:var(--card-2);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:var(--r-md);padding:20px 22px;margin:30px 0 10px}
.sources-box__head{display:flex;align-items:center;gap:9px;font-family:var(--display);font-size:.82rem;font-weight:700;color:var(--green-ink);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.sources-box__sub{font-size:.84rem;color:var(--muted);margin-bottom:14px}
.sources-box ul{list-style:none;padding:0!important;margin:0!important}
.sources-box li{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;font-size:.88rem;line-height:1.6;padding:9px 0;border-bottom:1px dashed var(--line);margin:0}
.sources-box li:last-child{border-bottom:none}
.sources-box .src-agency{font-weight:700;color:var(--deep)}
.sources-box .src-checked{font-size:.78rem;color:var(--muted);white-space:nowrap}
.sources-box a{color:var(--blue-ink);text-decoration:none;border-bottom:1px solid var(--blue-soft);word-break:break-word}
.sources-box a:hover{border-bottom-color:var(--blue)}
.cta-link{display:flex;width:fit-content;align-items:center;gap:8px;background:var(--saffron);color:#fff!important;padding:13px 26px;border-radius:var(--r-sm);text-decoration:none;font-family:var(--display);font-weight:600;margin:26px auto;transition:all .3s var(--ease)}
.cta-link:hover{background:var(--deep);transform:translateY(-2px)}
.faq-section{margin:35px 0 25px}
.faq-section h2{margin-bottom:20px}
.faq-item{background:linear-gradient(135deg,#f0f7ff 0%,#e8f4fd 100%);border-left:4px solid var(--blue);border-radius:var(--r-sm);padding:20px;margin-bottom:15px;box-shadow:0 2px 8px rgba(16,41,77,.05)}
.faq-item:last-child{margin-bottom:0}
.faq-question{font-family:var(--display);font-size:1rem;font-weight:700;color:var(--deep);margin-bottom:10px;display:flex;align-items:flex-start;gap:10px}
.faq-question i{color:var(--saffron);flex-shrink:0;margin-top:3px}
.blog-content .faq-answer{font-size:.95rem;line-height:1.7;color:var(--ink);padding-left:28px;margin-bottom:0}
.content-link{color:var(--blue-ink);font-weight:600;text-decoration:none;border-bottom:2px solid var(--saffron-soft);transition:all .2s var(--ease)}
.content-link:hover{color:var(--saffron-ink);border-bottom-color:var(--saffron)}
/* neutralise double padding inside Ghost article shell */
.article-content .blog-content{padding:0;}