/* Accanta editorial hub */
.acc-bloghub{
  background:
    radial-gradient(circle at 92% 2%,rgba(14,159,109,.08),transparent 24%),
    linear-gradient(180deg,#f8fcfa 0%,#fff 34%);
  padding:24px 0 72px;
}
.acc-bloghub *{box-sizing:border-box}
.acc-bloghub__shell{
  width:min(1220px,calc(100% - 36px));
  margin-inline:auto;
}
.acc-bloghub__crumbs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:14px;
  color:#73847c;
  font-size:.72rem;
}
.acc-bloghub__crumbs a{color:inherit;text-decoration:none}
.acc-bloghub__crumbs i{font-size:.52rem;color:#9aaba3}

.acc-bloghub__hero{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);
  gap:24px;
  align-items:center;
  padding:30px;
  border:1px solid rgba(13,73,52,.08);
  border-radius:30px;
  background:
    radial-gradient(circle at 87% 15%,rgba(71,218,160,.10),transparent 26%),
    linear-gradient(145deg,#f4fbf7,#fff);
  box-shadow:0 18px 50px rgba(11,78,56,.045);
}
.acc-bloghub__eyebrow{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:#e9f8f1;
  color:#087652;
  font-size:.68rem;
  font-weight:950;
}
.acc-bloghub__hero h1{
  margin:12px 0 8px;
  color:#153228;
  font-size:clamp(2rem,3vw,3rem);
  line-height:1.45;
  font-weight:950;
  letter-spacing:-.04em;
}
.acc-bloghub__hero p{
  max-width:760px;
  margin:0;
  color:#657970;
  font-size:.92rem;
  line-height:2.05;
}
.acc-bloghub__hero-links{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}
.acc-bloghub__hero-links a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:42px;
  padding:9px 13px;
  border-radius:12px;
  background:#0e9f6d;
  color:#fff;
  font-size:.72rem;
  font-weight:950;
  text-decoration:none;
}
.acc-bloghub__hero-links a:last-child{
  border:1px solid rgba(8,118,82,.12);
  background:#fff;
  color:#087652;
}
.acc-bloghub__hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.acc-bloghub__hero-stats div{
  min-width:0;
  padding:16px 12px;
  border:1px solid #e3ece8;
  border-radius:16px;
  background:rgba(255,255,255,.85);
  text-align:center;
}
.acc-bloghub__hero-stats strong{
  display:block;
  color:#173b30;
  font-size:1.12rem;
}
.acc-bloghub__hero-stats span{
  display:block;
  margin-top:3px;
  color:#7b8c84;
  font-size:.62rem;
  line-height:1.7;
}

