/* iBrief Blog Toolkit — widget styles.
   Uses the same design tokens as the theme; falls back to sensible
   defaults via var(--x, fallback) in case the toolkit is used with a
   different theme. */

.ib-featured-card{background:var(--ib-white,#fff);border:1px solid var(--ib-line,#e3e9f2);border-radius:var(--ib-radius,14px);overflow:hidden;box-shadow:0 20px 40px -20px rgba(21,33,58,.15);}
.ib-featured-img{display:block;aspect-ratio:16/9.5;background:linear-gradient(135deg,#2f8fe0,#123a63) center/cover no-repeat;position:relative;}
.ib-featured-cat{position:absolute;top:16px;left:16px;background:#fff;color:var(--ib-sky-deep,#1c6cc4);font-family:var(--ib-font-mono,monospace);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;}
.ib-featured-body{padding:26px;}
.ib-featured-title{font-size:28px;margin:6px 0 12px;}
.ib-featured-title a{color:inherit;}
.ib-featured-excerpt{color:var(--ib-slate,#5a6a85);font-size:15px;line-height:1.6;margin-bottom:16px;}
.ib-featured-btn{margin-top:16px;}

.ib-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.ib-blog-grid.ib-cols-2{grid-template-columns:repeat(2,1fr);}
.ib-blog-grid.ib-cols-4{grid-template-columns:repeat(4,1fr);}
@media (max-width:900px){ .ib-blog-grid{grid-template-columns:repeat(2,1fr) !important;} }
@media (max-width:600px){ .ib-blog-grid{grid-template-columns:1fr !important;} }

.ib-card{background:var(--ib-white,#fff);border:1px solid var(--ib-line,#e3e9f2);border-radius:var(--ib-radius,14px);overflow:hidden;transition:.2s;}
.ib-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px -22px rgba(21,33,58,.28);}
.ib-card-img{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#d9ecfa,#9dc9ec) center/cover no-repeat;position:relative;}
.ib-card-cat{position:absolute;top:12px;left:12px;font-family:var(--ib-font-mono,monospace);font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:4px 10px;border-radius:999px;}
.ib-card-body{padding:18px 18px 20px;}
.ib-card-title{font-size:17px;margin-bottom:8px;line-height:1.35;}
.ib-card-title a{color:inherit;}
.ib-card-desc{font-size:13.5px;line-height:1.55;margin-bottom:14px;}
.ib-card-foot{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--ib-line,#e3e9f2);}
.ib-card-readmore{font-size:12.5px;font-weight:700;}

.cat-grid.ib-cat-cols-2{grid-template-columns:repeat(2,1fr);}
.cat-grid.ib-cat-cols-3{grid-template-columns:repeat(3,1fr);}