/* Final BDG design adjustments. Scoped to the lab's rendered page. */
#main > section, #main > footer { border-block: 0 !important; border-inline: 0 !important; }
#main .v2-sys { padding-block: 0 var(--section-pad) !important; border: 0 !important; }   /* the user, 2026-09-14: room below the ticker */
#main .v2-ticker { border-block: 0; }
#main .v2-ticker__item { padding-block: 0; border-inline: 0; }
#main .v2-ticker:hover .v2-ticker__track { animation-play-state: running; }
#main section:has(> .wrap > .stats) { padding-block: clamp(36px, 4vw, 64px); }
#main .stats { border-top: 0; }
#main .stats > *, #main .stat, #main .fig-drawn__proof, #main .fig-drawn__offer { border-inline: 0 !important; }
#main .fig-drawn { padding-block: clamp(20px, 2.5vw, 36px); }
#main .fig-drawn__grid { border-inline: 0 !important; }
#main .bdg-final-about .about-crew__head { margin-bottom: var(--sp-6); }
#main .bdg-final-about .about-crew__grid { grid-template-columns: 1fr 1fr; gap: var(--sp-8); }
#main .bdg-final-about .about-crew__band { aspect-ratio: 3 / 1; }
#main .bdg-final-about .v2-facts { margin-top: 0; }
#main .bdg-final-about .v2-facts li { border-inline: 0; }
#main .bdg-haufe-note { margin-block: var(--sp-3); color: var(--fg-muted); }
#main .bdg-home-projects .ref-sc__top { margin-top: var(--sp-7); }
#main .bdg-edi-mark, #main .bdg-edi-icon { display: block; margin-bottom: var(--sp-4); width: 56px; height: 56px; object-fit: contain; }
#main .bdg-edi-icon { color: var(--fg-muted); }
#main .bsv-hub--photo .bsv-hub__map { grid-template-columns: minmax(0, 1.15fr) minmax(100px,.7fr) minmax(0,1.35fr); }
/* the ERP label sits in the middle of the photo (the user, 2026-09-14), on a soft centred shade */
#main .bsv-hub--photo .bsv-hub__core { position: relative; isolation: isolate; overflow: hidden; min-height: 360px; color: #fff;
  display: flex; flex-direction: column; justify-content: center; align-items: center; }
#main .bsv-hub__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
#main .bsv-hub--photo .bsv-hub__core::before { content: ''; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(closest-side, rgba(9,15,24,.6), rgba(9,15,24,.18)), linear-gradient(0deg, rgba(9,15,24,.4), transparent 55%); }
#main .bsv-hub--photo .bsv-hub__core span { color: #e1e4e9; }
#main .case2-hero { padding-bottom: clamp(24px,4vw,56px); }
#main .bdg-results { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--sp-5) var(--sp-8); padding: 0; list-style: none; margin-top: var(--sp-6); }
#main .bdg-results li { border-top: 1px solid var(--hairline); padding-top: var(--sp-4); }
#main .case2-proof-final { padding-block: var(--sp-6); }
/* blog post: the header photo runs edge to edge and meets the body; a wider reading column */
#main .blog-head:not(.blog-head--split) { padding-bottom: 0; }
#main .blog-head:not(.blog-head--split) > .wrap:has(> .blog-head__photo) { width: 100%; max-width: none; margin-inline: 0; padding-inline: 0; }
#main .blog-head__photo { border-radius: 0; }
#main :is(.blog-body,.blog-end) { --blog-col: min(100%, 860px); }
/* round 26: a featured image too small or not landscape enough for the band (finalization.js decides) is shown whole,
   never stretched past about its own size, on a blurred, darkened copy of itself that fills the band's width */
