/* V8.12.33 — Periodic-table proportions for the introductory sodium tile. */
#case .element-card-demo-v829{
  box-sizing:border-box;
  width:min(100%, 360px);
  aspect-ratio:1 / 1;
  min-height:0;
  margin-inline:auto;
  padding:clamp(20px, 3vw, 30px);
  display:grid;
  grid-template-rows:auto 1fr auto auto;
  align-items:center;
  justify-items:center;
  border-radius:24px;
  overflow:hidden;
}
#case .element-demo-number-v829{
  width:100%;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}
#case .element-demo-number-v829 > span,
#case .element-demo-mass-v829 > span{
  font-size:clamp(.72rem, 1.25vw, .9rem);
  line-height:1.2;
  text-align:right;
}
#case .element-demo-symbol-v829{
  align-self:end;
  font-size:clamp(4.4rem, 10vw, 7rem);
  line-height:.92;
}
#case .element-demo-name-v829{
  margin-top:8px;
  font-size:clamp(1.15rem, 2.4vw, 1.55rem);
}
#case .element-demo-mass-v829{
  width:100%;
  margin-top:16px;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}
@media (max-width:700px){
  #case .element-card-demo-v829{
    width:min(88vw, 330px);
    border-radius:20px;
  }
}