main{max-width:760px}
  h1{margin:0 0 var(--s2); color:var(--p050);
     font:400 32px/1.15 var(--sans); letter-spacing:-.02em}
  .intro{margin:0 0 var(--s4); max-width:62ch;
         color:var(--p200); font:400 16px/1.6 var(--sans)}
  .check{padding:var(--s4) 0; border-top:1px solid var(--p600)}
  .file{display:block; width:100%; padding:var(--s2);
        color:var(--p050); background:var(--p800);
        border:1px solid var(--p600); border-radius:2px;
        font:400 13px/1.4 var(--mono)}
  .go{margin-top:var(--s3); padding:14px 28px; border:0; border-radius:2px;
      background:var(--p050); color:var(--p900); cursor:pointer;
      font:600 16px/1 var(--sans)}
  .go:disabled{opacity:.45; cursor:not-allowed}
  .result{margin-top:var(--s4); padding-top:var(--s3);
          border-top:1px solid var(--p600)}
  .result h2{margin:0 0 var(--s2); color:var(--p050);
             font:500 20px/1.3 var(--sans)}
  .result p{margin:0 0 var(--s2); color:var(--p200);
            font:400 15px/1.55 var(--sans)}
  .result.bad h2{color:var(--rust)}
  .result dl{display:grid; grid-template-columns:150px 1fr;
             margin:0; font:400 13px/1.6 var(--mono)}
  .result dt{color:var(--p400)}
  .result dd{margin:0; color:var(--p100); overflow-wrap:anywhere}
  .standard{margin-top:var(--s4); color:var(--p400);
            font:400 13px/1.6 var(--mono)}
  .standard a{color:var(--p200)}
  button:focus-visible,input:focus-visible,a:focus-visible{
    outline:2px solid var(--ochre); outline-offset:2px}
  @media(max-width:720px){body{padding:20px}.result dl{grid-template-columns:1fr}}