.mdbg-blog-intro { padding: 76px 0 44px; text-align: center; }
.mdbg-blog-intro h2 { margin-inline: auto; max-width: 820px; text-transform: uppercase; }
.mdbg-blog-intro p:last-child { margin-inline: auto; max-width: 760px; }
.mdbg-guide-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 34px; padding-bottom: 92px; }
.mdbg-guide-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--line); background: var(--white); }
.mdbg-guide-card__image { display: block; overflow: hidden; background: var(--soft); aspect-ratio: 3/2; }
.mdbg-guide-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.mdbg-guide-card:hover .mdbg-guide-card__image img { transform: scale(1.025); }
.mdbg-guide-card__body { display: flex; flex: 1; flex-direction: column; padding: 30px; }
.mdbg-guide-card__body h2 { font-size: 1.45rem; line-height: 1.2; text-transform: uppercase; }
.mdbg-guide-card__body h2 a { text-decoration: none; }
.mdbg-guide-card__body .text-link { margin-top: auto; }
.mdbg-guide-card__meta, .mdbg-guide-byline { color: var(--muted); font-size: .72rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.mdbg-pagination { padding-bottom: 86px; }
.mdbg-guide-article { padding: 58px 0 100px; }
.mdbg-guide-byline { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-bottom: 24px; }
.mdbg-guide-hero { margin: 0 0 45px; }
.mdbg-guide-hero img { display: block; width: 100%; aspect-ratio: 3/2; object-fit: cover; }
.mdbg-guide-hero figcaption { padding-top: 8px; color: var(--muted); font-size: .7rem; line-height: 1.5; }
.mdbg-guide-content.prose { padding: 0; }
.mdb-guide-toc { margin: 38px 0; padding: 28px 32px; border: 1px solid var(--line); background: var(--soft); }
.mdb-guide-toc > strong { color: var(--charcoal); text-transform: uppercase; }
.mdb-guide-toc ol { columns: 2; gap: 40px; margin-bottom: 0; }
.mdb-guide-toc a { text-decoration: none; }
.mdb-guide-callout { margin: 34px 0; padding: 25px 28px; border-left: 4px solid var(--yellow); background: var(--charcoal); color: #d0d0d0; }
.mdb-guide-callout strong { color: var(--yellow); letter-spacing: .04em; text-transform: uppercase; }
.mdb-guide-callout p { margin: 7px 0 0; }
.mdb-guide-callout a { color: var(--yellow); }
.mdb-guide-callout--warning { border-color: var(--red); }
.mdb-guide-callout--warning strong { color: #ffb5ad; }
.mdb-guide-checklist { margin: 32px 0; padding: 28px 32px; background: #fff8d9; border: 1px solid #ead57c; }
.mdb-guide-checklist > strong { color: var(--charcoal); text-transform: uppercase; }
.mdb-guide-checklist ul, .mdb-guide-checklist ol { margin-bottom: 0; }
.mdb-guide-table { width: 100%; margin: 34px 0; border-collapse: collapse; font-size: .88rem; }
.mdb-guide-table th, .mdb-guide-table td { padding: 13px 14px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.mdb-guide-table th { color: var(--charcoal); background: var(--yellow); text-transform: uppercase; }
.mdb-guide-table tbody tr:nth-child(even) { background: var(--soft); }
.mdb-guide-sources { padding: 24px 28px 18px; border-left: 4px solid var(--yellow); background: var(--soft); }
.mdb-guide-sources a { word-break: break-word; }
.mdbg-guide-content .woocommerce { margin: 32px 0 48px; }
.mdbg-guide-content .woocommerce ul.products { grid-template-columns: repeat(3,minmax(0,1fr)); }
.mdbg-guide-content .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: .7rem; }
.mdbg-guide-content .woocommerce ul.products li.product .button { display: none; }
.mdbg-guide-footer { margin-top: 55px; padding-top: 30px; border-top: 1px solid var(--line); }
@media (max-width: 720px) {
  .mdbg-guide-grid { grid-template-columns: 1fr; gap: 24px; padding-bottom: 68px; }
  .mdbg-blog-intro { padding: 58px 0 34px; }
  .mdbg-guide-card__body { padding: 23px; }
  .mdbg-guide-article { padding: 38px 0 72px; }
  .mdb-guide-toc ol { columns: 1; }
  .mdb-guide-table { display: block; overflow-x: auto; }
  .mdbg-guide-content .woocommerce ul.products { grid-template-columns: repeat(2,minmax(0,1fr)); }
}