body.blog-index-page .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--cpa-space-24px);}

body.blog-index-page .service-card{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;position:relative;}

body.blog-index-page .service-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--sky) 0%,var(--teal) 100%);opacity:0;transition:opacity var(--cpa-time-300ms) var(--ease);z-index:0;}

body.blog-index-page .service-card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,var(--cpa-color-rgba-255-255-255-p15) 50%,transparent 100%);transform:translateX(-100%);transition:transform var(--cpa-time-1000ms);pointer-events:none;}

body.blog-index-page .service-card:hover::after{transform:translateX(100%);}



body.blog-index-page .service-card>*{position:relative;z-index:1;}

body.blog-index-page .service-card-top{padding:var(--cpa-space-24px) var(--cpa-space-24px) var(--cpa-space-18px);position:relative;overflow:hidden;}

body.blog-index-page .service-card-top h3{color:var(--ink);margin-bottom:var(--cpa-space-6px);}

body.blog-index-page .service-card-top .s-badge{display:inline-block;background:transparent;color:var(--sky-deep);padding:var(--cpa-space-3px) var(--cpa-space-10px);border:var(--cpa-border-1px) solid var(--cpa-color-rgba-0-107-143-p38);border-radius:var(--cpa-radius-20px);}

body.blog-index-page .service-card-body{padding:var(--cpa-space-20px) var(--cpa-space-24px);flex:1;}

body.blog-index-page .service-card-body p{color:var(--steel);margin-bottom:var(--cpa-space-16px);}

body.blog-index-page .service-link{display:flex;align-items:center;gap:var(--cpa-space-6px);color:var(--sky-deep);padding:var(--cpa-space-14px) var(--cpa-space-24px);border-top:var(--cpa-border-1px) solid var(--border);transition:all var(--cpa-time-200ms) var(--ease);}

body.blog-index-page .service-link:hover{color:var(--sky);gap:var(--cpa-space-10px);}

body.blog-index-page .service-link span{margin-left:auto;}

