body{font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}

.article-hero{
  background:linear-gradient(135deg, rgba(15,79,101,.08), rgba(11,185,165,.08));
  border-radius:28px;
  padding:2.25rem;
  margin-top:1.5rem;
  margin-bottom:2rem;
}

.article-kicker{
  display:inline-block;
  font-size:.85rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#0e7f8e;
  background:rgba(11,185,165,.10);
  border:1px solid rgba(11,185,165,.18);
  border-radius:999px;
  padding:.45rem .8rem;
  margin-bottom:1rem;
}

.article-hero h1{
  font-size:clamp(2rem, 4vw, 3rem);
  line-height:1.12;
  font-weight:800;
  color:#0f4f65;
  margin-bottom:1rem;
}

.article-subtitle{
  font-size:1.08rem;
  line-height:1.75;
  color:#35515a;
  max-width:900px;
  margin-bottom:1.25rem;
}

.article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem 1.25rem;
  font-size:.95rem;
  color:#4d6570;
}

.article-shell{
  max-width:860px;
  margin:0 auto 4rem;
}

.article-cover{
  border-radius:24px;
  overflow:hidden;
  margin-bottom:2rem;
  box-shadow:0 20px 50px rgba(15,79,101,.08);
}

.article-cover img{
  width:100%;
  height:auto;
  display:block;
}

.article-body{
  font-size:1.06rem;
  line-height:1.9;
  color:#22353b;
}

.article-body h2{
  color:#0f4f65;
  font-size:1.55rem;
  font-weight:800;
  margin-top:2.5rem;
  margin-bottom:1rem;
}

.article-body h3{
  color:#0f4f65;
  font-size:1.2rem;
  font-weight:700;
  margin-top:1.8rem;
  margin-bottom:.75rem;
}

.article-body p{margin-bottom:1rem;}
.article-body ul{padding-left:1.2rem;margin-bottom:1.2rem;}
.article-body li{margin-bottom:.55rem;}

.article-note,
.article-cta,
.article-refbox{
  border:1px solid rgba(15,79,101,.12);
  border-radius:22px;
  padding:1.2rem 1.25rem;
  background:#fff;
  box-shadow:0 10px 25px rgba(15,79,101,.04);
  margin:1.5rem 0;
}

.article-note{background:linear-gradient(180deg, rgba(11,185,165,.06), rgba(11,185,165,.02));}
.article-cta{background:linear-gradient(180deg, rgba(15,79,101,.06), rgba(15,79,101,.02));}
.article-cta a{text-decoration:none;font-weight:700;}

.refs-list{
  margin:0;
  padding-left:1.1rem;
  font-size:.98rem;
  line-height:1.7;
}

.refs-list a{word-break:break-word;}

.article-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:2rem;
}

.article-tag{
  display:inline-block;
  padding:.45rem .75rem;
  border-radius:999px;
  background:#f3f8fa;
  color:#0f4f65;
  border:1px solid rgba(15,79,101,.10);
  font-size:.9rem;
  font-weight:600;
}

.breadcrumb{
  margin-top:1.2rem;
  margin-bottom:1rem;
  font-size:.95rem;
}

.breadcrumb a{text-decoration:none;}

.article-related{
  margin-top:2.5rem;
  padding-top:2rem;
  border-top:1px solid rgba(15,79,101,.10);
}

.article-related[hidden]{display:none!important;}

.article-related-block + .article-related-block{margin-top:1.6rem;}

.article-related-heading{
  display:flex;
  align-items:center;
  gap:.5rem;
  color:#0f4f65;
  font-size:1.25rem;
  font-weight:800;
  margin-bottom:1rem;
}

.article-related-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:.9rem;
}

.article-related-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:1rem;
  border:1px solid rgba(15,79,101,.10);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15,79,101,.05);
  color:#22353b;
  text-decoration:none;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.article-related-card:hover,
.article-related-card:focus-visible{
  color:#22353b;
  border-color:rgba(11,185,165,.35);
  box-shadow:0 14px 32px rgba(15,79,101,.09);
  transform:translateY(-2px);
}

.article-related-card small{
  color:#0e7f8e;
  font-weight:700;
  margin-bottom:.45rem;
}

.article-related-card strong{
  color:#0f4f65;
  line-height:1.35;
}

.article-related-card span{
  margin-top:.55rem;
  color:#667b86;
  font-size:.9rem;
}

.article-service-pills{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
}

.article-service-pill{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.62rem .85rem;
  border-radius:999px;
  border:1px solid rgba(15,79,101,.12);
  background:#f8fcfd;
  color:#0f4f65;
  font-size:.92rem;
  font-weight:700;
}

.article-service-pill--link{
  color:#0f4f65;
  text-decoration:none;
}

.article-service-pill--link:hover,
.article-service-pill--link:focus-visible{
  background:#0f4f65;
  color:#fff;
}

.article-disclaimer {
  margin: 2rem 0;
  padding: 1rem 1.15rem;
  border-left: 4px solid rgba(14, 127, 142, 0.35);
  background: rgba(244, 251, 251, 0.8);
  border-radius: 14px;
  color: #4f6670;
  font-size: 0.95rem;
  line-height: 1.7;
}

.article-disclaimer p {
  margin: 0;
}

.article-disclaimer strong {
  color: #0f4f65;
}

@media (max-width:991.98px){
  .article-related-grid{grid-template-columns:1fr 1fr;}
}

@media (max-width:768px){
  .article-hero{padding:1.5rem;}
  .article-shell{max-width:100%;}
}

@media (max-width:575.98px){
  .article-related-grid{grid-template-columns:1fr;}
}