.brand-post-archive-page{padding:14px 0 28px}
.brand-post-archive-page > .container{display:flex;flex-direction:column;gap:var(--yono-major-gap)}
.brand-post-archive-card{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid rgba(16,57,111,.10);
  border-radius:16px;
  box-shadow:0 10px 24px rgba(13,42,92,.07);
  padding:clamp(18px,1.6vw,22px);
}
.brand-post-archive-card .section-head{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}
.brand-post-archive-card .section-head h1{margin:0;font-size:var(--yono-h1-size);font-weight:var(--yono-h1-weight);line-height:1.2;color:var(--yono-h1-color);text-decoration:var(--yono-h1-decoration)}
.brand-post-archive-card .section-head p{margin:0;color:var(--yono-aux-color);line-height:1.65;font-size:var(--yono-aux-size);font-weight:var(--yono-aux-weight)}
.brand-post-archive-list{display:grid;grid-template-columns:1fr;gap:14px}
.brand-post-archive-item{
  padding:clamp(14px,1.2vw,18px);
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff 0%,#f3f8ff 100%);
  border:1px solid rgba(16,57,111,.08);
}
.brand-post-archive-item h2{margin:0 0 8px;font-size:clamp(17px,.7vw + 14px,19px);line-height:1.3}
.brand-post-archive-item h2 a{color:#16365f}
.brand-post-archive-item h2 a:hover{text-decoration:underline}
.brand-post-archive-item p{margin:0;color:#53657f;line-height:1.75;font-size:var(--fs-sm)}
.brand-post-archive-empty{margin:0;color:#53657f;line-height:1.7}
.brand-post-archive-pagination{margin-top:18px}
.brand-post-archive-pagination .page-numbers{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.brand-post-archive-pagination .page-numbers li{margin:0}
.brand-post-archive-pagination .page-numbers a,
.brand-post-archive-pagination .page-numbers span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  min-height:42px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid rgba(16,57,111,.12);
  background:#fff;
  color:#16365f;
  font-size:var(--fs-sm);
  font-weight:700;
}
.brand-post-archive-pagination .page-numbers .current{background:#16365f;color:#fff;border-color:#16365f}
@media (max-width:767px){
  .brand-post-archive-page{padding:12px 0 22px}
}


.brand-post-archive-card{
  padding:18px 0 24px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}