/* The original graphics, framed for Michael's BeBuilder layout. */
.hc-hero-network { width: 100%; aspect-ratio: 1; }
.hc-hero-network canvas { display: block; width: 100%; height: 100%; cursor: grab; }
.hc-hero-network canvas:active { cursor: grabbing; }
.section:has(.hc-hero-network) { overflow: hidden; }
.section:has(.hc-hero-network) .section_wrapper { position: relative; }
.section:has(.hc-hero-network) .wrap:not(:has(.hc-hero-network)) { z-index: 2; }
.section:has(.hc-hero-network) .wrap:has(.hc-hero-network) { position: absolute; width: 78%; right: -19%; top: calc(50% - 50px); transform: translateY(-50%); }
.section:has(.hc-hero-network) .wrap:has(.hc-hero-network) .mcb-column-inner { margin: 0; }
.hc-phase-network { width: 100%; aspect-ratio: 1; overflow: hidden; margin-bottom: 28px; }
.hc-phase-network canvas { display: block; width: 100%; height: 100%; }
.hc-phase-copy { color: #737373; font-size: 16px; line-height: 28px; }
.hc-phase-copy p:last-child { margin-bottom: 0; }

/* Shared single-post rules, including future articles. */
body.single-post #Subheader { background: #000; }
body.single-post #Content .the_content_wrapper :is(h2,h3,h4,h5,h6) { margin-top: 48px; margin-bottom: 24px; }
body.single-post #Content .the_content_wrapper a,
body.single-post #Content .the_content_wrapper a:visited { color: #000; }
body.single-post #Content .the_content_wrapper a:hover { color: #000; text-decoration: underline; }

@media (max-width: 959px) {
  .section:has(.hc-hero-network) .wrap:not(:has(.hc-hero-network)) { width: 100%; }
  .section:has(.hc-hero-network) .wrap:has(.hc-hero-network) { position: relative; width: 100%; max-width: 640px; right: auto; top: auto; transform: none; margin: 0 auto; }
}
@media (max-width: 767px) {
  .section .mcb-wrap-grid:has(.hc-phase-network) > .mcb-wrap-inner { grid-template-columns: minmax(0, 1fr); }
  body.single-post #Content .the_content_wrapper :is(h2,h3,h4,h5,h6) { margin-top: 36px; margin-bottom: 20px; }
}