/* hub.css — Übersichtsseite der Recherchen.
   Nutzt tokens.css und report.css; hier steht nur, was es nur auf der
   Übersicht gibt: die Berichtsliste. */

/* ---------- Berichtsliste ---------- */
.report-list{margin:0;padding:0;list-style:none}
.report{
  border-top:1px solid var(--rule);
  padding:clamp(20px,3vw,30px) 0 clamp(22px,3vw,32px);
}
.report:last-child{border-bottom:0}
.report a.report-link{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) 210px 26px;
  gap:0 clamp(12px,2vw,26px);
  align-items:start;
  border:0;
  text-decoration:none;
  color:inherit;
}
.report a.report-link:hover{color:inherit}
.report .r-num{
  font-family:var(--mono);
  font-size:12px;
  color:var(--accent);
  padding-top:.55em;
}
.report .r-body{min-width:0}
.report h3{
  margin:0 0 .28em;
  font-size:clamp(23px,2.6vw,34px);
  font-weight:400;
  letter-spacing:-.01em;
  line-height:1.12;
}
.report a.report-link:hover h3{color:var(--accent)}
.report h3{
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-decoration-color:var(--muted);
  text-underline-offset:5px;
}
.report a.report-link:hover h3{text-decoration-color:var(--accent)}
.report .r-deck{
  margin:0 0 .7em;
  max-width:56ch;
  color:var(--ink-soft);
  font-size:.97em;
}
.report .r-meta{
  display:flex;
  flex-wrap:wrap;
  gap:4px 18px;
  font-family:var(--sans);
  font-size:11.5px;
  letter-spacing:.02em;
  color:var(--muted);
}
.report .r-meta span{white-space:nowrap}
.report .r-meta .facts{white-space:normal}
.report .r-meta .tag{
  border:1px solid var(--rule);
  background:var(--paper-2);
  border-radius:2px;
  padding:1px 6px;
  font-size:10.5px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ink-soft);
}
.report .r-go{
  font-family:var(--sans);
  font-size:16px;
  color:var(--rule-strong);
  padding-top:.35em;
  transition:transform .18s ease,color .18s ease;
}
.report a.report-link:hover .r-go{color:var(--accent);transform:translateX(3px)}
.report a.report-link:hover .r-preview{border-color:var(--accent)}
@media (prefers-reduced-motion:reduce){
  .report .r-go{transition:none}
  .report a.report-link:hover .r-go{transform:none}
}
.r-preview{
  display:block;
  width:100%;
  border:1px solid var(--rule-strong);
  margin-top:4px;
}

/* ---------- Kompakter Kopf, damit der erste Eintrag über der Falz liegt ---------- */
.mast.compact{padding-top:clamp(26px,3.6vw,44px);padding-bottom:clamp(12px,1.8vw,18px)}
.mast.compact h1{font-size:clamp(30px,4.2vw,50px);margin-bottom:.26em}
.mast.compact .standfirst{font-size:clamp(16.5px,.9vw + 13px,19.5px);max-width:66ch;margin-bottom:0}
header.mast.compact{border-bottom:0}
#berichte{padding-top:clamp(18px,2.4vw,28px)}

/* ---------- Nachrang-Regeln ans Ende, sonst gewinnt die Basisregel oben ---------- */
@media (max-width:960px){
  .report a.report-link{grid-template-columns:56px minmax(0,1fr) 26px}
  .r-preview{display:none}
}
@media (max-width:560px){
  .report a.report-link{grid-template-columns:34px minmax(0,1fr) 18px;gap:0 10px}
  .report h3{font-size:22px}
}