.acc-bloghub__featured{
  display:grid;
  grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);
  gap:22px;
  margin-top:20px;
  padding:20px;
  border:1px solid rgba(13,73,52,.08);
  border-radius:24px;
  background:#fff;
  box-shadow:0 15px 38px rgba(11,78,56,.035);
}
.acc-bloghub__featured-media{
  min-height:260px;
  overflow:hidden;
  border-radius:18px;
  background:linear-gradient(145deg,#eaf8f2,#eef5ff);
  text-decoration:none;
}
.acc-bloghub__featured-media img{width:100%;height:100%;object-fit:cover}
.acc-bloghub__featured-media>span{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  min-height:260px;
  color:#0e9f6d;
  font-size:3rem;
}
.acc-bloghub__featured-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10px 8px;
}
.acc-bloghub__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.acc-bloghub__meta span{
  color:#0e9f6d;
  font-size:.66rem;
  font-weight:950;
}
.acc-bloghub__meta small{color:#899991;font-size:.62rem}
.acc-bloghub__featured-copy h2{
  margin:8px 0 9px;
  font-size:1.45rem;
  line-height:1.65;
}
.acc-bloghub__featured-copy h2 a{
  color:#17362d;
  text-decoration:none;
}
.acc-bloghub__featured-copy p{
  margin:0 0 15px;
  color:#677c73;
  font-size:.82rem;
  line-height:2;
}
.acc-bloghub__read{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#087652;
  font-size:.7rem;
  font-weight:950;
  text-decoration:none;
}

.acc-bloghub__topics,
.acc-bloghub__latest{
  margin-top:20px;
  padding:26px;
  border:1px solid rgba(13,73,52,.08);
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 34px rgba(11,78,56,.03);
}
.acc-bloghub__section-head>span{
  display:block;
  color:#0e9f6d;
  font-size:.66rem;
  font-weight:950;
}
.acc-bloghub__section-head h2{
  margin:4px 0 0;
  color:#19372d;
  font-size:1.3rem;
  line-height:1.7;
  font-weight:950;
}
.acc-bloghub__section-head--row{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
}
.acc-bloghub__section-head--row p{
  max-width:520px;
  margin:0;
  color:#73867d;
  font-size:.72rem;
  line-height:1.9;
}

.acc-bloghub__topic-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:17px;
}
.acc-bloghub__topic{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  column-gap:10px;
  align-items:center;
  min-height:72px;
  padding:12px;
  border:1px solid #e3ece8;
  border-radius:15px;
  background:#fbfdfc;
  color:#31564a;
  text-decoration:none;
}
.acc-bloghub__topic i{
  grid-row:1 / 3;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#eaf8f1;
  color:#0e9f6d;
}
.acc-bloghub__topic span{font-size:.76rem;font-weight:900}
.acc-bloghub__topic small{color:#7d8e86;font-size:.61rem;line-height:1.6}
.acc-bloghub__topic--special{
  background:linear-gradient(145deg,#eef9fe,#fbfdfc);
}
.acc-bloghub__topic--special i{
  background:#e8f7fd;
  color:#229ed9;
}

.acc-bloghub__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
  margin-top:18px;
}
.acc-bloghub__card{
  overflow:hidden;
  border:1px solid #e3ece8;
  border-radius:18px;
  background:#fff;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.acc-bloghub__card:hover{
  transform:translateY(-2px);
  border-color:rgba(14,159,109,.22);
  box-shadow:0 14px 30px rgba(11,78,56,.06);
}
.acc-bloghub__card-media{
  display:block;
  height:185px;
  overflow:hidden;
  background:linear-gradient(145deg,#eef8f3,#eef4ff);
  text-decoration:none;
}
.acc-bloghub__card-media img{width:100%;height:100%;object-fit:cover}
.acc-bloghub__card-media>span{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  color:#0e9f6d;
  font-size:2.3rem;
}
.acc-bloghub__card-body{padding:15px}
.acc-bloghub__card-body h3{
  margin:7px 0 7px;
  font-size:.92rem;
  line-height:1.8;
}
.acc-bloghub__card-body h3 a{color:#1a3a30;text-decoration:none}
.acc-bloghub__card-body p{
  min-height:58px;
  margin:0 0 12px;
  color:#70837a;
  font-size:.68rem;
  line-height:1.9;
}
.acc-bloghub__empty{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:160px;
  border:1px dashed #dce8e3;
  border-radius:16px;
  color:#6d8177;
}
.acc-bloghub__pagination{
  display:flex;
  justify-content:center;
  gap:7px;
  margin-top:18px;
}
.acc-bloghub__pagination a{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid #e1ebe7;
  border-radius:10px;
  background:#fff;
  color:#49675b;
  font-size:.7rem;
  font-weight:900;
  text-decoration:none;
}
.acc-bloghub__pagination a.is-current{
  border-color:#0e9f6d;
  background:#0e9f6d;
  color:#fff;
}

.acc-bloghub__cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:20px;
  padding:24px 26px;
  border-radius:24px;
  background:linear-gradient(135deg,#0d7957,#159c70);
  color:#fff;
}
.acc-bloghub__cta span{
  color:rgba(255,255,255,.74);
  font-size:.65rem;
  font-weight:900;
}
.acc-bloghub__cta h2{
  margin:4px 0 5px;
  font-size:1.25rem;
  line-height:1.6;
}
.acc-bloghub__cta p{
  max-width:700px;
  margin:0;
  color:rgba(255,255,255,.8);
  font-size:.72rem;
  line-height:1.9;
}
.acc-bloghub__cta>div:last-child{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.acc-bloghub__cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 12px;
  border-radius:11px;
  background:#fff;
  color:#087652;
  font-size:.68rem;
  font-weight:950;
  text-decoration:none;
}
.acc-bloghub__cta a:last-child{
  background:rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.2);
}

@media(max-width:980px){
  .acc-bloghub__hero{grid-template-columns:1fr}
  .acc-bloghub__featured{grid-template-columns:320px minmax(0,1fr)}
  .acc-bloghub__topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .acc-bloghub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .acc-bloghub{padding:15px 0 46px}
  .acc-bloghub__shell{width:calc(100% - 18px)}
  .acc-bloghub__hero{padding:18px;border-radius:21px}
  .acc-bloghub__hero h1{font-size:1.6rem}
  .acc-bloghub__hero p{font-size:.78rem}
  .acc-bloghub__hero-stats{grid-template-columns:1fr 1fr}
  .acc-bloghub__hero-stats div:last-child{grid-column:1 / -1}
  .acc-bloghub__featured{
    grid-template-columns:1fr;
    padding:15px;
    border-radius:20px;
  }
  .acc-bloghub__featured-media,
  .acc-bloghub__featured-media>span{min-height:190px;height:190px}
  .acc-bloghub__topics,
  .acc-bloghub__latest{padding:18px 15px;border-radius:20px}
  .acc-bloghub__section-head--row{align-items:flex-start;flex-direction:column;gap:6px}
  .acc-bloghub__topic-grid{grid-template-columns:1fr 1fr}
  .acc-bloghub__grid{grid-template-columns:1fr}
  .acc-bloghub__card-media{height:175px}
  .acc-bloghub__card-body p{min-height:0}
  .acc-bloghub__cta{align-items:flex-start;flex-direction:column;padding:20px 18px;border-radius:20px}
  .acc-bloghub__cta>div:last-child{width:100%}
  .acc-bloghub__cta a{flex:1 1 130px}
}
@media(max-width:460px){
  .acc-bloghub__topic-grid{grid-template-columns:1fr}
}

.acc-bloghub__topic.is-active{
  border-color:rgba(14,159,109,.34);
  background:#eefaf4;
  box-shadow:inset 0 0 0 1px rgba(14,159,109,.05);
}
.acc-bloghub__filter-state{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:15px;
  padding:10px 12px;
  border-radius:12px;
  background:#f2faf6;
  color:#45655a;
  font-size:.68rem;
}
.acc-bloghub__filter-state a{
  color:#087652;
  font-weight:900;
  text-decoration:none;
}
@media(max-width:680px){
  .acc-bloghub__filter-state{align-items:flex-start;flex-direction:column}
}