/* Key DART Endpoints — Motility & Viability tile.
   Target the exact canonical markup emitted by functions.php. */

body #dart-endpoints .vv-dart-endpoint-capability-card > .vv-dart-endpoint-summary,
body .vv-dart-endpoints-section .vv-dart-endpoint-capability-card > .vv-dart-endpoint-summary{font-size:22px!important}
body #dart-endpoints .vv-dart-endpoint-capability-card > .vv-dart-endpoint-summary,
body .vv-dart-endpoints-section .vv-dart-endpoint-capability-card > .vv-dart-endpoint-summary{line-height:1.5!important;min-height:132px!important}
body #dart-endpoints .vv-dart-endpoint-relevance-table :is(th,td),
body .vv-dart-endpoints-section .vv-dart-endpoint-relevance-table :is(th,td){font-size:20px!important;line-height:1.45!important}

@media (min-width:981px){
  body #dart-endpoints .vv-dart-endpoint-relevance-inner,
  body .vv-dart-endpoints-section .vv-dart-endpoint-relevance-inner{
    width:100%!important;
    max-width:1360px!important;
  }
  body #dart-endpoints .vv-dart-endpoint-relevance-table,
  body .vv-dart-endpoints-section .vv-dart-endpoint-relevance-table{
    width:100%!important;
    max-width:1360px!important;
  }
  body #dart-endpoints .vv-dart-endpoint-relevance-table :is(th,td):nth-child(1),
  body .vv-dart-endpoints-section .vv-dart-endpoint-relevance-table :is(th,td):nth-child(1){width:28%!important}
  body #dart-endpoints .vv-dart-endpoint-relevance-table :is(th,td):nth-child(2),
  body .vv-dart-endpoints-section .vv-dart-endpoint-relevance-table :is(th,td):nth-child(2){width:36%!important}
  body #dart-endpoints .vv-dart-endpoint-relevance-table :is(th,td):nth-child(3),
  body .vv-dart-endpoints-section .vv-dart-endpoint-relevance-table :is(th,td):nth-child(3){width:36%!important}
  body #dart-endpoints .vv-dart-endpoint-relevance-table thead th:nth-child(2),
  body .vv-dart-endpoints-section .vv-dart-endpoint-relevance-table thead th:nth-child(2){white-space:nowrap!important}
}

@media (min-width:561px){
  body #dart-endpoints .vv-dart-endpoint-capability-card-motility > .vv-dart-endpoint-icon-grid-motility-centered,
  body .vv-dart-endpoints-section .vv-dart-endpoint-capability-card-motility > .vv-dart-endpoint-icon-grid-motility-centered{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:10px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:150px!important;
    height:150px!important;
    margin-top:auto!important;
    margin-left:0!important;
    margin-right:0!important;
    align-self:end!important;
  }

  body #dart-endpoints .vv-dart-endpoint-capability-card-motility > .vv-dart-endpoint-icon-grid-motility-centered > .vv-dart-endpoint-icon-item,
  body .vv-dart-endpoints-section .vv-dart-endpoint-capability-card-motility > .vv-dart-endpoint-icon-grid-motility-centered > .vv-dart-endpoint-icon-item{
    grid-column:2!important;
    grid-row:1!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:92px 1fr!important;
    align-items:start!important;
    justify-items:center!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:150px!important;
    min-height:150px!important;
    margin:0!important;
    padding:14px 8px 12px!important;
    border:1px solid rgba(213,244,247,.22)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.055)!important;
    box-shadow:none!important;
    transform:none!important;
    flex:none!important;
    position:relative!important;
  }
}

@media (max-width:560px){
  body #dart-endpoints .vv-dart-endpoint-capability-card-motility > .vv-dart-endpoint-icon-grid-motility-centered,
  body .vv-dart-endpoints-section .vv-dart-endpoint-capability-card-motility > .vv-dart-endpoint-icon-grid-motility-centered{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
  }

  body #dart-endpoints .vv-dart-endpoint-capability-card-motility > .vv-dart-endpoint-icon-grid-motility-centered > .vv-dart-endpoint-icon-item,
  body .vv-dart-endpoints-section .vv-dart-endpoint-capability-card-motility > .vv-dart-endpoint-icon-grid-motility-centered > .vv-dart-endpoint-icon-item{
    grid-column:1!important;
    grid-row:1!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:60px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    justify-items:start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:92px!important;
    min-height:92px!important;
    margin:0!important;
    padding:10px 14px!important;
    transform:none!important;
    position:relative!important;
  }

  body #dart-endpoints .vv-dart-endpoint-capability-card > .vv-dart-endpoint-summary,
  body .vv-dart-endpoints-section .vv-dart-endpoint-capability-card > .vv-dart-endpoint-summary{
    min-height:0!important;
  }
}