/* TEAM500 MONOLITH v24 — Media & Interaction QA */
body[data-v24]{--v24-ink:#080808;--v24-paper:#f3f1ea;--v24-soft:#e9e6dd;--v24-white:#fff;--v24-orange:#ff4d00;--v24-muted:#5c5952;--v24-line:rgba(8,8,8,.16)}

/* The section is the video canvas. No padding or filler may sit around it. */
html body[data-v24] main section.v24-video-section{padding:0!important;overflow:hidden!important;border:0!important;background:var(--v24-ink)!important}
html body[data-v24] main section.v24-video-section>.v24-video-surface{margin-top:0!important;margin-bottom:0!important}
body[data-v24] .v24-video-surface{overflow:hidden!important;padding:0!important;background:transparent!important}
body[data-v24] section.v24-video-section>.v24-video-surface{inset:0!important;width:100%!important;height:100%!important;border:0!important}
body[data-v24] .v24-video{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important;object-position:center!important;background:transparent!important}
body[data-v24] section.v21-video-only .v24-video-surface{position:relative!important;width:100%!important;min-height:clamp(430px,46vw,680px)!important}

/* Home cases: one ratio and a solid copy surface, never text on an unknown pixel. */
html body[data-v24] main #cases .v24-home-case-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:1fr!important;gap:24px!important;min-height:0!important;height:auto!important}
html body[data-v24] main .v24-home-case-grid>.v24-home-case{position:relative!important;inset:auto!important;display:grid!important;grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important;min-width:0!important;min-height:0!important;height:100%!important;overflow:hidden!important;border:0!important;background:var(--v24-ink)!important;transform:none!important}
html body[data-v24] main .v24-home-case-grid>.v24-home-case :is(.item__img,.feat__img){position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;overflow:hidden!important;background:var(--v24-ink)!important}
html body[data-v24] main .v24-home-case-grid>.v24-home-case :is(.item__img,.feat__img)::after{content:none!important;display:none!important}
html body[data-v24] main .v24-home-case-grid .v24-card-copy{position:relative!important;inset:auto!important;display:grid!important;align-content:start!important;min-height:0!important;padding:26px!important;background:var(--v24-ink)!important;color:var(--v24-white)!important;transform:none!important}
html body[data-v24] main .v24-home-case-grid .v24-card-copy :is(h3,h4){color:var(--v24-white)!important;text-shadow:none!important}
html body[data-v24] main .v24-home-case-grid .v24-card-copy p{display:block!important;color:rgba(255,255,255,.78)!important;text-shadow:none!important}
html body[data-v24] main .v24-home-case-grid .v24-card-copy :is(.item__cat,.case-metric,.item__go){color:var(--v24-orange)!important;text-shadow:none!important}
html body[data-v24] main .v24-home-case-grid>.v24-home-case:hover{background:var(--v24-ink)!important;color:var(--v24-white)!important;transform:none!important}

/* Every cover owns a 16:10 source and a 16:10 box. No crop, no stretch. */
body[data-v24] img.v24-cover-image{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important;background:var(--v24-ink)!important}
html body[data-v24] main #cases .v24-home-case-grid img.v24-cover-image{width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:contain!important;object-position:center!important}
body[data-v24] :is(#caseGrid,#blogGrid) :is(.item__img,.feat__img){height:auto!important;aspect-ratio:16/10!important}
body[data-v24] :is(#caseGrid,#blogGrid) img.v24-cover-image{height:auto!important;aspect-ratio:16/10!important;object-fit:contain!important}
html body[data-v24] main .tube{height:auto!important;min-height:0!important;aspect-ratio:16/10!important}
html body[data-v24] main .tube img.v24-cover-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:16/10!important;object-fit:contain!important}

/* Related materials: equal media geometry and equal-height copy cards. */
html body[data-v24] main .v24-related-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:18px!important}
html body[data-v24] main .v24-related-grid>.v24-related-card{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto 1fr auto!important;align-content:start!important;height:100%!important;min-width:0!important;padding:0 0 20px!important;border:0!important;background:var(--v24-white)!important;color:var(--v24-ink)!important;transform:none!important}
html body[data-v24] main .v24-related-grid>.v24-related-card>img.v24-cover-image{grid-column:1/-1!important;grid-row:1!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;margin:0 0 18px!important;object-fit:contain!important}
html body[data-v24] main .v24-related-grid>.v24-related-card>:not(img){grid-column:1!important;margin-left:20px!important;margin-right:20px!important}
html body[data-v24] main .v24-related-grid>.v24-related-card:hover{background:var(--v24-white)!important;color:var(--v24-ink)!important;transform:none!important}

/* Compliance: one dark registry, four domains, sharp tags. */
html body[data-v24] main #markets .v24-compliance{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;margin:0!important;padding:1px!important;background:#2a2926!important}
html body[data-v24] main .home-markets .v24-compliance>.v24-compliance-group{display:block!important;margin:0!important;padding:30px!important;border:0!important;background:var(--v24-ink)!important;color:var(--v24-white)!important}
html body[data-v24] main .home-markets .v24-compliance-group :is(h3,h4){margin:0 0 22px!important;color:var(--v24-white)!important;font:850 clamp(1.05rem,1.5vw,1.35rem)/1.18 Manrope,sans-serif!important}
html body[data-v24] main .home-markets .v24-compliance-group ul{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important}
html body[data-v24] main .home-markets .v24-compliance-tag{display:inline-flex!important;width:auto!important;margin:0!important;padding:9px 12px!important;border:1px solid rgba(255,255,255,.22)!important;background:transparent!important;color:rgba(255,255,255,.88)!important;font:700 11px/1.3 'IBM Plex Mono',monospace!important}

/* FAQ: no hover inversion or geometry animation; only the open state changes. */
html body[data-v24] main details.v24-faq{margin:0 0 2px!important;border:0!important;border-left:3px solid transparent!important;background:var(--v24-white)!important;color:var(--v24-ink)!important;transition:none!important;transform:none!important}
html body[data-v24] main details.v24-faq:hover{border-left-color:transparent!important;background:var(--v24-white)!important;color:var(--v24-ink)!important;transform:none!important}
html body[data-v24] main details.v24-faq[open]{border-left-color:var(--v24-orange)!important;background:var(--v24-soft)!important;color:var(--v24-ink)!important}
html body[data-v24] main details.v24-faq summary{padding:20px 22px!important;color:var(--v24-ink)!important;transition:none!important}
html body[data-v24] main details.v24-faq.v23-faq[open]>summary{background:transparent!important;color:var(--v24-ink)!important}
html body[data-v24] main details.v24-faq .qa__a{padding:0 62px 22px 22px!important;background:transparent!important;color:var(--v24-muted)!important}
html body[data-v24] main details.v24-faq .qa__pm{background:var(--v24-orange)!important}
html body[data-v24] main details.v24-faq .qa__pm::before,
html body[data-v24] main details.v24-faq .qa__pm::after{background:var(--v24-ink)!important;transition:none!important}

/* Complete sticky article rail: navigation, sharing, author and CTA. */
body[data-v24] .v24-rail{position:sticky!important;top:88px!important;display:grid!important;align-content:start!important;width:286px!important;max-height:none!important;overflow:visible!important;padding:18px!important;border:0!important;background:var(--v24-white)!important;color:var(--v24-ink)!important;box-shadow:none!important;transform:none!important}
body[data-v24] .v24-rail>div:first-child{overflow:visible!important;max-height:none!important}
body[data-v24] .v24-toc{display:grid!important;gap:0!important;margin:0!important;padding:0!important;overflow:visible!important}
body[data-v24] .v24-toc a{display:block!important;padding:5px 8px 5px 12px!important;background:transparent!important;color:var(--v24-muted)!important;font:680 10.5px/1.28 Manrope,sans-serif!important;transition:color .12s ease,box-shadow .12s ease!important}
body[data-v24] .v24-toc a:hover{background:transparent!important;color:var(--v24-ink)!important}
body[data-v24] .v24-toc a.is-active{background:transparent!important;color:var(--v24-ink)!important;box-shadow:inset 2px 0 0 var(--v24-orange)!important;font-weight:850!important}
body[data-v24] .v24-rail .share{display:flex!important;gap:6px!important;margin:12px 0 0!important;padding:12px 0!important;border-top:1px solid var(--v24-line)!important;border-bottom:1px solid var(--v24-line)!important}
body[data-v24] .v24-rail .share button{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border:1px solid var(--v24-line)!important;background:transparent!important;color:var(--v24-ink)!important;transition:none!important}
body[data-v24] .v24-rail .share button:hover{border-color:var(--v24-orange)!important;background:transparent!important;color:var(--v24-ink)!important}
body[data-v24] .v24-rail .by{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;margin:0!important;padding:14px 0!important;border:0!important}
body[data-v24] .v24-rail .by img{display:block!important;width:44px!important;height:44px!important;object-fit:cover!important;border-radius:0!important}
body[data-v24] .v24-rail .by b{display:block!important;color:var(--v24-ink)!important;font-size:12px!important;line-height:1.2!important}
body[data-v24] .v24-rail .by span{display:block!important;margin-top:4px!important;color:var(--v24-muted)!important;font-size:9px!important;line-height:1.25!important}
body[data-v24] .v24-rail .rail__cta{display:block!important;margin:0!important;padding:14px!important;border:0!important;background:var(--v24-ink)!important;color:var(--v24-white)!important}
body[data-v24] .v24-rail .rail__cta .tag{margin:0 0 8px!important;color:rgba(255,255,255,.62)!important}
body[data-v24] .v24-rail .rail__cta :is(h2,h3,h4){margin:0 0 11px!important;color:var(--v24-white)!important;font:800 13px/1.24 Manrope,sans-serif!important}
body[data-v24] .v24-rail .rail__cta .btn{display:flex!important;min-height:38px!important;padding:9px 10px!important;background:var(--v24-orange)!important;color:var(--v24-ink)!important;font-size:8px!important}

@media(max-width:1050px){
  body[data-v24] .v24-rail{position:relative!important;top:auto!important;width:100%!important;margin-bottom:36px!important}
  html body[data-v24] main .v24-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  html body[data-v24] main .v24-home-case-grid,
  html body[data-v24] main .home-markets .v24-compliance,
  html body[data-v24] main .v24-related-grid{grid-template-columns:1fr!important}
  html body[data-v24] main .v24-home-case-grid .v24-card-copy{padding:22px!important}
  body[data-v24] .v24-rail .rail__cta{padding:16px!important}
}