/* Blog module - pure CSS/Bootstrap, no blog-specific JavaScript */
:root{
  --blog-surface:#fff;
  --blog-surface-soft:#f7f8fa;
  --blog-text:#1d2530;
  --blog-muted:#667085;
  --blog-border:#e8ebef;
  --blog-accent:#f5a623;
  --blog-accent-dark:#d78700;
  --blog-shadow:0 12px 34px rgba(20,31,44,.09);
}
.blog-shell{padding:70px 0;background:var(--blog-surface-soft)}
.blog-card{height:100%;background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(20,31,44,.04);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.blog-card:hover{transform:translateY(-6px);box-shadow:var(--blog-shadow);border-color:rgba(245,166,35,.35)}
.blog-card__image{display:block;position:relative;overflow:hidden;aspect-ratio:16/10;background:#eef1f4}
.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.blog-card:hover .blog-card__image img{transform:scale(1.04)}
.blog-card__body{padding:24px}
.blog-card__eyebrow{display:inline-block;margin-bottom:12px;color:var(--blog-accent-dark);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.blog-card h2{font-size:22px;line-height:1.35;margin:0 0 12px}
.blog-card h2 a{color:var(--blog-text)}
.blog-card p{color:var(--blog-muted);margin-bottom:18px}
.blog-read-more{font-weight:700;color:var(--blog-accent-dark)}
.blog-read-more i{margin-left:6px;transition:transform .2s ease}
.blog-read-more:hover i{transform:translateX(4px)}
.blog-hero-img{width:100%;max-height:440px;object-fit:contain;border-radius:16px;box-shadow:var(--blog-shadow)}
.blog-article{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:16px;padding:38px;box-shadow:0 6px 24px rgba(20,31,44,.05)}
.blog-article h1{font-size:36px;line-height:1.25;margin:0 0 22px;color:var(--blog-text)}
.blog-article h2{font-size:27px;line-height:1.35;margin:34px 0 14px;color:var(--blog-text)}
.blog-article h3{font-size:21px;line-height:1.4;margin:28px 0 12px;color:var(--blog-text)}
.blog-article p,.blog-article li{font-size:16px;line-height:1.8;color:#475467}
.blog-article p{margin-bottom:16px}
.blog-article a{color:var(--blog-accent-dark);text-decoration:underline;text-underline-offset:3px}
.blog-list{padding-left:22px;margin:12px 0 22px}
.blog-list li{margin-bottom:8px}
.blog-table-wrap{overflow-x:auto;margin:20px 0 28px;border:1px solid var(--blog-border);border-radius:12px}
.blog-comparison-table{margin:0;background:#fff;min-width:680px}
.blog-comparison-table th{background:#202833;color:#fff;font-weight:700}
.blog-comparison-table th,.blog-comparison-table td{padding:14px 16px;vertical-align:top;border-color:var(--blog-border)}
.blog-share{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:18px 0 0;margin-top:26px;border-top:1px solid var(--blog-border)}
.blog-share__label{font-weight:700;margin-right:4px;color:var(--blog-text)}
.blog-share a{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:9px;color:#fff!important;text-decoration:none!important;transition:transform .2s ease,opacity .2s ease}
.blog-share a:hover{transform:translateY(-2px);opacity:.9}
.blog-share .facebook{background:#1877f2}.blog-share .linkedin{background:#0a66c2}.blog-share .whatsapp{background:#25d366}
.related-posts{margin-top:46px}
.related-posts__title{font-size:28px;margin-bottom:22px}
.blog-breadcrumb-current{max-width:560px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:bottom}
.blog-intro{text-align:center;max-width:760px;margin:0 auto 38px}
.blog-intro h1{font-size:36px;margin-bottom:12px}
.blog-intro p{color:var(--blog-muted);font-size:17px}
@media (prefers-color-scheme:dark){
  .blog-shell{background:#15191f}
  .blog-card,.blog-article{background:#1d232b;border-color:#303946}
  .blog-card h2 a,.blog-article h1,.blog-article h2,.blog-article h3,.blog-share__label,.blog-intro h1{color:#f6f7f9}
  .blog-card p,.blog-article p,.blog-article li,.blog-intro p{color:#c5ccd6}
  .blog-comparison-table{background:#1d232b;color:#e9edf2}.blog-comparison-table td{color:#d8dee7;border-color:#303946}
}
@media (max-width:991px){.blog-shell{padding:54px 0}.blog-article{padding:28px}.blog-article h1,.blog-intro h1{font-size:32px}}
@media (max-width:575px){.blog-shell{padding:42px 0}.blog-card__body{padding:19px}.blog-article{padding:20px;border-radius:12px}.blog-article h1,.blog-intro h1{font-size:27px}.blog-article h2{font-size:23px}.blog-article h3{font-size:19px}.blog-article p,.blog-article li{font-size:15px;line-height:1.75}.blog-share a{min-width:40px;padding:0 11px}}
@media (prefers-reduced-motion:reduce){.blog-card,.blog-card__image img,.blog-read-more i,.blog-share a{transition:none!important}}