/* M07 only: native resource page and bounded published-tutorial aggregation. */
.wbh-m07.wbh-resources-page { min-width: 0; padding-block: clamp(2.25rem, 5vw, 4rem) clamp(3.5rem, 6vw, 5rem); }
.wbh-m07 .wbh-resources-article { min-width: 0; }
.wbh-m07 .wbh-resources-header { max-width: 780px; margin-bottom: 1.8rem; }
.wbh-m07 .wbh-resources-back { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: .85rem; color: var(--wbh-muted); font-size: .85rem; text-decoration: none; }
.wbh-m07 .wbh-resources-title { margin: 0; font-size: clamp(2rem, 4.5vw, 3.3rem); line-height: 1.3; }
.wbh-m07 .wbh-resources-content { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.wbh-m07 .wbh-resources-intro { max-width: 780px; margin-bottom: 2rem; color: var(--wbh-muted); font-size: 1.05rem; }
.wbh-m07 .wbh-resources-content .wp-block-group { min-width: 0; max-width: 100%; }
.wbh-m07 .wbh-resource-eyebrow { margin: 0 0 .6rem; color: var(--wbh-gold); font-size: .75rem; font-weight: 700; letter-spacing: .14em; }
.wbh-m07 .wbh-resources-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; margin-block: 2rem 3rem; }
.wbh-m07 .wbh-resources-grid > .wp-block-group__inner-container { display: contents; }
.wbh-m07 .wbh-resource-card { min-width: 0; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--wbh-line); border-radius: 16px; background: var(--wbh-surface); }
.wbh-m07 .wbh-resource-card .wp-block-heading { margin: .5rem 0 .8rem; font-size: clamp(1.45rem, 3vw, 1.8rem); }
.wbh-m07 .wbh-resource-card :is(p, ul) { margin-bottom: 1rem; }
.wbh-m07 .wbh-resource-card > :last-child,
.wbh-m07 .wbh-resource-card > .wp-block-group__inner-container > :last-child { margin-bottom: 0; }
.wbh-m07 .wbh-resource-card p { color: var(--wbh-muted); font-size: .93rem; }
.wbh-m07 .wbh-resource-card ul { padding-left: 1.2em; font-size: .93rem; }
.wbh-m07 .wbh-resource-card li + li { margin-top: .5rem; }
.wbh-m07 .wbh-resource-card .wbh-resource-status { display: inline-block; margin-bottom: .75rem; padding: .15rem .65rem; border-radius: 999px; background: #eaf2f2; color: #245b63; font-size: .74rem; font-weight: 600; }
.wbh-m07 .wbh-resource-next { padding: 1.5rem clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--wbh-line); border-radius: 16px; background: #edf3f2; }
.wbh-m07 .wbh-resource-next .wp-block-heading { margin-top: 0; font-size: clamp(1.45rem, 3vw, 1.8rem); }
.wbh-m07 .wbh-resource-next p { max-width: 760px; color: var(--wbh-muted); }
.wbh-m07 .wp-block-buttons { flex-wrap: wrap; gap: .7rem; margin-block: 1rem 0; }
.wbh-m07 .wp-block-button { min-width: 0; max-width: 100%; }
.wbh-m07 .wp-block-button__link { min-height: 46px; max-width: 100%; padding: .7rem 1.15rem; font-size: .87rem; overflow-wrap: anywhere; }
.wbh-m07 .wbh-resource-library { min-width: 0; margin-top: 3rem; padding-top: 2.5rem; border-top: 1px solid var(--wbh-line); }
.wbh-m07 .wbh-resource-library-heading { max-width: 780px; margin-bottom: 1.4rem; }
.wbh-m07 .wbh-resource-library h2 { margin: 0 0 .7rem; font-size: clamp(1.6rem, 3vw, 2rem); }
.wbh-m07 .wbh-resource-library-heading > p:last-child { margin-bottom: 0; color: var(--wbh-muted); font-size: .93rem; }
.wbh-m07 .wbh-resource-tutorial-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.wbh-m07 .wbh-resource-tutorial-card { min-width: 0; padding: 1.5rem; border: 1px solid var(--wbh-line); border-radius: 14px; background: var(--wbh-surface); }
.wbh-m07 .wbh-resource-tutorial-card time { color: var(--wbh-muted); font-size: .75rem; }
.wbh-m07 .wbh-resource-tutorial-card h3 { margin: .6rem 0 .8rem; font-size: 1.25rem; }
.wbh-m07 .wbh-resource-tutorial-card h3 a { display: flex; align-items: center; min-height: 44px; text-decoration: none; overflow-wrap: anywhere; }
.wbh-m07 .wbh-resource-tutorial-card p { margin-bottom: .8rem; color: var(--wbh-muted); font-size: .9rem; }
.wbh-m07 .wbh-resource-tutorial-link { display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; max-width: 100%; font-size: .85rem; font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.wbh-m07 .wbh-resource-empty { padding: 1.5rem; border: 1px dashed #baccca; border-radius: 14px; }
.wbh-m07 .wbh-resource-empty p { max-width: 740px; margin-bottom: .6rem; color: var(--wbh-muted); font-size: .93rem; }
.wbh-m07 .wbh-resource-empty .wbh-resource-empty-title { color: var(--wbh-ink); font-weight: 600; }
.wbh-m07 .wbh-resource-category-links { display: flex; flex-wrap: wrap; gap: .7rem 1.4rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.wbh-m07 .wbh-resource-category-links a { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; font-size: .85rem; text-decoration: none; }
.wbh-m07 .wbh-resources-pagination { display: flex; flex-wrap: wrap; gap: .6rem; margin-block: 1.5rem; }
.wbh-m07 .wbh-resources-pagination .post-page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: .4rem .85rem; border: 1px solid var(--wbh-line); border-radius: 7px; text-decoration: none; }
.wbh-m07 :is(a, button):focus-visible { outline: 3px solid var(--wbh-blue); outline-offset: 3px; }
.wbh-m07 :is(.alignwide, .alignfull) { width: 100%; max-width: 100%; margin-inline: 0; }
.wbh-m07 :is(img, video, iframe) { max-width: 100%; height: auto; }
.wbh-m07 pre { min-width: 0; max-width: 100%; overflow-x: auto; white-space: pre; overflow-wrap: normal; }
@media (max-width: 680px) {
  .wbh-m07 .wbh-resources-grid,
  .wbh-m07 .wbh-resource-tutorial-grid { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .wbh-m07 .wbh-resource-library { margin-top: 2.25rem; padding-top: 2rem; }
  .wbh-m07 .wbh-resources-intro { font-size: 1rem; }
}