.wphd-kb-article {
  box-sizing: border-box;
  width: min(100% - 2rem, 860px);
  margin: 2rem auto 4rem;
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 1px solid #d9e2ea;
  border-radius: 16px;
  background: #fff;
  color: #172b3e;
  box-shadow: 0 18px 45px rgb(7 30 47 / 12%);
  line-height: 1.65;
}
.wphd-kb-article *, .wphd-kb-article *::before, .wphd-kb-article *::after { box-sizing: border-box; }
.wphd-kb-article header { margin-bottom: 1.8rem; padding-bottom: 1.4rem; border-bottom: 1px solid #d9e2ea; }
.wphd-kb-article h1, .wphd-kb-article h2, .wphd-kb-article h3, .wphd-kb-article p, .wphd-kb-article li { color: #172b3e; }
.wphd-kb-article h1 { margin: .35rem 0 0; font-size: clamp(1.8rem, 3vw, 2.5rem); line-height: 1.2; }
.wphd-kb-article h2, .wphd-kb-article h3 { margin: 1.8rem 0 .6rem; line-height: 1.3; }
.wphd-kb-article p { margin: 0 0 1rem; }
.wphd-kb-article li { margin: .3rem 0; }
.wphd-kb-article ul, .wphd-kb-article ol { margin: .5rem 0 1.2rem; padding-left: 1.5rem; }
.wphd-kb-article a { color: #0c5d8d; text-decoration: underline; text-underline-offset: 2px; }
.wphd-kb-article a:focus-visible { outline: 3px solid #f0a832; outline-offset: 2px; }
.wphd-kb-article .wphd-kb-back { display: inline-block; margin-bottom: 1.2rem; font-weight: 700; }
.wphd-kb-article .wphd-kb-eyebrow { margin: 0; color: #145b7c; font-size: .8rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
@media (max-width: 640px) {
  .wphd-kb-article { width: min(100% - 1rem, 860px); margin: 1rem auto 2rem; border-radius: 12px; }
}