/* Only the /blog and category templates include this stylesheet. */
.wmd-blog { box-sizing: border-box; max-width: 1120px; margin: 0 auto; padding: 32px 24px 60px; color: #333; }
.wmd-blog *, .wmd-blog *::before, .wmd-blog *::after { box-sizing: border-box; }
.wmd-blog__layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; }
.wmd-blog__layout--sidebar { grid-template-columns: minmax(0, 1fr) 250px; }
.wmd-blog h1 { color: #243e51; font-size: 2rem; line-height: 1.25; margin: 0 0 24px; }
.wmd-blog h2 { font-size: 1.35rem; line-height: 1.35; margin: 0 0 8px; }
.wmd-blog h2 a { text-decoration: none; }
.wmd-blog__card { border-bottom: 1px solid #ddd; padding: 0 0 26px; margin: 0 0 26px; }
.wmd-blog__meta { color: #666; font-size: .9rem; margin: 0 0 16px; }
.wmd-blog__thumbnail { display: block; margin: 0 0 18px; }
.wmd-blog img { max-width: 100%; height: auto; }
.wmd-blog__excerpt { line-height: 1.7; overflow-wrap: break-word; }
.wmd-blog__sidebar .widget { margin-bottom: 28px; }
.wmd-blog__sidebar .widget-title { font-size: 1.15rem; }
main.wmd-blog ul.page-numbers {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  list-style: none; margin: 28px 0 0; padding: 0;
}
main.wmd-blog ul.page-numbers li { display: block; list-style: none; margin: 0; padding: 0; }
main.wmd-blog ul.page-numbers a.page-numbers,
main.wmd-blog ul.page-numbers span.page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 38px; min-height: 38px; padding: 7px 12px;
  border: 1px solid #a8bdc8; border-radius: 4px;
  color: #285b76; background: #fff; text-decoration: none;
  font-size: 15px; line-height: 1.2; font-weight: 600;
}
main.wmd-blog ul.page-numbers a.page-numbers:hover,
main.wmd-blog ul.page-numbers a.page-numbers:focus-visible {
  color: #fff; background: #285b76; border-color: #285b76;
}
main.wmd-blog ul.page-numbers span.page-numbers.current {
  color: #fff; background: #285b76; border-color: #285b76;
}
.wmd-blog .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 760px) { .wmd-blog { padding: 24px 16px 40px; } .wmd-blog__layout { display: block; } .wmd-blog__sidebar { margin-top: 36px; } }