.wd-resources-content { max-width: 1040px; padding-block: 12px 48px; }
.wd-resources-list { list-style: none; margin: 0; padding: 0; }
.wd-resources-list > li + li { border-top: 1px solid var(--wd-line); }
.wd-resource-row { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 22px; padding-block: 27px; }
.wd-resource-symbol { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid #d4e4f1; border-radius: 10px; background: #edf8ff; color: var(--wd-blue); }
.wd-resource-symbol svg { width: 25px; height: 25px; }
.wd-resource-copy h2 { font-size: 21px; line-height: 1.4; letter-spacing: -.3px; font-weight: 650; overflow-wrap: anywhere; }
.wd-resource-copy h2 a { color: var(--wd-ink); text-decoration: none; }
.wd-resource-copy h2 a:hover { color: var(--wd-blue); text-decoration: underline; text-underline-offset: .18em; }
.wd-resource-copy h2 a span { color: var(--wd-blue); white-space: nowrap; font-weight: 400; }
.wd-resource-description { margin-top: 9px; color: #43526c; font-size: 15.5px; line-height: 1.65; overflow-wrap: anywhere; }
.wd-resource-subtitle { margin-top: 8px; font-size: 14px; line-height: 1.5; color: var(--wd-muted); font-weight: 600; }
.wd-resources-page a:focus-visible { outline: 3px solid #0081ec; outline-offset: 4px; }
@media (max-width: 640px) {
  .wd-resources-content { padding-block: 6px 32px; }
  .wd-resource-row { grid-template-columns: 32px minmax(0, 1fr); gap: 14px; padding-block: 23px; }
  .wd-resource-symbol { width: 32px; height: 36px; border-radius: 7px; }
  .wd-resource-symbol svg { width: 21px; height: 21px; }
  .wd-resource-copy h2 { font-size: 19px; }
}