body .section-inner,
body .post-inner,
body .archive-header-inner,
body .header-inner{
  max-width:var(--cp-container);
}
.cp-archive-shell{padding-top:34px;}
.cp-archive-hero{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr);gap:24px;align-items:end;
  margin:0 0 26px;padding:34px;border-radius:28px;border:1px solid var(--cp-border);
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#eef4ff 100%);
  box-shadow:var(--cp-shadow-soft);
}
.cp-archive-kicker,
.cp-section-kicker{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 12px;border-radius:999px;background:#eef4ff;border:1px solid #dbe7ff;
  color:var(--cp-accent);font-size:1.2rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.cp-archive-title{margin-top:14px;margin-bottom:12px;}
.cp-archive-desc{max-width:68ch;margin-bottom:0;}
.cp-archive-hero-meta{
  display:flex;flex-direction:column;gap:14px;align-items:flex-start;justify-content:flex-end;
  min-height:100%;padding:18px;border-radius:22px;background:rgba(255,255,255,.72);border:1px solid #e7eef9;
}
.cp-archive-stat{display:flex;flex-direction:column;gap:2px;}
.cp-archive-stat-num{font-size:3rem;line-height:1;font-weight:800;color:var(--cp-title);letter-spacing:-.04em;}
.cp-archive-stat-label{font-size:1.35rem;color:var(--cp-text-soft);}
.cp-archive-featured{margin:0 0 34px;}
.cp-archive-featured-card{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:0;
  background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:28px;overflow:hidden;box-shadow:var(--cp-shadow-soft);
}
.cp-archive-featured-media{display:block;min-height:100%;background:#e8eef8;}
.cp-archive-featured-media img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block;}
.cp-archive-featured-body{padding:30px 30px 28px;display:flex;flex-direction:column;justify-content:center;}
.cp-archive-featured-title{font-size:clamp(2.5rem,3vw,4rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 14px;color:var(--cp-title);}
.cp-archive-featured-title a{color:inherit;text-decoration:none;}
.cp-archive-featured-excerpt{font-size:1.6rem;line-height:1.8;color:var(--cp-text-soft);margin:14px 0 0;}
.cp-archive-featured-actions{margin-top:22px;}
.cp-archive-section-head,
.cp-section-head-premium{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;
  margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #e8eef7;
}
.cp-archive-list{gap:20px;}
.cp-archive-list-card{border-radius:24px;overflow:hidden;box-shadow:var(--cp-shadow-soft);}
.cp-archive-list-card .cp-list-thumb{background:#e8eef8;}
.cp-archive-list-card .cp-list-thumb img{transition:transform .35s ease;}
.cp-archive-list-card:hover .cp-list-thumb img{transform:scale(1.03);}
.cp-archive-list-card .cp-list-title a{color:inherit;text-decoration:none;}
.cp-archive-list-card .cp-list-title a:hover,
.cp-archive-featured-title a:hover{color:var(--cp-accent);}
.cp-archive-list-card .cp-list-body{padding:24px;}
.cp-archive-list-card .cp-list-excerpt{max-width:62ch;}
.archive #site-content,.blog #site-content{overflow:visible;}
@media (max-width:1100px){
.cp-archive-hero,
  .cp-archive-featured-card,
  .cp-archive-section-head{grid-template-columns:1fr;}

}
@media (max-width:820px){
.cp-archive-shell{padding-top:24px;}
.cp-archive-hero{padding:24px;border-radius:22px;}
.cp-archive-featured-card{border-radius:22px;}
.cp-archive-featured-media img{min-height:260px;}
.cp-archive-featured-body{padding:22px;}
.cp-archive-featured-title{font-size:2.7rem;}
.cp-archive-list-card .cp-list-body{padding:20px;}

}
@media (max-width: 980px){
.cp-archive-head{
    border-radius:18px;
    margin-bottom:18px;
  }

}
.cp-archive-shell-premium{padding-top:30px;padding-bottom:10px;}
.cp-archive-hero-premium{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:22px;align-items:stretch;margin-bottom:28px;}
.cp-archive-hero-main,.cp-archive-hero-side{background:#fff;border:1px solid var(--cp-border);border-radius:26px;box-shadow:var(--cp-shadow-soft);}
.cp-archive-hero-main{padding:30px 32px;}
.cp-archive-hero-side{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start;}
.cp-archive-title-premium{margin:10px 0 12px;font-size:clamp(3rem,4vw,5rem);line-height:1.02;letter-spacing:-.05em;color:var(--cp-title);}
.cp-archive-desc-premium{max-width:68ch;font-size:1.65rem;line-height:1.75;color:var(--cp-text-soft);margin:0;}
.cp-archive-stat-card{background:#f8fbff;border:1px solid #e6eef8;border-radius:20px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:4px;}
.cp-archive-top-premium{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.7fr);gap:22px;margin-bottom:30px;}
.cp-archive-lead-card,.cp-side-rail-item,.cp-sidebar-card,.cp-archive-row-card{background:#fff;border:1px solid var(--cp-border);box-shadow:var(--cp-shadow-soft);}
.cp-archive-lead-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);border-radius:28px;overflow:hidden;}
.cp-archive-lead-media{display:block;background:#edf2f8;min-height:100%;}
.cp-archive-lead-media img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block;}
.cp-archive-lead-body{padding:28px 30px 30px;display:flex;flex-direction:column;justify-content:center;}
.cp-archive-lead-title{font-size:clamp(2.6rem,3vw,4.3rem);line-height:1.06;letter-spacing:-.05em;margin:8px 0 14px;}
.cp-archive-lead-title a,.cp-side-rail-item a,.cp-sidebar-rank-item a{text-decoration:none;color:inherit;}
.cp-archive-lead-excerpt{font-size:1.6rem;line-height:1.8;color:var(--cp-text-soft);margin:12px 0 0;}
.cp-archive-lead-actions{margin-top:22px;}
.cp-archive-side-rail{display:flex;flex-direction:column;gap:16px;}
.cp-archive-body-premium{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;}
.cp-archive-feed-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:18px;align-items:end;margin-bottom:18px;}
.cp-archive-list-premium{display:flex;flex-direction:column;gap:18px;}
.cp-archive-row-card{display:grid;grid-template-columns:320px minmax(0,1fr);gap:0;border-radius:24px;overflow:hidden;}
.cp-archive-row-thumb{display:block;background:#edf2f8;min-height:100%;}
.cp-archive-row-thumb img{width:100%;height:100%;min-height:100%;object-fit:cover;display:block;}
.cp-archive-row-body{padding:24px 26px;}
.cp-archive-row-body .cp-eyebrow{margin-bottom:12px;}
.cp-archive-row-body .cp-list-title{font-size:2.4rem;line-height:1.15;margin:0 0 12px;}
.cp-archive-row-body .cp-list-title a{text-decoration:none;color:inherit;}
.cp-archive-row-body .cp-list-excerpt{font-size:1.52rem;line-height:1.78;color:var(--cp-text-soft);max-width:62ch;}
.cp-archive-sidebar-premium{display:flex;flex-direction:column;gap:18px;position:sticky;top:110px;}
.archive .cp-archive-hero-premium .cp-button,.category .cp-archive-hero-premium .cp-button{width:100%;justify-content:center;}
@media (max-width: 1200px){
.cp-archive-body-premium{grid-template-columns:minmax(0,1fr) 300px;}
.cp-archive-row-card{grid-template-columns:280px minmax(0,1fr);}

}
@media (max-width: 980px){
.cp-archive-hero-premium,.cp-archive-top-premium,.cp-archive-body-premium,.cp-archive-feed-head{grid-template-columns:1fr;}
.cp-archive-hero-side{grid-template-columns:1fr 1fr;}
.cp-archive-sidebar-premium{position:static;top:auto;}

}
@media (max-width: 720px){
.cp-archive-shell-premium{padding-top:20px;}
.cp-archive-hero-main,.cp-archive-hero-side,.cp-archive-lead-card,.cp-sidebar-card,.cp-side-rail-item,.cp-archive-row-card{border-radius:20px;}
.cp-archive-hero-main{padding:22px 20px;}
.cp-archive-hero-side{grid-template-columns:1fr;}
.cp-archive-lead-card,.cp-archive-row-card,.cp-side-rail-item{grid-template-columns:1fr;}
.cp-archive-lead-media img{min-height:250px;}
.cp-archive-row-body{padding:20px;}
.cp-archive-row-body .cp-list-title{font-size:2.05rem;}

}
.cp-archive-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:26px;padding:30px;align-items:end;margin-bottom:34px;}
.cp-archive-stat{padding:20px;border-radius:22px;background:#0f1f38;color:#fff;box-shadow:0 20px 38px rgba(15,27,51,.18);}
.cp-archive-stat-num{display:block;font-size:3.4rem;font-weight:800;line-height:1;}
.cp-archive-stat-label{display:block;font-size:1.2rem;opacity:.88;margin-top:8px;}
.cp-archive-featured-card{display:grid;grid-template-columns:minmax(360px,48%) minmax(0,1fr);gap:0;border-radius:28px;overflow:hidden;}
.cp-archive-featured-media{min-height:100%;display:block;}
.cp-archive-featured-body{padding:30px;display:flex;flex-direction:column;justify-content:center;}
.cp-archive-featured-title{font-size:clamp(2.6rem,3vw,4rem);line-height:1.08;letter-spacing:-.04em;margin:12px 0 16px;}
.cp-archive-list{gap:24px;}
.cp-archive-list-card{border-radius:24px;overflow:hidden;}
@media (max-width: 820px){
.cp-archive-featured-body,
  .cp-list-body{padding:22px;}

}
.cp-archive-shell{
  padding-bottom:8px;
}
.cp-archive-hero--editorial{
  position:relative;
  overflow:hidden;
  grid-template-columns:minmax(0,1.2fr) minmax(220px,.42fr);
  gap:28px;
  padding:34px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.56) 0%, rgba(255,255,255,0) 34%),
    linear-gradient(135deg,#ffffff 0%,#f7faff 48%,#eef4ff 100%);
}
.cp-archive-hero--editorial::before{
  content:"";
  position:absolute;
  inset:auto -90px -90px auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(40,91,206,.12) 0%, rgba(40,91,206,0) 70%);
  pointer-events:none;
}
.cp-archive-hero-copy,
.cp-archive-hero-meta{
  position:relative;
  z-index:1;
}
.cp-archive-title{
  max-width:12ch;
  margin-bottom:14px;
}
.cp-archive-hero-intro{
  max-width:68ch;
}
.cp-archive-hero-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.cp-archive-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(212,224,242,.95);
  color:#163259;
  box-shadow:0 10px 22px rgba(15,27,51,.05);
  font-size:1.2rem;
  font-weight:700;
}
.cp-archive-hero-meta{
  display:flex;
  flex-direction:column;
  gap:14px;
  align-items:stretch;
  justify-content:flex-end;
}
.cp-archive-hero-button{
  min-height:46px;
  justify-content:center;
}
.cp-archive-featured-card{
  grid-template-columns:minmax(360px,44%) minmax(0,1fr);
  border-radius:30px;
  overflow:hidden;
}
.cp-archive-featured-media,
.cp-list-thumb{
  position:relative;
  overflow:hidden;
  background:#ebf0f7;
}
.cp-archive-featured-media img,
.cp-list-thumb img,
.cp-archive-media-placeholder{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.cp-archive-media-placeholder{
  min-height:100%;
  background:linear-gradient(135deg,#edf3fb 0%,#cfdbef 100%);
}
.cp-archive-featured-topline{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.cp-archive-featured-title a,
.cp-list-title a{
  text-decoration:none;
  color:inherit;
}
.cp-archive-featured-excerpt,
.cp-list-excerpt{
  color:var(--cp-text-soft);
}
.cp-archive-list--editorial{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
}
.cp-archive-list-card{
  height:100%;
  display:flex;
  flex-direction:column;
  border-radius:26px;
}
.cp-archive-list-card .cp-list-thumb{
  aspect-ratio:16/10;
  min-height:240px;
}
.cp-archive-list-card .cp-list-body{
  display:flex;
  flex-direction:column;
  flex:1;
  gap:14px;
  padding:24px 24px 22px;
}
.cp-archive-list-card .cp-list-title{
  margin:0;
  font-size:2.1rem;
  line-height:1.22;
  letter-spacing:-.03em;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.cp-archive-list-card .cp-list-excerpt{
  margin:0;
  font-size:1.46rem;
  line-height:1.76;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.cp-archive-list-card .cp-list-actions{
  margin-top:auto;
}
@media (max-width: 1180px){
.cp-archive-hero--editorial,
  .cp-archive-featured-card{
    grid-template-columns:1fr;
  }
.cp-archive-list--editorial{
    grid-template-columns:1fr 1fr;
  }
.cp-archive-title{
    max-width:none;
  }

}
@media (max-width: 820px){
.cp-archive-hero--editorial{
    padding:24px 22px;
    gap:20px;
  }
.cp-archive-hero-pills{
    gap:8px;
  }
.cp-archive-pill{
    min-height:34px;
    padding:0 12px;
    font-size:1.12rem;
  }
.cp-archive-list--editorial{
    grid-template-columns:1fr;
    gap:18px;
  }
.cp-archive-list-card .cp-list-thumb{
    min-height:210px;
  }

}
.archive .cp-shell,
.category .cp-shell{
  max-width: min(1200px, calc(100% - 32px));
}
.archive .cp-archive-hero--editorial,
.category .cp-archive-hero--editorial{
  border-radius: 30px;
  padding: clamp(26px,3vw,36px);
}
.archive .cp-archive-featured-card,
.category .cp-archive-featured-card,
.archive .cp-archive-list-card,
.category .cp-archive-list-card{
  border-radius: 26px;
}
.archive .cp-archive-featured-media,
.category .cp-archive-featured-media,
.archive .cp-list-thumb,
.category .cp-list-thumb{
  aspect-ratio: 16 / 10;
  overflow: hidden;
}
.archive .cp-archive-featured-title,
.category .cp-archive-featured-title{
  max-width: 14ch;
}
.archive .cp-archive-list-card .cp-list-title,
.category .cp-archive-list-card .cp-list-title{
  font-size: clamp(2rem,2.2vw,2.7rem);
  line-height: 1.12;
}
.archive .cp-archive-list-card .cp-list-title a,
.category .cp-archive-list-card .cp-list-title a{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.archive .cp-archive-list-card .cp-list-excerpt,
.category .cp-archive-list-card .cp-list-excerpt{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 820px){
.archive .cp-archive-featured-title,
  .category .cp-archive-featured-title{
    max-width: none;
  }

}
.cp-archive-featured-media img{min-height:0;}
.archive .cp-archive-shell,
.category .cp-archive-shell{max-width:1280px;padding:0 18px 24px;}
.archive .cp-archive-hero--editorial,
.category .cp-archive-hero--editorial{
  grid-template-columns:minmax(0,1fr) 280px;
  gap:24px;
  align-items:stretch;
}
.archive .cp-archive-featured-card,
.category .cp-archive-featured-card{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);}
.archive .cp-archive-list,
.category .cp-archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch;}
.archive .cp-archive-list-card,
.category .cp-archive-list-card{display:flex;flex-direction:column;height:100%;}
.archive .cp-archive-list-card .cp-list-body,
.category .cp-archive-list-card .cp-list-body{flex:1;display:flex;flex-direction:column;min-width:0;}
.archive .cp-archive-list-card .cp-list-title,
.category .cp-archive-list-card .cp-list-title{font-size:2.15rem;line-height:1.18;letter-spacing:-.03em;}
.archive .cp-archive-list-card .cp-list-excerpt,
.category .cp-archive-list-card .cp-list-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.archive .cp-archive-section-head,
.category .cp-archive-section-head{margin:10px 0 18px;}
.archive .cp-archive-featured-title,
.category .cp-archive-featured-title{font-size:clamp(2.8rem,3.2vw,4.2rem);}
.archive .cp-archive-featured-excerpt,
.category .cp-archive-featured-excerpt{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
@media (max-width: 1180px){
.archive .cp-archive-featured-card,
  .category .cp-archive-featured-card,
  .archive .cp-archive-hero--editorial,
  .category .cp-archive-hero--editorial{grid-template-columns:1fr;}

}
@media (max-width: 980px){
.archive .cp-archive-list,
  .category .cp-archive-list{grid-template-columns:1fr;}

}
@media (max-width: 640px){
.archive .cp-archive-featured-title,
  .category .cp-archive-featured-title{font-size:2.5rem;}

}
.archive .cp-archive-stat,
.category .cp-archive-stat{
  background:#0f1f38;
  color:#fff;
}
.archive .cp-archive-stat-num,
.archive .cp-archive-stat-label,
.category .cp-archive-stat-num,
.category .cp-archive-stat-label{color:#fff !important;opacity:1;}
.archive .cp-archive-hero-button,
.category .cp-archive-hero-button{width:100%;justify-content:center;}
.archive .cp-archive-list--editorial,
.category .cp-archive-list--editorial{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.archive .cp-archive-list-card,
.category .cp-archive-list-card{
  min-width:0;
  width:100%;
  display:flex;
  flex-direction:column;
  height:100%;
}
.archive .cp-archive-list-card .cp-list-thumb,
.category .cp-archive-list-card .cp-list-thumb{
  width:100%;
  min-height:230px;
  aspect-ratio:16/10;
}
.archive .cp-archive-list-card .cp-list-body,
.category .cp-archive-list-card .cp-list-body{flex:1;}
.archive .cp-pagination,
.category .cp-pagination{margin-top:26px;}
@media (max-width: 1180px){
.archive .cp-archive-list--editorial,
  .category .cp-archive-list--editorial{grid-template-columns:repeat(2,minmax(0,1fr));}

}
@media (max-width: 820px){
.archive .cp-archive-list--editorial,
  .category .cp-archive-list--editorial{grid-template-columns:1fr;}

}
.archive .cp-archive-hero--editorial .cp-archive-title,
.category .cp-archive-hero--editorial .cp-archive-title{
  text-wrap:balance;
  letter-spacing:-.045em;
}
.cp-archive-featured-title{font-size:2.6rem;line-height:1.14;}
.cp-archive-title{letter-spacing:-.035em;text-wrap:balance;}
.cp-archive-featured-excerpt,
.cp-list-excerpt{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
@media (max-width: 820px){
.cp-archive-featured-title{font-size:2.12rem;}

}

/* Category/archive refresh for portal kerjaya */
.cp-archive-hero--editorial{
  background:
    radial-gradient(circle at top right, rgba(102,126,234,.12) 0%, rgba(102,126,234,0) 28%),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 52%,#eef4ff 100%);
  border:1px solid #dfe8f7;
  box-shadow:0 20px 44px rgba(15,31,56,.08);
}
.cp-archive-kicker{color:#285bce;letter-spacing:.12em;font-size:.78rem;font-weight:800;text-transform:uppercase;}
.cp-archive-title{font-size:clamp(2.2rem,4vw,4rem);max-width:11ch;}
.cp-archive-desc{font-size:1.02rem;line-height:1.84;max-width:60ch;}
.cp-archive-stat{background:linear-gradient(145deg,#0b1d40 0%,#173d7f 100%);border:1px solid rgba(255,255,255,.08);}
.cp-archive-featured-card,
.cp-archive-list-card{border:1px solid #dfe8f7;box-shadow:0 18px 38px rgba(15,31,56,.07);}
.cp-archive-featured-title{font-size:clamp(2rem,3vw,3.2rem);}
.cp-archive-list--editorial{gap:20px;}
.cp-archive-list-card{border-radius:26px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);}
.cp-list-title{font-size:1.6rem;line-height:1.22;letter-spacing:-.03em;}
.cp-list-excerpt{font-size:1rem;line-height:1.8;}
@media (max-width: 767px){
  .cp-archive-shell{padding:14px 12px 0;}
  .cp-archive-hero--editorial{padding:20px;border-radius:22px;gap:18px;}
  .cp-archive-title{font-size:1.95rem;max-width:none;}
  .cp-archive-desc{font-size:.96rem;line-height:1.76;}
  .cp-archive-hero-pills{gap:8px;}
  .cp-archive-pill{font-size:.82rem;min-height:34px;padding:0 12px;}
  .cp-archive-featured-card,.cp-archive-list-card{border-radius:22px;}
  .cp-archive-featured-body,.cp-list-body{padding:18px;}
  .cp-archive-featured-title{font-size:1.56rem;}
  .cp-list-title{font-size:1.22rem;}
  .cp-list-excerpt{font-size:.95rem;line-height:1.72;}
}