 }
    }

    article {
      margin-block: 1rem;
    }

    div {
      margin-left: var(--from);
      width: calc(var(--to) - var(--from));
      height: 4px;
      background: hsl(330, 96%, 45%);
    }
  </style>
</head>
<body>

  <section>
    <div></div>
    <article class="container cq">
      <h1 contenteditable class="headline tt">Container scaling</h1>
    </article>
    <article class="container cq">
      <h1 contenteditable class="headline rtt">Viewport scaling</h1>
    </article>
    <article>