/* Chronik «Was wir wann wussten» (tools/build_chronik_corona.py) und «Beste Stellen» (tools/build_stellen.py).
   Schwarz, Weiss, Rot, Barlow Condensed, roter Pinselstrich. */
.za{max-width:1180px;margin:0 auto;padding:40px 16px 72px}
.za-kopf{padding-bottom:26px;border-bottom:4px solid #0c0c0c;margin-bottom:26px}
.za-kopf h1{font-size:clamp(40px,7vw,84px);margin:6px 0 18px;line-height:.95}
.za-lead{max-width:760px;font-size:1.15rem;line-height:1.55}
.za-lead p{margin:0 0 14px}
.za-sprung{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.za-sprung a{font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:.04em;padding:7px 14px;border:2px solid #0c0c0c;color:#0c0c0c;text-decoration:none}
.za-sprung a:hover,.za-sprung a[aria-current="page"]{background:var(--rot);border-color:var(--rot);color:#fff}
.za-jahr{font-family:var(--display);font-size:clamp(48px,9vw,110px);font-weight:800;line-height:1;margin:48px 0 8px;scroll-margin-top:90px}
.za-jahr span{padding-bottom:.04em;background:url(pinsel.svg) no-repeat 0 100%/100% .14em}
.za-spalten-kopf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:sticky;top:0;z-index:2;background:#fff;padding:10px 0;border-bottom:2px solid #0c0c0c}
.za-spalten-kopf b,.za-sp h3{font-family:var(--display);font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.za-spalten-kopf b:first-child{color:var(--rot-text)}
.za-monat{border-bottom:1px solid #d8d8d8;padding:22px 0;scroll-margin-top:90px}
.za-monat h2{font-family:var(--display);font-size:clamp(28px,4vw,40px);font-weight:800;text-transform:uppercase;margin:0 0 12px;line-height:1}
.za-reihe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.za-sp h3{display:none;margin:0 0 8px}
.za-sp ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.za-sp li{line-height:1.45}
.za-sp time{display:block;font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.04em;color:#555}
.za-st li{border-left:4px solid var(--rot);padding-left:12px}
.za-st q{font-size:1.05rem;font-weight:500;quotes:"«" "»"}
.za-st a.za-sprungl,.za-stelle a.za-sprungl{display:inline-block;margin-top:4px;font-family:var(--display);font-weight:700;font-size:15px;color:var(--rot-text);text-decoration:none}
.za-st a.za-sprungl:hover,.za-stelle a.za-sprungl:hover{text-decoration:underline}
.za-br a{color:#0c0c0c}
.za-me q{quotes:"«" "»"}
.za-me .za-wer{display:block;font-size:.92rem;color:#555}
.za-me .za-wer a{color:inherit}
.za-leer{color:#888;font-style:italic}
.za-mehr summary{cursor:pointer;font-family:var(--display);font-weight:700;color:var(--rot-text);margin-top:10px}
.za-mehr ul{margin-top:12px}
/* Stellen */
.za-themen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.za-themen a{display:flex;flex-direction:column;gap:6px;height:100%;padding:22px;background:#0c0c0c;color:#fff;text-decoration:none;border-top:6px solid var(--rot)}
.za-themen b{font-family:var(--display);font-size:30px;font-weight:800;text-transform:uppercase;line-height:1}
.za-themen small{color:#ccc;font-size:.98rem;line-height:1.4}
.za-themen a:hover b{background:url(pinsel.svg) no-repeat 0 100%/100% .17em}
.za-stellen{list-style:none;counter-reset:st;margin:0;padding:0;display:grid;gap:22px}
.za-stelle{counter-increment:st;display:grid;grid-template-columns:64px 1fr;gap:16px;border-bottom:1px solid #d8d8d8;padding-bottom:20px}
.za-stelle::before{content:counter(st);font-family:var(--display);font-size:52px;font-weight:800;line-height:1;color:var(--rot)}
.za-stelle q{display:block;font-size:1.2rem;font-weight:500;line-height:1.45;quotes:"«" "»"}
.za-stelle .za-meta{font-size:.95rem;color:#555;margin-top:6px}
.za-stelle .za-meta a{color:#0c0c0c}
.za-weiter{margin-top:34px;font-family:var(--display);font-weight:700;font-size:18px}
.za-weiter a{color:var(--rot-text)}
@media (max-width:760px){
  .za-spalten-kopf{display:none}
  .za-reihe{grid-template-columns:1fr;gap:18px}
  .za-sp h3{display:block}
  .za-st h3{color:var(--rot-text)}
  .za-themen{grid-template-columns:1fr}
  .za-stelle{grid-template-columns:40px 1fr;gap:10px}
  .za-stelle::before{font-size:36px}
}