:root {
  --size-xxsmall: 0.32rem;
  --size-xsmall: 0.48rem;
  --size-small: 0.73rem;
  --size-smallish: 0.85rem;
  --size-default: 1.1rem;
  --size-medium: 1.5rem;
  --size-l1: 1.65rem;
  --size-l2: calc(var(--size-l1) * 1.5);
  --size-l3: calc(var(--size-l2) * 1.5);
  --size-l4: calc(var(--size-l3) * 1.5);
  --size-l5: calc(var(--size-l4) * 1.5);
  --size-block: calc(1rem * 20);
  --size-max-block: calc(1rem * 40);
  --size-proportional: clamp(0.75rem, 0.5rem + 2.5vw, 2.475rem);
}

@supports (font-size: clamp(1.25rem, 0.7rem + 8.5cqw, 3.5rem)) {
  :root {
    --size-proportional: clamp(0.75rem, 0.5rem + 2.5cqw, 2.475rem);
  }
  .PostCard,
  .Title,
  .Post,
  .SeriesNavigation {
    container-type: inline-size;
  }
}