/* Laufnachrichten, Design „Zieleinlauf" (Fassung 1 aus dem Prototyp zu Ticket 06).
   Portiert aus prototype-sport/build.mjs (CSS_BASE + CSS_1); die Umschaltung auf die
   Fassungen 2 und 3 ist weggefallen, weil Ticket 06 sich fuer Fassung 1 entschieden hat.
   Ergaenzt wurden nur Bausteine, die der Prototyp nicht hatte: Belegliste, Korrekturseite
   und die Minimalfassung des Archivs (Ticket 14/Stufe 1). */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-synthesis-weight:none;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.proto{display:flex;gap:9px;align-items:center;font:500 11.5px/1.35 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;padding:9px 22px}
.proto .pd{width:7px;height:7px;border-radius:50%;flex:0 0 auto}
.hd{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.brand{font-family:'Barlow Condensed',Inter,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:.92}
.brand .tag{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;text-transform:uppercase;letter-spacing:.17em}
.langs{display:flex;margin-bottom:-7px}
.langs a{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;font-size:11.5px;letter-spacing:.13em;padding:14px 11px;text-transform:uppercase}
.langs a[aria-current]::after{content:'';display:block;height:2px;margin-top:5px}
.strip{display:flex;gap:8px 26px;flex-wrap:wrap;font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase}
.strip b{font-weight:700;font-variant-numeric:tabular-nums}
.kick{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;margin:0}
.h1{margin:0;font-weight:600}
.lane,.tape,.ghost,.dnum{display:none}
.rail{display:none}
.rail a{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700;font-size:12.5px;font-variant-numeric:tabular-nums;display:block;position:relative;padding:7px 0 7px 15px}
.rail .rh{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;text-transform:uppercase}
.e{position:relative}
.e-time{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700;font-variant-numeric:tabular-nums}
.e-sec{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;text-transform:uppercase}
.e-h{margin:0;font-weight:600}
.e-h a{display:block}
.e-p{margin:0}
.e-meta{display:flex;gap:10px 18px;flex-wrap:wrap;align-items:baseline;font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}
.e-src,.e-perm{border-bottom:1px solid currentColor}
.foot{margin-top:64px;padding:26px 0 46px;font:500 11.5px/1.9 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;display:flex;gap:16px 22px;flex-wrap:wrap;align-items:center}
.empty{position:relative}
.empty .num{font-family:'Barlow Condensed',Inter,sans-serif;font-weight:700;line-height:.8;display:block}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .e{animation:rise .5s linear both;animation-timeline:view();animation-range:entry 4% cover 24%}
    @keyframes rise{from{opacity:.06;transform:translateY(24px)}to{opacity:1;transform:none}}
  }
}

