:root{
  --skbb-navy:#061b3a;
  --skbb-blue:#0b2d5c;
  --skbb-gold:#f5b82e;
  --skbb-bg:#f3f7fc;
  --skbb-text:#102033;
  --skbb-muted:#607086;
  --skbb-border:#e7edf5;
  --skbb-white:#ffffff;
  --skbb-shadow:0 18px 45px rgba(6,27,58,.10);
}

.skbb-wrap{font-family:Inter,Poppins,Arial,sans-serif;background:linear-gradient(180deg,#f8fbff 0%,#eef4fa 100%);color:var(--skbb-text);padding:42px 20px 80px;width:100%;}
.skbb-wrap *{box-sizing:border-box;}
.skbb-hero,.skbb-featured,.skbb-main{max-width:1180px;margin-left:auto;margin-right:auto;}

.skbb-hero{background:radial-gradient(circle at 82% 20%,rgba(245,184,46,.16),transparent 28%),linear-gradient(135deg,var(--skbb-navy),#082d5f);border-radius:28px;padding:58px;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;box-shadow:var(--skbb-shadow);overflow:hidden;}
.skbb-label{display:inline-block;color:var(--skbb-gold);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:15px;}
.skbb-hero h1{color:#fff;font-size:52px;line-height:1.06;letter-spacing:-1.8px;margin:0 0 18px;font-weight:900;}
.skbb-hero p{color:#dce8f7;font-size:17px;line-height:1.7;margin:0 0 28px;max-width:560px;}
.skbb-search{max-width:520px;background:#fff;border-radius:16px;padding:8px;display:flex;gap:8px;box-shadow:0 14px 35px rgba(0,0,0,.16);}
.skbb-search input{flex:1;border:0;outline:0;padding:15px 17px;font-size:15px;min-width:0;}
.skbb-search button{border:0;background:var(--skbb-gold);color:var(--skbb-navy);border-radius:12px;padding:0 24px;font-weight:900;cursor:pointer;}
.skbb-hero-img{text-align:center;}
.skbb-hero-img img{width:100%;max-width:500px;height:auto;display:block;margin:auto;filter:drop-shadow(0 22px 35px rgba(0,0,0,.22));}

.skbb-featured{margin-top:42px;background:#fff;border:1px solid var(--skbb-border);border-radius:24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:0;overflow:hidden;box-shadow:var(--skbb-shadow);}
.skbb-featured-img{min-height:330px;background:#eaf1f8;}
.skbb-featured-img a,.skbb-featured-img img{display:block;width:100%;height:100%;}
.skbb-featured-img img{object-fit:cover;}
.skbb-featured-content{padding:42px;display:flex;flex-direction:column;justify-content:center;}
.skbb-featured-content span{color:#b88410;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;}
.skbb-featured-content h2{font-size:34px;line-height:1.18;margin:0 0 15px;font-weight:900;letter-spacing:-.6px;}
.skbb-featured-content h2 a{color:var(--skbb-navy);text-decoration:none;}
.skbb-featured-content p{color:var(--skbb-muted);line-height:1.7;font-size:16px;margin:0 0 22px;}
.skbb-btn{display:inline-flex;align-self:flex-start;background:var(--skbb-gold);color:var(--skbb-navy)!important;text-decoration:none!important;padding:13px 20px;border-radius:12px;font-weight:900;}

.skbb-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;margin-top:44px;align-items:start;}
.skbb-head{margin-bottom:22px;}
.skbb-head h2{font-size:34px;line-height:1.2;margin:0 0 7px;color:var(--skbb-navy);font-weight:900;letter-spacing:-.5px;}
.skbb-head p{margin:0;color:var(--skbb-muted);font-size:15px;}
.skbb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;}

.skbb-card{background:#fff;border:1px solid var(--skbb-border);border-radius:22px;overflow:hidden;box-shadow:0 14px 36px rgba(6,27,58,.08);display:flex;flex-direction:column;min-height:100%;transition:.25s ease;}
.skbb-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(6,27,58,.14);}
.skbb-card-img{height:245px;position:relative;display:block;overflow:hidden;background:#eef3f8;text-decoration:none;}
.skbb-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s ease;}
.skbb-card:hover .skbb-card-img img{transform:scale(1.05);}
.skbb-card-img span{position:absolute;left:14px;bottom:14px;background:var(--skbb-navy);color:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;}
.skbb-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eaf1f8,#fff);color:var(--skbb-navy);font-weight:900;font-size:24px;}
.skbb-card-body{padding:25px;display:flex;flex-direction:column;flex:1;}
.skbb-cat{color:#b88410;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
.skbb-card h3{font-size:24px;line-height:1.24;margin:0 0 12px;font-weight:900;letter-spacing:-.3px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.skbb-card h3 a{color:var(--skbb-navy);text-decoration:none;}
.skbb-card p{color:#52647a;font-size:15px;line-height:1.62;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.skbb-card-footer{margin-top:auto;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;color:#6d7b8e;}
.skbb-card-footer a{color:var(--skbb-navy)!important;text-decoration:none!important;font-weight:900;white-space:nowrap;}

.skbb-sidebar{position:sticky;top:30px;display:flex;flex-direction:column;gap:22px;}
.skbb-box{background:#fff;border:1px solid var(--skbb-border);border-radius:20px;padding:24px;box-shadow:0 14px 36px rgba(6,27,58,.08);}
.skbb-box h3{font-size:18px;margin:0 0 18px;color:var(--skbb-navy);font-weight:900;}
.skbb-side-search{display:flex;border:1px solid var(--skbb-border);border-radius:13px;overflow:hidden;background:#fff;}
.skbb-side-search input{flex:1;min-width:0;border:0;outline:0;padding:13px;}
.skbb-side-search button{border:0;background:var(--skbb-navy);color:#fff;padding:0 14px;cursor:pointer;}
.skbb-categories,.skbb-recent{list-style:none;margin:0;padding:0;}
.skbb-categories li{border-bottom:1px solid var(--skbb-border);padding:11px 0;color:#6a7788;font-size:14px;}
.skbb-categories li:last-child,.skbb-recent li:last-child{border-bottom:0;}
.skbb-categories a,.skbb-recent a{color:var(--skbb-text)!important;text-decoration:none!important;font-weight:800;}
.skbb-recent li{border-bottom:1px solid var(--skbb-border);padding:12px 0;line-height:1.4;font-size:14px;}
.skbb-pagination{margin-top:34px;text-align:center;}
.skbb-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;margin:4px;min-width:40px;height:40px;border-radius:11px;background:#fff;border:1px solid var(--skbb-border);color:var(--skbb-navy)!important;text-decoration:none!important;font-weight:800;}
.skbb-pagination .current{background:var(--skbb-navy);color:#fff!important;}

@media(max-width:1024px){.skbb-hero,.skbb-featured,.skbb-main{grid-template-columns:1fr}.skbb-sidebar{position:static}.skbb-hero h1{font-size:44px}}
@media(max-width:768px){.skbb-wrap{padding:24px 14px 55px}.skbb-hero{padding:34px 24px;border-radius:22px}.skbb-hero h1{font-size:34px;letter-spacing:-.8px}.skbb-search{flex-direction:column}.skbb-search button{padding:14px}.skbb-featured{grid-template-columns:1fr}.skbb-featured-img{min-height:220px}.skbb-featured-content{padding:26px}.skbb-featured-content h2{font-size:26px}.skbb-grid{grid-template-columns:1fr}.skbb-card-img{height:auto}.skbb-card-img img{height:auto}.skbb-card h3{font-size:22px}}
/* FINAL REAL FIX */

/* Featured image not cut */
.skbb-featured-img {
  background: #fff !important;
  overflow: hidden !important;
  min-height: 380px !important;
}

.skbb-featured-img a {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
}

.skbb-featured-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
}

/* Card images not cut */
.skbb-card-img {
  height: 245px !important;
  background: #fff !important;
}

.skbb-card-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
}

/* Paragraph readable */
.skbb-card-body p,
.skbb-featured-content p {
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #4b5b70 !important;
}

/* Featured paragraph bigger */
.skbb-featured-content p {
  font-size: 17px !important;
}

/* Card title readable */
.skbb-card-body h3 {
  font-size: 24px !important;
  line-height: 1.3 !important;
}