.compact-archive-hero{padding:48px 0 36px 0;background:var(--navy,#0B2545);color:var(--white,#FFFFFF);text-align:center}.compact-archive-hero .eyebrow{display:inline-block;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--teal,#12ADA8);margin-bottom:8px}.compact-archive-hero .archive-title{font-family:'Poppins',sans-serif;font-size:2.2rem;font-weight:800;color:var(--white,#FFFFFF);margin:0 0 12px 0;line-height:1.25}.compact-archive-hero .archive-description{font-size:1.05rem;max-width:800px;margin:0 auto;color:rgb(255 255 255 / .82);line-height:1.6}.archive-filter-nav{position:sticky!important;top:var(--site-header-h,72px)!important;z-index:99998!important;background:#FFFFFF!important;border-bottom:1px solid var(--border,#E6E9EF)!important;padding:12px 0!important;box-shadow:0 4px 16px rgb(15 23 42 / .12)!important;margin-bottom:0!important}.filter-nav-container{display:flex;align-items:center;gap:8px;position:relative}.filter-scroll-wrapper{display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.filter-scroll-wrapper::-webkit-scrollbar{display:none}.filter-pill{display:inline-flex;align-items:center;white-space:nowrap;padding:8px 16px;border-radius:999px;font-size:.875rem;font-weight:600;color:var(--text,#2B2B2B);background:var(--bg-light,#F5F7FA);border:1px solid var(--border,#E6E9EF);text-decoration:none;transition:all 0.2s ease}.filter-pill:hover{background:#EBF2FA;color:var(--navy,#0B2545);border-color:#CBD5E1}.filter-pill.active{background:var(--navy,#0B2545);color:#FFF;border-color:var(--navy,#0B2545);box-shadow:0 2px 8px rgb(11 37 69 / .2)}.scroll-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border,#E6E9EF);background:#FFF;color:var(--text,#2B2B2B);font-size:1.2rem;cursor:pointer;flex-shrink:0;transition:all 0.2s ease}.scroll-arrow:hover{background:var(--bg-light,#F5F7FA);color:var(--teal,#12ADA8)}.archive-articles-section{padding:40px 0 60px 0;background:var(--bg-light,#F5F7FA)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px;flex-wrap:wrap}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;border-radius:8px;font-size:.9rem;font-weight:600;color:var(--navy,#0B2545);background:#FFF;border:1px solid var(--border,#E6E9EF);text-decoration:none;cursor:pointer;transition:all 0.2s ease;user-select:none}.pagination-btn:hover:not(.disabled):not(.active){background:var(--bg-light,#F5F7FA);border-color:var(--teal,#12ADA8);color:var(--teal-dark,#0C8B87)}.pagination-btn.active{background:var(--navy,#0B2545);color:#FFF;border-color:var(--navy,#0B2545);box-shadow:0 2px 8px rgb(11 37 69 / .15)}.pagination-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:32px;height:40px;color:var(--gray,#6B7280);font-weight:600}.category-empty-state{text-align:center;padding:60px 20px;background:#FFF;border-radius:14px;border:1px solid var(--border,#E6E9EF);max-width:600px;margin:40px auto;box-shadow:0 4px 12px rgb(0 0 0 / .03)}.category-empty-state h3{font-size:1.4rem;color:var(--navy,#0B2545);margin-bottom:8px}.category-empty-state p{color:var(--gray,#6B7280);font-size:.95rem}@media (max-width:768px){.compact-archive-hero{padding:32px 16px 24px 16px}.compact-archive-hero .archive-title{font-size:1.65rem}.compact-archive-hero .archive-description{font-size:.95rem}.pagination-btn{min-width:36px;height:36px;padding:0 10px;font-size:.85rem}}.pagination-container{margin-top:24px!important;margin-bottom:0!important;padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}.navigation.pagination,.nav-links,.pagination,.dtl-custom-pagination{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important}.navigation.pagination .screen-reader-text,.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.nav-links .page-numbers,.pagination a,.pagination span,.pagination-btn,.page-numbers,.dtl-custom-pagination a,.dtl-custom-pagination span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:38px!important;height:38px!important;padding:0 14px!important;margin:0!important;border-radius:8px!important;font-size:0.9rem!important;font-weight:600!important;color:#0F172A!important;background:#FFFFFF!important;border:1px solid #E2E8F0!important;text-decoration:none!important;transition:all 0.2s ease!important;box-sizing:border-box!important;line-height:1!important;float:none!important}.nav-links .page-numbers:hover:not(.current):not(.dots),.pagination a:hover,.pagination-btn:hover:not(.disabled):not(.active),.dtl-custom-pagination a:hover:not(.current){background:#F0FDFA!important;border-color:#0F766E!important;color:#0F766E!important;transform:translateY(-1px)!important}.nav-links .page-numbers.current,.pagination a.active,.pagination-btn.active,.dtl-custom-pagination .current{background:#0F172A!important;color:#FFFFFF!important;border-color:#0F172A!important;box-shadow:0 2px 8px rgb(15 23 42 / .2)!important}.nav-links .page-numbers.dots,.dtl-custom-pagination .dots{border:none!important;background:transparent!important;color:#94A3B8!important;min-width:24px!important;padding:0 4px!important}.archive-articles-section{padding:28px 0 36px 0!important}body.blog-archive-page .archive-filter-nav .filter-pill.active,body.blog-archive-page .archive-filter-nav .filter-pill[aria-current="page"],.archive-filter-nav .filter-pill.active,.archive-filter-nav .filter-pill[aria-current="page"]{background:linear-gradient(135deg,#0B2545 0%,#12ADA8 100%)!important;border:1.5px solid #12ADA8!important;color:#FFFFFF!important;font-weight:700!important;box-shadow:0 6px 18px rgb(18 173 168 / .35)!important}