#main .blog-head__photo--fit { aspect-ratio: auto; height: min(33.333vw, 640px); background: var(--bg); }
#main .blog-head__photo--fit > img { object-fit: contain; }
#main .blog-head__photo--fit > .blog-head__backdrop { inset: -48px; width: calc(100% + 96px); height: calc(100% + 96px); object-fit: cover; filter: blur(40px) brightness(.24) saturate(.7);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 24%, #000 76%, transparent); mask-image: linear-gradient(90deg, transparent, #000 24%, #000 76%, transparent); }
@media (max-width: 700px) { #main .blog-head__photo--fit { height: auto; aspect-ratio: var(--ratio-teaser, 16 / 9); } }
/* WordPress's own content blocks in the article: every image at its own ratio, never cropped or blown up */
#main .blog-prose > :is(.wp-block-image, .wp-block-media-text, .wp-block-table, .wp-check) { margin: 1.6em 0 0; }
#main .blog-prose > :is(.wp-block-image, .wp-block-media-text, .wp-block-table, .wp-check) + * { margin-top: 1.6em; }
#main .wp-check > * + * { margin-top: 1.05em; }
#main .wp-check > :is(.wp-block-image, .wp-block-media-text, .wp-block-table) { margin: 1.6em 0 0; }
#main .wp-check__note { font-size: var(--fs-small); color: var(--fg-dim); }
#main .blog-prose :is(.wp-block-image, .wp-block-media-text__media) { margin: 0; }
#main .blog-prose .wp-block-image img { display: block; width: auto; max-width: 100%; height: auto; border-radius: var(--img-radius, var(--radius-card)); }
#main .blog-prose :is(.wp-block-image figcaption, .wp-element-caption) { margin-top: var(--sp-2); font-size: var(--fs-small); color: var(--fg-dim); }
#main .blog-prose .wp-block-media-text { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: var(--sp-6); align-items: center; }
#main .blog-prose .wp-block-media-text__media img { display: block; width: 100%; height: auto; border-radius: var(--img-radius, var(--radius-card)); }
#main .blog-prose .wp-block-media-text__content > * + * { margin-top: 1.05em; }
@media (max-width: 600px) { #main .blog-prose .wp-block-media-text { grid-template-columns: minmax(0, 1fr); gap: var(--sp-4); } }
#main .blog-prose .wp-block-table { overflow-x: auto; font-size: var(--fs-body); line-height: 1.5; }
#main .blog-prose .wp-block-table table { width: 100%; min-width: 520px; border-collapse: collapse; }
#main .blog-prose .wp-block-table :is(th, td) { padding: var(--sp-2) var(--sp-3) var(--sp-2) 0; border-bottom: 1px solid var(--blog-rule); text-align: left; vertical-align: top; }
#main .blog-prose .wp-block-table thead th { font-size: var(--fs-eyebrow); font-weight: 600; letter-spacing: var(--ls-eyebrow); text-transform: uppercase; color: var(--fg-dim); }
/* the live site's photos are bright: kept low-key on the dark ground, lit on hover or focus */
#main .ref-index--original :is(.ref-card__img,.ref-tile__img) { filter: brightness(.46) saturate(.7); transition: filter .6s var(--ease-out); }
#main .ref-index--original :is(.ref-card,.ref-tile):focus-within :is(.ref-card__img,.ref-tile__img) { filter: brightness(.95) saturate(1); }
@media (hover: hover) { #main .ref-index--original :is(.ref-card,.ref-tile):hover :is(.ref-card__img,.ref-tile__img) { filter: brightness(.95) saturate(1); } }
@media(max-width:900px){
  #main .bdg-final-about .about-crew__grid { grid-template-columns: minmax(0,1fr); gap: var(--sp-5); }
  #main .bdg-final-about .about-crew__band { aspect-ratio: 16 / 9; }
  #main .bsv-hub--photo .bsv-hub__map { grid-template-columns: minmax(0,1fr); }
  #main .bsv-hub--photo .bsv-hub__core { min-height: 300px; }
}
@media(max-width:767px){
  #main .bdg-results { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce){#main .v2-ticker__track { animation:none !important; }}