[data-density="compact"]{
  --density:.875;
  --fs-body:1rem;
  --lh-body:1.5;
  --h-control:2.25rem; --h-control-small:1.75rem;
  font-size:var(--fs-body);
  line-height:var(--lh-body);
}
@media (pointer:coarse){ [data-density="compact"]{ --h-control:2.75rem; --h-control-small:2.25rem; } }
[data-density="document"]{
  --density:1.2;
  --fs-body:1.25rem;
  --lh-body:1.6;
  --h-control:2.5rem; --h-control-small:2rem;
  font-size:var(--fs-body);
  line-height:var(--lh-body);
}
@media (pointer:coarse){ [data-density="document"]{ --h-control:2.75rem; --h-control-small:2.25rem; } }
@media (max-width:40rem){ [data-density="document"]{ --fs-body:1.125rem; } }