/* calendarmirror.com/vs — the comparison pages' own rules, shared by all of
 * them and by every language's copies (/vs/, /de/vs/). It was the same 26
 * lines pasted into fourteen files; the German set would have made it
 * twenty-eight. Tokens and type come from site.css. */

  h1{font-size:clamp(32px,4.6vw,48px);margin-top:1.5rem}
  .dateline{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0 0 1.8rem}
  .lede{font-size:19px;line-height:1.6}
  .verdict{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:1.2rem 0 .2rem;margin:1.8rem 0 2rem}
  .cols{display:grid;grid-template-columns:1fr;gap:1.4rem 2.4rem;border-top:1px solid var(--rule);padding-top:1.2rem;margin:1.2rem 0}
  @media (min-width:640px){ .cols{grid-template-columns:1fr 1fr} }
  .col h3{margin:0 0 .4rem;font-size:17px}
  .col p,.col ul{font-size:15.5px;line-height:1.6}
  .note{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:.9rem 0;margin:1.8rem 0;font-size:15.5px;line-height:1.6}
  .note b{font-weight:600}
  .src{font-size:14.5px;line-height:1.55;color:var(--muted)}
  td:first-child{color:var(--muted);width:31%}
  .others{border-top:1px solid var(--rule);margin-top:3rem;padding-top:1.2rem}
  .others h2{margin-top:0;font-size:19px}
  .chips{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem;margin-top:.6rem;font-size:15px}
  .chip{text-decoration:none}
  .chip:hover{text-decoration:underline}
  .chip.here{color:var(--ink);font-weight:500}
  .cards{border-top:1px solid var(--rule);margin:1.6rem 0 2.4rem}
  .card{display:block;padding:.9rem 0 1rem;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink)}
  .card:hover{text-decoration:none}
  .card h3{margin:0 0 .15rem;font-size:17px;color:var(--accent)}
  .card:hover h3{text-decoration:underline;text-underline-offset:.15em}
  .card p{margin:.15rem 0;font-size:15.5px;line-height:1.55}
  .card .price{color:var(--muted);font-size:14.5px}