.posts{display:grid;gap:12px;margin:34px 0 0}
  /* Kortet loefter sig paa hover i stedet for at skifte farve: det er den eneste
     bevaegelse paa sitet, og den hoerer til her, hvor hvert kort er en doer. */
  .post{text-decoration:none;color:inherit;display:grid;gap:6px;background:var(--white);
    border:1.5px solid var(--ink);border-radius:16px;padding:18px 20px}
  .post:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px);color:inherit}
  .post .top{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;
    font-family:'Bricolage Grotesque',Helvetica,sans-serif;font-size:12px;
    letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
  .post h2{font-family:'Bricolage Grotesque',Helvetica,sans-serif;font-weight:600;
    font-size:22px;letter-spacing:-.02em;margin:0;text-wrap:pretty}
  .post p{margin:0;font-size:17px;line-height:1.55;color:oklch(0.4 0.02 60);
    max-width:62ch;text-wrap:pretty}
  /* Et tal i en artikel skal kunne efterproeves paa stedet. Staar det ikke i data,
     staar det ikke i teksten. */
  .check{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;
    background:var(--tieBg);color:var(--tieFg);border-radius:6px;padding:2px 7px}
  @media (prefers-reduced-motion:reduce){.post:hover{transform:none}}