/* --- Fassung 1: Zieleinlauf ------------------------------------------------- */
body{background:#0A0C10;color:#EEF1F5;font:400 16px/1.62 Inter,system-ui,sans-serif}
.proto{background:#161C24;color:#C9D1DA;border-bottom:1px solid #232B35}
.proto .pd{background:#FFB020}
.top{border-bottom:1px solid #1F252E}
.hd{padding:26px 0 20px}
.brand{font-size:clamp(30px,5.2vw,54px)}
.brand .tag{font-size:10.5px;color:#8B95A3;margin-top:8px}
.langs a{color:#8B95A3}
.langs a[aria-current]{color:#EEF1F5}
.langs a[aria-current]::after{background:#D8FF3C}
.strip{color:#8B95A3;padding:1px 0 3px;border-top:1px solid #1F252E}
/* Sektionsleiste: die Sektionen sind Verweise, ein Klick zeigt nur diese Meldungen. */
.strip nav.secs{display:flex;gap:8px 22px;flex-wrap:wrap}
.strip a{color:#8B95A3;padding:14px 0}
.strip a:hover{color:#D8FF3C}
.strip a[aria-current]{color:#EEF1F5}
.strip a[aria-current]::after{content:'';display:block;height:2px;margin-top:5px;background:#D8FF3C}
.hero{padding:48px 0 30px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}
.kick{color:#D8FF3C}
.h1{font-family:'Barlow Condensed',Inter,sans-serif;text-transform:uppercase;font-size:clamp(34px,6.4vw,70px);line-height:.94;letter-spacing:-.004em;margin-top:12px;max-width:20ch}
.dnum{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700;font-size:clamp(38px,6.6vw,82px);line-height:1;color:#1A212A;font-variant-numeric:tabular-nums}
/* Aufmacher: die wichtigste Meldung steht oben und ist der erste Blickfang. Das Zaehlwerk und
   die Tagesangabe sind drum herum und stehen darunter (`.sum`, Vorgabe des Nutzers). */
.lead{padding:34px 0 26px}
.lead .kick{margin:0}
.lead-h{font-size:clamp(27px,5.6vw,54px);line-height:1.02;max-width:24ch;margin:14px 0 0}
.lead-h a{display:block}
.lead-p{color:#C6CDD6;font-size:clamp(16.5px,1.45vw,19px);line-height:1.56;max-width:62ch;margin:16px 0 0}
.lead .e-meta{margin-top:18px}
.sum{padding:38px 0 26px;border-top:1px solid #1F252E;margin-top:30px}
.sum .kick{margin:0}
.sum-h{font-family:'Barlow Condensed',Inter,sans-serif;font-weight:600;text-transform:uppercase;font-size:clamp(19px,2.6vw,28px);line-height:1;letter-spacing:-.004em;margin:10px 0 0}
.sum .dnum{font-size:clamp(26px,3.4vw,44px)}
.proto.note{background:#1B1408;color:#F0C879;border-bottom:1px solid #2A2113}
.proto.note .pd{background:#FFB020}
.lane{display:flex;gap:6px;height:8px;margin:4px 0 0;overflow:hidden}
.lane i{flex:0 1 46px;min-width:3px;background:#D8FF3C;opacity:.42}
.dayline{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8B95A3;margin:18px 0 0}
.body{padding:26px 0 0}
.e{border-top:1px solid #1F252E;padding:28px 0 30px;display:grid;grid-template-columns:78px 1fr;gap:8px 20px}
.e::before{content:'';position:absolute;left:0;top:-1px;height:3px;width:100%;background:#D8FF3C;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.e:hover::before,.e:focus-within::before{transform:scaleX(1)}
.e-time{font-size:19px;color:#D8FF3C}
.e-sec{font-size:10.5px;letter-spacing:.16em;color:#8B95A3;padding-top:6px}
.e-main{grid-column:2}
.e-h{font-family:'Barlow Condensed',Inter,sans-serif;font-size:clamp(24px,3.5vw,39px);line-height:1.03;text-transform:uppercase}
.e-p{color:#A7B0BC;font-size:15.5px;max-width:64ch;margin-top:9px}
.e-meta{margin-top:14px;color:#8B95A3}
.e-meta .bib{color:#EEF1F5}
.e-src:hover,.e-perm:hover{color:#D8FF3C}
.foot{border-top:1px solid #1F252E;color:#8B95A3}
.empty .num{font-size:clamp(120px,26vw,300px);color:#12161C;position:absolute;right:0;top:-40px;z-index:0}
.empty .in{position:relative;z-index:1}
.empty h2{font-family:'Barlow Condensed',Inter,sans-serif;font-size:clamp(30px,5vw,54px);text-transform:uppercase;line-height:1;margin:14px 0 0}
@media (min-width:900px){
  .cols{display:grid;grid-template-columns:118px 1fr;gap:0 34px}
  .rail{display:block;border-top:1px solid #1F252E;position:sticky;top:0;align-self:start;padding:16px 0 8px}
  .rail .rh{font-size:10px;letter-spacing:.2em;color:#5D6673;padding:0 0 8px}
  .rail a{color:#7A8492}
  .rail a::before{content:'';position:absolute;left:0;top:50%;width:7px;height:1px;background:#2C333D}
  .rail a.on{color:#D8FF3C}
  .rail a.on::before{width:11px;height:3px;background:#D8FF3C;top:calc(50% - 1px)}
}
@media (max-width:899px){
  .hero{padding:26px 0 20px;gap:14px}
  .hd{padding:16px 0 13px}
  .lead{padding:22px 0 18px}
  .lead-h{font-size:clamp(26px,8.2vw,38px);max-width:none;margin-top:12px}
  .lead-p{font-size:16px;margin-top:12px}
  .sum{padding:26px 0 18px;margin-top:22px}
  .brand .tag{display:none}
  .dnum{font-size:34px;margin-top:0}
  .strip{padding:1px 0 3px}
  .dayline{margin-top:12px}
  .e{grid-template-columns:64px 1fr;gap:6px 14px}
  .e-p{font-size:15px}
}

/* --- Bausteine, die der Prototyp nicht hatte --------------------------------- */
.nav{margin-top:22px;padding:14px 0 0;border-top:1px solid #1F252E;display:flex;gap:8px 22px;flex-wrap:wrap;font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:#8B95A3}
.nav a:hover{color:#D8FF3C}
.badge{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;border:1px solid #2C333D;color:#8B95A3;padding:2px 7px}
.badge.pending{color:#FFB020;border-color:#5A4320}
.withdraw{border:1px solid #5A2020;background:#1A1012;color:#FFB4A2;padding:12px 14px;margin:16px 0 0;font-size:14px}
.ev{margin:14px 0 0;padding:0;list-style:none;border-top:1px solid #1F252E}
.ev li{padding:11px 0;border-bottom:1px solid #1F252E;font-size:14.5px;color:#C9D1DA}
.ev .ev-src{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#8B95A3;display:block;margin-top:4px}
.corr{margin:0;padding:0;list-style:none}
.corr li{border-top:1px solid #1F252E;padding:20px 0}
.corr .c-k{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#D8FF3C}
.corr .c-t{color:#EEF1F5;margin:8px 0 0}
.corr .c-m{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8B95A3;margin-top:8px}
.slim{background:#fff;color:#12161B;font:400 16px/1.6 Inter,system-ui,sans-serif}
.slim .wrap{max-width:760px}
.slim h1{font-size:26px;line-height:1.25;margin:0 0 10px}
.slim .meta{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#5C646E;margin:0 0 16px}
.slim p{margin:0 0 14px}
.slim .back{margin-top:26px;font-size:13px}

/* --- Langfassung der Studien (kuratierter Artikel) --------------------------- */
.langtext{border-top:1px solid #1F252E;margin-top:22px;padding-top:26px;max-width:70ch}
.langtext .lt-titel{font-family:'Barlow Condensed',Inter,system-ui,sans-serif;font-weight:600;
  font-size:29px;line-height:1.12;color:#EEF1F5;margin:0;letter-spacing:.01em;text-wrap:balance}
.langtext .lt-anriss{font-size:17.5px;line-height:1.55;color:#C9D1DA;margin:14px 0 0;
  padding-left:16px;border-left:2px solid #D8FF3C}
.langtext .lt-p{font-size:16px;line-height:1.72;color:#A7B0BC;margin:17px 0 0}
.langtext .lt-p a{color:#D8FF3C;text-decoration:none;border-bottom:1px solid rgba(216,255,60,.45)}
.langtext .lt-p a:hover{border-bottom-color:#D8FF3C}
.langtext .lt-note{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:#8B95A3;margin:22px 0 0}
@media (max-width:700px){.langtext .lt-titel{font-size:24px}.langtext .lt-p{font-size:15.5px}}

/* --- Startseite: Studien-Flaeche und Transparenz ------------------------------ */
.stud{border-top:1px solid #1F252E;padding:26px 0 30px}
.stud-hd{display:flex;align-items:baseline;justify-content:space-between;gap:4px 14px;flex-wrap:wrap}
.stud-h{margin:0;font-family:'Barlow Condensed',Inter,system-ui,sans-serif;font-weight:700;
  text-transform:uppercase;font-size:clamp(24px,3.6vw,38px);line-height:1;letter-spacing:.01em}
.stud-h a{color:#EEF1F5}
.stud-h a:hover{color:#D8FF3C}
.stud-all{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;font-size:11.5px;
  letter-spacing:.13em;text-transform:uppercase;color:#8B95A3;border-bottom:1px solid #2C333D;
  padding:14px 0;display:inline-block}
.stud-all:hover{color:#D8FF3C;border-bottom-color:#D8FF3C}
.stud-grid{display:grid;gap:0 34px;grid-template-columns:1fr;margin-top:14px}
@media (min-width:900px){.stud-grid{grid-template-columns:repeat(3,1fr)}}
.stud-i{border-top:1px solid #1F252E;padding:18px 0}
.stud-d{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;font-size:11.5px;
  letter-spacing:.16em;text-transform:uppercase;color:#D8FF3C;margin:0 0 10px}
.stud-i .e-h{font-size:21px;line-height:1.2}
.stud-i .e-p{margin-top:9px;font-size:15.5px;color:#A7B0BC}
.stud-i .e-meta{margin-top:12px}
.how{border-top:1px solid #1F252E;padding:26px 0 8px;max-width:70ch}
.how-h{margin:0 0 10px;font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;
  font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#8B95A3}
.how-l{margin:0;padding:0;list-style:none}
.how-l li{position:relative;padding:10px 0 10px 18px;font-size:15.5px;line-height:1.6;color:#A7B0BC;
  border-top:1px solid #1F252E}
.how-l li::before{content:'';position:absolute;left:0;top:18px;width:7px;height:1px;background:#D8FF3C}
.how-a{margin:14px 0 0;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11.5px;
  letter-spacing:.13em;text-transform:uppercase}
.how-a a{color:#8B95A3;border-bottom:1px solid #2C333D;padding:13px 0;display:inline-block}
.how-a a:hover{color:#D8FF3C;border-bottom-color:#D8FF3C}