/* ═══════════════════════════════════════════════════════════════
   SOURCE RADAR — Seitenrahmen auf ironinsight.de
   Nur der Rahmen. Das Radar selbst bringt /source-radar/radar.css mit.
   ═══════════════════════════════════════════════════════════════ */

.radar-page{max-width:1320px;margin:0 auto;padding:0}

/* ── Kopf ───────────────────────────────────────────────────── */
.rp-head{padding:clamp(28px,4.5vw,56px) 0 clamp(18px,2.5vw,28px);border-bottom:1px solid rgba(255,255,255,.07)}
.rp-crumbs{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;color:#5f697c;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.rp-crumbs a{color:#98a2b4;border-bottom:1px solid rgba(255,255,255,.13)}
.rp-crumbs a:hover{color:#e9edf4}
.rp-eyebrow{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11.5px;color:#5f697c;
  letter-spacing:.04em;display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.rp-live{display:inline-flex;align-items:center;gap:6px;color:#2fbf71}
.rp-live i{width:6px;height:6px;border-radius:50%;background:#2fbf71;box-shadow:0 0 0 3px rgba(47,191,113,.16);animation:rp-pulse 2.4s infinite}
@keyframes rp-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.rp-sep{color:#3d4553}
.rp-head h1{font-family:'Oswald','Inter',sans-serif;font-weight:600;text-transform:uppercase;
  letter-spacing:-.015em;line-height:.98;font-size:clamp(30px,5vw,56px);margin-bottom:18px}
.rp-lede{max-width:74ch;color:#98a2b4;font-size:clamp(15px,1.3vw,17px);line-height:1.7}
.rp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.07);border-radius:10px;
  overflow:hidden;margin-top:26px;max-width:640px}
.rp-stats>div{background:#0c0e13;padding:14px 16px}
.rp-stats dt{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.11em;
  text-transform:uppercase;color:#5f697c}
.rp-stats dd{font-family:'Oswald','Inter',sans-serif;font-weight:600;font-size:26px;line-height:1;margin-top:6px}

/* ── Fliesstext ─────────────────────────────────────────────── */
.rp-body{max-width:820px;margin:0 auto;padding:clamp(26px,3.5vw,44px) 0 0}
.rp-body>p{margin-bottom:1.25em;color:#c3cad6;line-height:1.78;font-size:16px}
.rp-body>p:first-of-type{font-size:17.5px;color:#e9edf4}
.rp-body h2{font-family:'Oswald','Inter',sans-serif;font-weight:600;text-transform:uppercase;
  letter-spacing:-.01em;font-size:clamp(21px,2.6vw,30px);margin:2.2em 0 .7em;scroll-margin-top:90px}
.rp-body h3{font-size:17.5px;font-weight:650;margin:1.7em 0 .5em;color:#e9edf4}
.rp-body a{color:#ff5a5a;border-bottom:1px solid rgba(223,16,16,.35)}
.rp-body a:hover{color:#df1010}
.rp-body strong{color:#e9edf4}
.rp-body ul,.rp-body ol{margin:0 0 1.3em 1.15em;color:#c3cad6;line-height:1.78}
.rp-body li{margin-bottom:.45em}
.rp-body hr{border:0;border-top:1px solid rgba(255,255,255,.07);margin:2.4em 0 1.6em}
.rp-body hr+p{font-size:13.5px;color:#8892a4;line-height:1.75}

/* Das Radar darf aus dem Textfluss ausbrechen */
.rp-body .source-radar-section{max-width:none;margin:clamp(26px,4vw,52px) 0;
  padding:clamp(18px,2.5vw,30px) 0;border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07)}
@media(min-width:1100px){
  .rp-body .source-radar-section{width:calc(100vw - 48px);max-width:1320px;
    margin-left:calc(50% - 50vw + 24px)}
}

/* ── Servergerenderte Top-Liste ─────────────────────────────── */
.rp-top-list{max-width:900px;margin:clamp(40px,5vw,72px) auto 0;padding-top:clamp(24px,3vw,38px);
  border-top:1px solid rgba(255,255,255,.07)}
.rp-top-list h2{font-family:'Oswald','Inter',sans-serif;font-weight:600;text-transform:uppercase;
  font-size:clamp(19px,2.3vw,26px);margin-bottom:8px}
.rp-note{font-size:13px;color:#5f697c;font-family:'IBM Plex Mono',ui-monospace,monospace;margin-bottom:20px}
.rp-list{list-style:none;margin:0;padding:0}
.rp-item{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.06)}
.rp-rank{font-family:'Oswald','Inter',sans-serif;font-weight:600;font-size:20px;color:#5f697c;
  font-variant-numeric:tabular-nums}
.rp-item-body h3{font-size:15.5px;font-weight:650;margin:0 0 5px;color:#e9edf4}
.rp-item-meta{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11.5px;color:#8892a4;line-height:1.65}
.rp-item-meta b{color:#e9edf4}
.rp-item-cats{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;color:#5f697c;margin-top:4px}
.rp-flag{color:#8ab0f0}
.rp-flag-de{color:#e0a72c}
.rp-mask{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9.5px;text-transform:uppercase;
  letter-spacing:.06em;color:#e0a72c;border:1px solid rgba(224,167,44,.3);border-radius:3px;padding:2px 6px}
.rp-download{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11.5px;color:#5f697c;margin-top:20px}
.rp-download a{color:#98a2b4;border-bottom:1px solid rgba(255,255,255,.13)}

@media(max-width:640px){
  .rp-head h1{font-size:clamp(26px,7.5vw,34px)}
  .rp-stats{grid-template-columns:1fr 1fr}
  .rp-item{grid-template-columns:30px 1fr;gap:11px}
  .rp-rank{font-size:17px}
  .rp-body>p{font-size:15.5px}
  .rp-body h2{font-size:22px}
  .rp-body h3{font-size:16.5px}
}

/* ═══════════════════════════════════════════════════════════════
   STARTSEITEN-TEASER
   ═══════════════════════════════════════════════════════════════ */
.radar-teaser{
  margin:2.5rem 0;border:1px solid rgba(223,16,16,.28);border-radius:14px;overflow:hidden;
  background:
    radial-gradient(760px 320px at 12% -30%,rgba(223,16,16,.16),transparent 62%),
    linear-gradient(160deg,#0c0e13,#0a0b0f);
  position:relative;
}
.radar-teaser::before{
  content:'';position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 80% 70% at 20% 0%,#000,transparent 70%);
}
.rt-inner{position:relative;padding:clamp(22px,3.4vw,40px)}
.rt-head{max-width:70ch}
.rt-eyebrow{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.06em;
  color:#5f697c;display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.rt-live{display:inline-flex;align-items:center;gap:6px;color:#2fbf71}
.rt-live i{width:6px;height:6px;border-radius:50%;background:#2fbf71;
  box-shadow:0 0 0 3px rgba(47,191,113,.16);animation:rt-pulse 2.4s infinite}
@keyframes rt-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.rt-dot{color:#3d4553}
.radar-teaser h2{font-family:'Oswald','Inter',sans-serif;font-weight:600;text-transform:uppercase;
  letter-spacing:-.012em;line-height:1.06;font-size:clamp(21px,3.1vw,34px);margin-bottom:14px}
.rt-lede{color:#98a2b4;font-size:15.5px;line-height:1.7;margin-bottom:20px}
.rt-lede b{color:#e9edf4;font-weight:600}
.rt-stats{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
  gap:1px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.07);
  border-radius:10px;overflow:hidden;margin:0 0 22px;max-width:660px;padding:0}
.rt-stats li{background:rgba(10,12,17,.9);padding:12px 14px}
.rt-stats b{display:block;font-family:'Oswald','Inter',sans-serif;font-weight:600;font-size:24px;line-height:1}
.rt-stats span{display:block;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10px;
  letter-spacing:.06em;color:#5f697c;margin-top:5px;line-height:1.4}
.rt-cta{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:9px;
  background:#df1010;color:#fff;font-weight:650;font-size:14.5px;
  box-shadow:0 8px 24px -10px rgba(223,16,16,.9);transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s}
.rt-cta:hover{background:#f01a1a;color:#fff;transform:translateY(-1px)}

.rt-list{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.08)}
.rt-item{display:grid;grid-template-columns:38px minmax(0,1fr) 150px 52px 96px;gap:14px;
  align-items:center;padding:11px 2px;border-bottom:1px solid rgba(255,255,255,.06)}
.rt-rank{font-family:'Oswald','Inter',sans-serif;font-weight:600;font-size:18px;color:#5f697c;
  font-variant-numeric:tabular-nums}
.rt-name{font-weight:650;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rt-name em{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9px;font-style:normal;
  text-transform:uppercase;color:#e0a72c;border:1px solid rgba(224,167,44,.3);border-radius:3px;
  padding:1px 5px;margin-left:6px}
.rt-meta{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;color:#8892a4;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rt-meta em{font-style:normal;font-size:9px;padding:1px 5px;border-radius:3px;margin-left:5px}
.rt-eu{background:rgba(90,140,230,.15);color:#8ab0f0}
.rt-de{background:rgba(224,167,44,.16);color:#e0a72c}
.rt-score{font-family:'Oswald','Inter',sans-serif;font-weight:600;font-size:18px;text-align:right;
  font-variant-numeric:tabular-nums}
.rt-verdict{font-size:11.5px;font-weight:600;text-align:center;padding:4px 6px;border-radius:6px}
.rt-verdict.rt-good{color:#2fbf71;background:rgba(47,191,113,.12)}
.rt-verdict.rt-ok{color:#2fbf71;background:rgba(47,191,113,.09)}
.rt-verdict.rt-watch{color:#e0a72c;background:rgba(224,167,44,.12)}
.rt-verdict.rt-risk{color:#f0503c;background:rgba(240,80,60,.13)}
.rt-foot{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;color:#5f697c;margin-top:16px}
.rt-foot a{color:#98a2b4;border-bottom:1px solid rgba(255,255,255,.13)}

@media(max-width:860px){
  .rt-item{grid-template-columns:30px minmax(0,1fr) 46px;gap:10px;row-gap:3px;padding:12px 2px}
  .rt-meta{grid-column:2/4;font-size:10.5px}
  .rt-verdict{display:none}
  .rt-name{font-size:14px}
}
@media(max-width:520px){
  .rt-stats{grid-template-columns:1fr 1fr}
  .rt-cta{width:100%;justify-content:center}
}