/* FoldCool editorial extensions. Base layout: moban. */
footer a { color: #fff; }
footer a:hover { color: var(--brand-light); }
.header-menu-ul a[aria-current="page"] { color: var(--brand-strong); }
.form-control,.form-select { min-height:49px; border-radius:8px; font-size:16px; }
.form-label { font-weight:600; font-size:15px; }
.wznrys table { min-width:560px; }
.wznrys table caption { caption-side:top; color:var(--ink-muted); }
.article-sources { overflow-wrap:anywhere; }
article.blog-content pre { white-space:pre-wrap; overflow-wrap:anywhere; padding:1.25rem; border:1px solid #e1def0; border-radius:8px; background:var(--brand-tint); font-size:15px; line-height:1.7; }
.article-hero { object-fit:contain; background:var(--brand-tint); }
.article-sources li { margin-bottom:14px; }
.article-toc .js-toc a { line-height:1.4; }
.faq_card { background:#fff; }
main h1 { text-wrap:balance; }
main h2 { text-wrap:pretty; }
#blog-articles .col > article { background:#fff; }
#blog-articles h2 a:hover { color:var(--brand-strong); }
@media(max-width:575px) {
  footer .col { text-align:left; }
  .article-title { overflow-wrap:break-word; }
}

/* Keep design-example pagination visible and outside the linked cards. */
.Swiper-4 > .swiper-pagination { position:relative; bottom:auto; margin-top:16px; }