/* Scientific graph examples: keep all presentation changes inside this module. */
.kinetic-suite {
  margin-top: 56px;
  color: #e7eef2;
  font-family: inherit;
}
.kinetic-suite * { box-sizing: border-box; }
.kinetic-suite .kinetic-group { margin: 64px 0; }
.kinetic-suite .kinetic-group,
.kinetic-suite figure { scroll-margin-top: 110px; }
body .section .kinetic-suite .kinetic-eyebrow {
  color: #b8d7df;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body .section .kinetic-suite .kinetic-group > h3 {
  max-width: 800px;
  margin: 13px 0 18px;
  color: #f6f8f9;
  font-size: clamp(28px, 3.1vw, 44px);
  line-height: 1.15;
  letter-spacing: -.025em;
}
body .section .kinetic-suite .kinetic-intro {
  max-width: 800px;
  margin: 0 0 32px;
  color: #c5d5df;
}
.kinetic-suite figure {
  margin: 34px 0 50px;
  border: 1px solid #d1dfe5;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  color: #16384c;
}
.kinetic-suite .kinetic-figure-heading { padding: 26px 28px 20px; background: #f7fafb; }
.kinetic-suite h4 { margin: 0 0 10px; color: #12354a; font-size: 24px; line-height: 1.25; }
body .section .kinetic-suite .kinetic-conditions { margin: 0; color: #405967; font-size: 18px; line-height: 1.65; }
.kinetic-suite .kinetic-scroll { overflow: auto; background: #0b2233; overscroll-behavior: contain; }
.kinetic-suite video { display: block; width: 100%; height: auto; aspect-ratio: 16/9; max-width: none; }
.kinetic-suite .kinetic-tools { display: flex; align-items: center; gap: 12px 20px; flex-wrap: wrap; padding: 17px 28px; border-bottom: 1px solid #e3eaed; }
.kinetic-suite a { color: #086775; font: 600 16px/1.5 Arial, Helvetica, sans-serif; text-decoration: underline; text-underline-offset: 3px; }
.kinetic-suite .kinetic-tools a { display: inline-flex; align-items: center; min-height: 44px; }
.kinetic-suite figcaption { padding: 22px 28px; color: #405967; font-size: 18px; line-height: 1.6; }
.kinetic-suite .kinetic-disclosure { display: block; margin-bottom: 8px; color: #173d51; font-weight: 700; }
.kinetic-suite details { margin: 0 28px 22px; }
.kinetic-suite summary { min-height: 44px; padding: 10px 0; font-size: 18px; font-weight: 600; cursor: pointer; }
.kinetic-suite .kinetic-table-scroll { overflow: auto; }
.kinetic-suite table { width: 100%; min-width: 670px; border-collapse: collapse; color: #173d51; font-size: 16px; line-height: 1.5; }
.kinetic-suite th,
.kinetic-suite td { padding: 12px; border-bottom: 1px solid #dce6eb; text-align: left; }
.kinetic-suite th { background: #f5f8fa; }
.kinetic-suite caption { padding: 10px 0 12px; color: #405967; text-align: left; }
.kinetic-suite .kinetic-data-links { color: #405967; }
.kinetic-suite :focus-visible { outline: 3px solid #007a88; outline-offset: 4px; }
.use-card .kinetic-example-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: 8px; color: #b8edf0; font-size: 16px; font-weight: 600; text-underline-offset: 4px; }
@media (max-width: 600px) {
  .kinetic-suite { margin-top: 36px; }
  .kinetic-suite .kinetic-group { margin: 44px 0; }
  .kinetic-suite .kinetic-figure-heading,
  .kinetic-suite .kinetic-tools,
  .kinetic-suite figcaption { padding: 20px; }
  .kinetic-suite details { margin-inline: 20px; }
  .kinetic-suite h4 { font-size: 22px; }
}

/* Replacement surfaces use the available page width so axes remain readable. */
#intelligence .kinetic-grid,
.evidence-console .evidence-grid { grid-template-columns: minmax(0, 1fr); }
#intelligence .kinetic-copy,
.evidence-console .evidence-copy { max-width: 850px; }
#intelligence .kinetic-view { grid-template-columns: minmax(0, 1fr); }
#intelligence .kinetic-suite,
#intelligence .kinetic-suite .kinetic-group,
#intelligence .kinetic-suite figure,
.evidence-console .kinetic-suite,
.evidence-console .kinetic-suite .kinetic-group { margin-top: 0; margin-bottom: 0; }
.kinetic-suite .kinetic-tools .kinetic-motion-hint { margin: 0; color: #405967; font-size: 16px; line-height: 1.6; flex: 1 1 22rem; }
.kinetic-suite video[role="button"] { cursor: pointer; }
.kinetic-suite video:focus-visible { outline-offset: -4px; }