/* Dr. Devi — At-a-Glance PASS 01
   Progressive enhancement only. All selectors are component-scoped. */

.ddag-pass01 .ddlp-glance-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}

.ddag-pass01 .ddlp-glance-card{
  position:relative;
  min-width:0;
  padding:22px 20px;
  border:1px solid #dce5eb;
  border-radius:10px;
  background:#fff;
  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease,
    background-color .25s ease;
}

.ddag-pass01 .ddlp-glance-card:hover,
.ddag-pass01 .ddlp-glance-card:focus-visible,
.ddag-pass01 .ddlp-glance-card:focus-within{
  transform:translateY(-2px);
  border-color:rgba(0,143,135,.42);
  background:#fbfefd;
  box-shadow:0 8px 20px rgba(16,36,63,.06);
  outline:none;
}

.ddag-pass01 .ddlp-glance-card::after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  bottom:0;
  height:2px;
  background:#c51f2a;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .25s ease;
}

.ddag-pass01 .ddlp-glance-card:hover::after,
.ddag-pass01 .ddlp-glance-card:focus-visible::after,
.ddag-pass01 .ddlp-glance-card:focus-within::after{
  transform:scaleX(1);
}

/* Keep metric hierarchy strong without adding visual noise. */
.ddag-pass01 .ddlp-glance-card strong{
  display:block;
  color:#10243f;
  line-height:1;
}

.ddag-pass01 .ddlp-glance-card span{
  display:block;
  margin-top:7px;
  color:#64748b;
  line-height:1.4;
}

/* Subtle viewport reveal. */
@media(prefers-reduced-motion:no-preference){
  .ddag-pass01 [data-ddag-reveal="item"]{
    opacity:0;
    transform:translateY(8px);
    animation:ddag-reveal .42s ease-out both;
  }
  .ddag-pass01 [data-ddag-reveal="item"]:nth-child(1){animation-delay:.05s}
  .ddag-pass01 [data-ddag-reveal="item"]:nth-child(2){animation-delay:.12s}
  .ddag-pass01 [data-ddag-reveal="item"]:nth-child(3){animation-delay:.19s}
  .ddag-pass01 [data-ddag-reveal="item"]:nth-child(4){animation-delay:.26s}
}

@keyframes ddag-reveal{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:1023px){
  .ddag-pass01 .ddlp-glance-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:767px){
  .ddag-pass01 .ddlp-glance-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .ddag-pass01 .ddlp-glance-card{
    padding:19px 18px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ddag-pass01 [data-ddag-reveal="item"]{
    opacity:1!important;
    transform:none!important;
    animation:none!important;
  }
  .ddag-pass01 .ddlp-glance-card,
  .ddag-pass01 .ddlp-glance-card::after{
    transition:none!important;
  }
}