@media (max-width:1024px){
body.blog-index-page .services-grid{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:768px){
body.blog-index-page .services-grid{grid-template-columns:1fr;}
}

body.blog-index-page .service-card{transition:opacity var(--cpa-time-500ms) ease,transform var(--cpa-time-500ms) ease;}

body.blog-index-page .service-card.in-view{opacity:1;transform:translateY(0);}

body.blog-index-page .blog-filter-bar{flex-wrap:wrap;}

body.blog-index-page .blog-search-wrap{position:relative;flex:1 1 220px;}

body.blog-index-page .blog-search-wrap svg{position:absolute;left:var(--cpa-space-12px);top:50%;transform:translateY(-50%);color:var(--steel-lt);pointer-events:none;}

body.blog-index-page .blog-search-input{width:100%;padding:var(--cpa-space-9px) var(--cpa-space-12px) var(--cpa-space-9px) var(--cpa-space-38px);border:var(--cpa-border-1px) solid var(--border);background:var(--bg);color:var(--ink);outline:none;transition:border-color var(--cpa-time-200ms) var(--ease);}

body.blog-index-page .blog-search-input:focus{border-color:var(--sky);}
body.blog-index-page .blog-search-input:focus-visible{outline:var(--cpa-border-2px) solid var(--cpa-color-0077b6);outline-offset:var(--cpa-space-2px);}

body.blog-index-page .blog-filter-chips{flex:2 1 300px;}

body.blog-index-page .blog-chip{display:inline-flex;align-items:center;border-radius:var(--cpa-radius-20px);border:1.5px solid var(--border);background:var(--bg);color:var(--steel);cursor:pointer;white-space:nowrap;transition:all var(--cpa-time-160ms) var(--ease);user-select:none;}





body.blog-index-page .blog-results-count{color:var(--steel);flex-shrink:0;}

body.blog-index-page .service-card[hidden]{display:none ;}

body.blog-index-page .service-card{opacity:1;transform:none;}

html.cpa-reveal-enabled body.blog-index-page .service-card:not(.in-view){opacity:0;transform:translateY(20px);}


body.blog-index-page .blog-search-label{position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;}

body.blog-index-page .cpa-blog-listing-section .section-inner{max-width: var(--maxw, 1200px);
  margin-inline: auto;
  padding-inline: var(--cpa-space-1p25rem);}


body.blog-index-page .service-card{background:transparent;
  background-color:transparent;
  border:var(--cpa-border-1px) solid var(--cpa-color-rgba-7-23-34-p08);
  border-radius:var(--cpa-radius-14px);
  box-shadow:0 6px 18px var(--cpa-color-rgba-7-23-34-p06);
  overflow:hidden;}

body.blog-index-page .service-card:hover{background:transparent;
  border-color:var(--cpa-color-rgba-0-107-143-p28);
  box-shadow:0 10px 24px var(--cpa-color-rgba-7-23-34-p09);
  transform:translateY(-1px);}

body.blog-index-page .service-card-top{background:transparent;
  background-color:transparent;
  border-bottom:var(--cpa-border-1px) solid var(--cpa-color-rgba-7-23-34-p08);}

body.blog-index-page .service-card-body{background:transparent;
  background-color:transparent;}

@media (max-width:900px){
body.blog-index-page .services-grid{min-width:0;}
}



@media (max-width: 1024px){
body.blog-index-page .services-grid{grid-template-columns: repeat(2, 1fr);}
}

@media (max-width:640px){
body.blog-index-page .cpa-blog-listing-section .section-inner{padding-inline:var(--cpa-space-16px);}
}

@media (max-width:640px){
body.blog-index-page .blog-filter-bar{display:block;
    margin-bottom:var(--cpa-space-28px);
    padding:var(--cpa-space-16px);}
}

@media (max-width:640px){
body.blog-index-page .blog-search-wrap{width:100%;
    }
}

@media (max-width:640px){
body.blog-index-page .blog-search-input{min-height:48px;
    }
}

@media (max-width:640px){
body.blog-index-page .blog-filter-chips{
  display:flex;
  gap:var(--cpa-space-8px);
  width:100%;
  
  padding-bottom:var(--cpa-space-8px);
  scroll-snap-type:x proximity;
}
}

@media (max-width:640px){
body.blog-index-page .blog-chip{
  flex:0 0 auto;
  
  scroll-snap-align:start;
}
}

@media (max-width:640px){
body.blog-index-page .blog-results-count{display:block;
    margin-top:var(--cpa-space-8px);
    
    white-space:normal;}
}

@media (max-width:640px){
body.blog-index-page .cpa-blog-listing-section .services-grid{grid-template-columns:minmax(0,1fr);
    gap:var(--cpa-space-20px);}
}

@media (max-width:640px){
body.blog-index-page .service-card{width:100%;
    min-width:0;}
}

@media (max-width:640px){
body.blog-index-page .service-card-top{padding:var(--cpa-space-22px) var(--cpa-space-20px) var(--cpa-space-18px);}
}

@media (max-width:640px){
body.blog-index-page .service-card-top h3{
    
    
    overflow-wrap:normal;
    word-break:normal;}
}

@media (max-width:640px){
body.blog-index-page .service-card-body{padding:var(--cpa-space-20px);}
}

@media (max-width:640px){
body.blog-index-page .service-card-body p{
    
    overflow-wrap:normal;
    word-break:normal;}
}

body.blog-index-page .blog-port-filter{align-items:center;margin-top:var(--cpa-space-18px);}
body.blog-index-page .blog-port-filter label{color:var(--harbour);}
body.blog-index-page .blog-port-filter select{width:100%;border:var(--cpa-border-1px) solid var(--border);background:var(--bg);color:var(--harbour);padding:var(--cpa-space-9px) var(--cpa-space-38px) var(--cpa-space-9px) var(--cpa-space-12px);}
body.blog-index-page .blog-port-filter select:focus-visible{outline:var(--cpa-border-3px) solid var(--cpa-color-rgba-0-107-143-p18);outline-offset:2px;border-color:var(--sky);}
body.blog-index-page .blog-no-results{margin:var(--cpa-space-24px) 0 0;color:var(--steel);}
@media(max-width:640px){body.blog-index-page .blog-port-filter{grid-template-columns:1fr;gap:var(--cpa-space-8px);}}

body.blog-index-page .blog-filter-bar,
body.blog-index-page .blog-search-wrap,
body.blog-index-page .blog-filter-chips,
body.blog-index-page .blog-port-filter,
body.blog-index-page .cpa-blog-listing-section .services-grid{min-width:0;max-width:100%;}
@media(max-width:640px){body.blog-index-page .blog-filter-bar{overflow-x:clip;}}

body.blog-index-page .blog-filter-bar{
  display:grid;
  grid-template-columns:minmax(280px,1fr) minmax(210px,260px) auto;
  grid-template-areas:
    "search port count"
    "topics topics topics";
  align-items:end;
  gap:var(--cpa-space-18px) var(--cpa-space-24px);
  margin-bottom:var(--cpa-space-30px);
  padding:0 0 var(--cpa-space-24px);
  background:transparent;
  border:0;
  border-bottom:var(--cpa-border-1px) solid var(--border);
  border-radius:0;
  box-shadow:none;
}
body.blog-index-page .blog-search-wrap{grid-area:search;width:100%;}
body.blog-index-page .blog-filter-chips{grid-area:topics;display:flex;flex-wrap:wrap;gap:var(--cpa-space-8px);width:100%;}
body.blog-index-page .blog-port-filter{grid-area:port;display:grid;grid-template-columns:1fr;gap:var(--cpa-space-6px);margin:0;}
body.blog-index-page .blog-results-count{grid-area:count;align-self:center;margin:0;white-space:nowrap;}
body.blog-index-page .blog-search-input,
body.blog-index-page .blog-port-filter select{min-height:46px;border-radius:var(--cpa-radius-6px);}
body.blog-index-page .blog-chip{min-height:36px;padding:var(--cpa-space-7px) var(--cpa-space-12px);border-width:var(--cpa-border-1px);}
body.blog-index-page .blog-no-results{grid-column:1/-1;}

@media(max-width:900px){
  body.blog-index-page .blog-filter-bar{
    grid-template-columns:minmax(0,1fr) minmax(200px,240px);
    grid-template-areas:
      "search port"
      "count count"
      "topics topics";
    gap:var(--cpa-space-14px) var(--cpa-space-18px);
  }
  body.blog-index-page .blog-results-count{justify-self:start;}
}

@media(max-width:640px){
  body.blog-index-page .blog-filter-bar{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "search"
      "port"
      "count"
      "topics";
    gap:var(--cpa-space-12px);
    padding-bottom:var(--cpa-space-20px);
    overflow:visible;
  }
  body.blog-index-page .blog-filter-chips{
    flex-wrap:nowrap;
    margin-top:var(--cpa-space-4px);
    padding:var(--cpa-space-2px) 0 var(--cpa-space-8px);
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
  }
  body.blog-index-page .blog-chip{min-height:44px;padding:var(--cpa-space-8px) var(--cpa-space-14px);}
}

body.blog-index-page .blog-pagination{display:flex;align-items:center;justify-content:center;gap:var(--cpa-space-18px);margin:var(--cpa-space-32px) 0 0;padding-top:var(--cpa-space-22px);border-top:var(--cpa-border-1px) solid var(--border);}
body.blog-index-page .blog-pagination[hidden]{display:none;}
body.blog-index-page .blog-pagination-button{min-width:44px;min-height:44px;padding:var(--cpa-space-9px) var(--cpa-space-16px);border:var(--cpa-border-1px) solid var(--border);background:transparent;color:var(--harbour);cursor:pointer;}
body.blog-index-page .blog-pagination-edge{padding-inline:var(--cpa-space-12px);}
body.blog-index-page .blog-pagination-button:hover:not(:disabled),body.blog-index-page .blog-pagination-button:focus-visible{border-color:var(--sky);color:var(--sky-deep);}
body.blog-index-page .blog-pagination-button:disabled{cursor:not-allowed;opacity:.42;}
body.blog-index-page .blog-pagination-status{min-width:96px;text-align:center;color:var(--steel);}
body.blog-index-page .blog-related-service{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:var(--cpa-space-32px);margin-top:var(--cpa-space-46px);padding-top:var(--cpa-space-28px);border-top:var(--cpa-border-1px) solid var(--border);}
body.blog-index-page .blog-related-service-kicker{margin:0 0 var(--cpa-space-8px);color:var(--sky-deep);}
body.blog-index-page .blog-related-service h2{margin:0;color:var(--harbour);}
body.blog-index-page .blog-related-service .service-card{opacity:1;transform:none;}
@media(max-width:700px){body.blog-index-page .blog-related-service{grid-template-columns:1fr;gap:var(--cpa-space-18px);margin-top:var(--cpa-space-34px);}body.blog-index-page .blog-pagination{gap:var(--cpa-space-10px);}body.blog-index-page .blog-pagination-button{padding-inline:var(--cpa-space-12px);}}

body.blog-index-page #blog-filter-bar{scroll-margin-top:calc(var(--header-h, 84px) + 24px);}
body.blog-index-page .blog-chip.active{background:color-mix(in srgb,var(--sky) 9%,var(--bg));border-color:color-mix(in srgb,var(--sky-deep) 55%,var(--border));color:var(--harbour);box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--sky-deep) 62%,transparent);}
body.blog-index-page .blog-chip:hover{background:color-mix(in srgb,var(--sky) 5%,var(--bg));border-color:color-mix(in srgb,var(--sky-deep) 42%,var(--border));color:var(--harbour);}
body.blog-index-page .blog-results-count:focus-visible{outline:var(--cpa-border-2px) solid var(--sky-deep);outline-offset:4px;}

body.blog-index-page .cpa-blog-index-kicker{margin:0 0 var(--cpa-space-13px);color:var(--cpa-ref-blue,var(--cpa-color-006b8f));}
body.blog-index-page .cpa-article-intro h1{max-width:760px;}
body.blog-index-page .cpa-article-intro-lead{max-width:760px;}





body.blog-index-page .blog-pagination{position:static;top:auto;z-index:auto;padding-inline:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;}


@media (prefers-reduced-motion:reduce){
  body.blog-index-page .service-card,
  html.cpa-reveal-enabled body.blog-index-page .service-card,
  html.cpa-reveal-enabled body.blog-index-page .service-card:not(.in-view){animation:none;transition:none;opacity:1;transform:none;}
}