/* ═══════════════════════════════════════════════════════
   Adapsis – Technology Impact Radar
   Nutzt CSS-Variablen aus adapsis.css
   ═══════════════════════════════════════════════════════ */

/* ── Body & Layout ───────────────────────────────────────────────────────────── */
.radar-body {
  background: var(--bg, #f4f1eb);
  color: var(--text, #1a1a1a);
  font-family: Montserrat, sans-serif;
  margin: 0;
}
.radar-body--embed {
  background: transparent;
}

/* ── Hero-Eyebrow: Identität + Wochennavigation ──────────────────────────────── */
.radar-hero-eyebrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .4rem;
}
.radar-hero-eyebrow .radar-hero-kw-label { margin: 0; }
.radar-hero-weeknav {
  display: flex;
  align-items: center;
  gap: .35rem;
}
.radar-hero-weeknav-link {
  color: rgba(255,255,255,.45);
  text-decoration: none;
  font-size: .95rem;
  font-weight: 600;
  padding: .2rem .4rem;
  line-height: 1;
  border-radius: 2px;
  transition: color .12s;
}
.radar-hero-weeknav-link:hover { color: var(--gold, #b8821e); }
.radar-hero-weeknav-link--archiv {
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .04em;
  padding: .2rem .55rem;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 2px;
}
.radar-hero-weeknav-link--archiv:hover { border-color: rgba(255,255,255,.35); }
.radar-hero-weeknav-link--disabled {
  color: rgba(255,255,255,.15);
  font-size: .95rem;
  font-weight: 600;
  padding: .2rem .4rem;
  cursor: default;
}

/* ── Hero ────────────────────────────────────────────────────────────────────── */
.radar-hero {
  background: var(--navy, #0a1628);
  color: #fff;
  padding: 1.75rem 2rem 1.6rem;
}
.radar-hero-inner { max-width: 760px; margin: 0 auto; }

/* Hero – öffentliche Wochenansicht */
.radar-hero-kw-label {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--gold, #b8821e);
  margin: 0 0 .4rem;
}
.radar-hero-headline {
  font-size: clamp(1.15rem, 2.2vw, 1.65rem);
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  margin: 0 0 .65rem;
}
.radar-hero-disclosure {
  display: flex;
  align-items: center;
  gap: .35rem;
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .04em;
  color: rgba(255,255,255,.5);
  margin: 0;
}
.radar-hero-disclosure-sep {
  color: rgba(255,255,255,.25);
  margin: 0 .1rem;
}
.radar-hero-disclosure-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.radar-hero-disclosure-dot--ai     { background: var(--gold, #b8821e); opacity: .8; }
.radar-hero-disclosure-dot--human  { background: rgba(255,255,255,.55); }
.radar-hero-empty {
  color: rgba(255,255,255,.5);
  font-size: .9rem;
  margin: 0;
}
.radar-hero-label {
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--gold, #b8821e);
  margin-bottom: .75rem;
}
.radar-hero-title {
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 1rem;
  color: #fff;
}
.radar-hero-sub {
  font-size: .9rem;
  line-height: 1.7;
  color: rgba(255,255,255,.7);
  max-width: 620px;
  margin: 0;
}

/* ── Haupt-Layout ────────────────────────────────────────────────────────────── */
.radar-main { padding: 2rem 1.5rem 4rem; }
.radar-main--embed { padding: 1rem; }

.radar-layout {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 2rem;
  align-items: start;
}
@media (max-width: 860px) {
  .radar-layout { grid-template-columns: 1fr; }
}

/* ── Filter-Sidebar ──────────────────────────────────────────────────────────── */
.radar-filters {
  background: var(--bg-card, #fff);
  border: 1px solid #e5e0d8;
  border-radius: var(--radius-lg, 10px);
  padding: 1.25rem;
  position: sticky;
  top: 68px;
}
.radar-filter-group { margin-bottom: 1.25rem; }
.radar-filter-group:last-child { margin-bottom: 0; }
.radar-filter-label {
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--text-muted, #555);
  margin-bottom: .5rem;
}
.radar-filter-pills { display: flex; flex-wrap: wrap; gap: .35rem; }
.filter-pill {
  border: 1px solid #d8d3cb;
  background: transparent;
  color: var(--text-muted, #555);
  font-family: Montserrat, sans-serif;
  font-size: .7rem;
  font-weight: 500;
  padding: .25rem .65rem;
  border-radius: 20px;
  cursor: pointer;
  transition: all .15s;
  white-space: nowrap;
}
.filter-pill:hover   { border-color: var(--navy, #0a1628); color: var(--navy, #0a1628); }
.filter-pill.active  { background: var(--navy, #0a1628); color: #fff; border-color: var(--navy, #0a1628); }
.impact-pill--automate.active { background: #1a6b8a; border-color: #1a6b8a; }
.impact-pill--improve.active  { background: #2a7a5a; border-color: #2a7a5a; }
.impact-pill--disrupt.active  { background: var(--gold, #b8821e); border-color: var(--gold, #b8821e); }

/* ── Chart-Bereich ───────────────────────────────────────────────────────────── */
.radar-chart-area { position: relative; }
.radar-chart-wrap {
  background: var(--bg-card, #fff);
  border: 1px solid #e5e0d8;
  border-radius: var(--radius-lg, 10px);
  padding: 1.5rem 1.5rem 1rem;
  position: relative;
}
.radar-chart-svg-wrap { width: 100%; }

/* D3-Stile */
.quadrant-bg { fill: var(--bg, #f4f1eb); }
.q-tr { fill: #f9f6f0; }
.q-tl { fill: #f4f1eb; }
.q-br { fill: #f0ede5; }
.q-bl { fill: #ede9e0; }
.quadrant-label {
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 600;
  fill: #b5ad9e;
  letter-spacing: .06em;
  text-transform: uppercase;
  pointer-events: none;
}
.axis-mid { stroke: #d0c9bc; stroke-width: 1; stroke-dasharray: 4,4; }
.axis-label {
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  fill: #888;
  font-weight: 500;
}
.radar-dot { transition: r .12s, fill-opacity .12s; }

/* Tooltip */
.radar-tooltip {
  position: absolute;
  background: var(--navy, #0a1628);
  color: #fff;
  padding: .75rem 1rem;
  border-radius: var(--radius-lg, 10px);
  font-size: .78rem;
  max-width: 240px;
  pointer-events: none;
  z-index: 200;
  box-shadow: 0 8px 32px rgba(0,0,0,.18);
}
.radar-tt-title    { font-weight: 600; margin-bottom: .4rem; line-height: 1.3; }
.radar-tt-meta     { display: flex; flex-wrap: wrap; gap: .3rem; margin-bottom: .3rem; }
.radar-tt-scores   { font-size: .7rem; color: rgba(255,255,255,.6); margin-bottom: .25rem; }
.radar-tt-hint     { font-size: .65rem; color: var(--gold, #b8821e); }

/* Legende */
.radar-chart-legend {
  display: flex; gap: 1.25rem; flex-wrap: wrap;
  margin-top: .75rem;
  justify-content: center;
  font-size: .72rem;
  color: var(--text-muted, #555);
}
.legend-item { display: flex; align-items: center; gap: .35rem; }

/* ── Signal-Karten-Liste ─────────────────────────────────────────────────────── */
.radar-signal-list-section { max-width: 1280px; margin: 2.5rem auto 0; }
.radar-signal-list-header {
  display: flex; align-items: center; gap: 1rem;
  margin-bottom: 1.25rem;
}
.radar-signal-list-header h2 { margin: 0; font-size: 1.1rem; font-weight: 700; }
.radar-loading-msg { font-size: .8rem; color: var(--text-muted, #555); }

.radar-signal-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
}
.radar-signal-card {
  background: var(--bg-card, #fff);
  border: 1px solid #e5e0d8;
  border-radius: var(--radius-lg, 10px);
  padding: 1.25rem;
  text-decoration: none;
  color: inherit;
  display: block;
  transition: border-color .15s, box-shadow .15s;
}
.radar-signal-card:hover {
  border-color: var(--gold, #b8821e);
  box-shadow: 0 4px 16px rgba(0,0,0,.07);
}
.radar-signal-card-header { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .6rem; }
.radar-signal-card-title  { font-size: .92rem; font-weight: 700; margin: 0 0 .5rem; line-height: 1.3; }
.radar-signal-card-summary{ font-size: .8rem; color: var(--text-muted, #555); line-height: 1.5; margin: 0 0 .6rem; }
.radar-signal-card-scores {
  display: flex; flex-wrap: wrap; gap: .5rem;
  font-size: .68rem;
  color: var(--text-muted, #555);
  font-weight: 600;
}

/* ── Badges & Tags ───────────────────────────────────────────────────────────── */
.impact-badge {
  display: inline-block;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .08em;
  padding: .18rem .55rem;
  border-radius: 2px;
  text-transform: uppercase;
  color: #fff;
}
.impact-automate { background: #1a6b8a; }
.impact-improve  { background: #2a7a5a; }
.impact-disrupt  { background: var(--gold, #b8821e); }

.radar-context-tag, .radar-source-tag, .radar-use-case-tag {
  display: inline-block;
  font-size: .68rem;
  padding: .2rem .55rem;
  border-radius: 2px;
  font-weight: 500;
}
.radar-context-tag { background: #edeae2; color: var(--text-muted, #555); }
.radar-source-tag  { background: transparent; border: 1px solid #d8d3cb; color: #888; }
.radar-use-case-tag{ background: var(--bg-alt, #edeae2); color: var(--text-muted, #555); margin-right: .25rem; margin-bottom: .25rem; }

.radar-badge {
  display: inline-block;
  background: var(--navy, #0a1628);
  color: #fff;
  font-size: .65rem;
  font-weight: 700;
  padding: .15rem .5rem;
  border-radius: 20px;
}
.status-badge {
  display: inline-block;
  font-size: .65rem;
  font-weight: 700;
  padding: .15rem .5rem;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.status-published { background: #d4f0e4; color: #1a5c38; }
.status-draft     { background: #f0e8d4; color: #7a5010; }
.status-archived  { background: #e8e4dc; color: #666; }

/* ── Erklärungssektion ───────────────────────────────────────────────────────── */
.radar-explain-section {
  max-width: 1280px;
  margin: 3rem auto 0;
  padding: 2.5rem 1.5rem 3rem;
  border-top: 1px solid #e5e0d8;
}
.radar-explain-section h2 { font-size: 1.2rem; margin-bottom: 1.5rem; }
.radar-explain-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1.5rem;
}
.radar-explain-item { }
.radar-explain-icon {
  font-size: 1.5rem;
  color: var(--gold, #b8821e);
  margin-bottom: .5rem;
}
.radar-explain-item h3 { font-size: .95rem; font-weight: 700; margin: 0 0 .5rem; }
.radar-explain-item p  { font-size: .83rem; line-height: 1.65; color: var(--text-muted, #555); margin: 0; }

/* ── Detail-Seite ────────────────────────────────────────────────────────────── */
.radar-detail-main { padding: 2rem 1.5rem 5rem; }
.radar-detail-wrap { max-width: 1100px; margin: 0 auto; }
.radar-breadcrumb {
  font-size: .75rem;
  color: var(--text-muted, #555);
  margin-bottom: 1.5rem;
}
.radar-breadcrumb a { color: var(--text-muted, #555); text-decoration: none; }
.radar-breadcrumb a:hover { color: var(--gold, #b8821e); }
.radar-breadcrumb span { margin: 0 .4rem; }

.radar-detail-header { margin-bottom: 2rem; }
.radar-detail-tags   { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .85rem; }
.radar-detail-title  {
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-weight: 700;
  margin: 0 0 .6rem;
  line-height: 1.25;
}
.radar-detail-date { font-size: .78rem; color: var(--text-muted, #555); }

.radar-detail-grid {
  display: grid;
  grid-template-columns: 1fr 260px;
  gap: 2.5rem;
  align-items: start;
}
@media (max-width: 780px) {
  .radar-detail-grid { grid-template-columns: 1fr; }
}

.radar-detail-summary {
  font-size: 1rem;
  line-height: 1.75;
  color: var(--text, #1a1a1a);
  margin-bottom: 1.5rem;
}
.radar-detail-source-link {
  display: inline-block;
  font-size: .82rem;
  font-weight: 600;
  color: var(--gold, #b8821e);
  text-decoration: none;
  margin-bottom: 2rem;
}
.radar-detail-source-link:hover { text-decoration: underline; }

.radar-detail-section { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #e5e0d8; }
.radar-detail-section h2 { font-size: 1rem; font-weight: 700; margin: 0 0 1rem; }

.radar-dl {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: .6rem 1rem;
  font-size: .85rem;
}
.radar-dl dt { font-weight: 700; color: var(--text-muted, #555); align-self: start; }
.radar-dl dd { margin: 0; }
.radar-key-hint { font-size: .72rem; color: #aaa; margin-left: .3rem; }

.radar-score-display-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-bottom: 1.25rem; }
@media (max-width: 600px) { .radar-score-display-row { grid-template-columns: 1fr; } }
.radar-score-display { }
.radar-score-label    { font-size: .75rem; font-weight: 700; margin-bottom: .4rem; }
.radar-score-bar-wrap { background: #e5e0d8; border-radius: 2px; height: 8px; margin-bottom: .3rem; }
.radar-score-bar      { height: 8px; border-radius: 2px; transition: width .4s; }
.radar-score-val      { font-size: .78rem; font-weight: 700; }
.radar-score-hint     { font-size: .68rem; color: var(--text-muted, #555); margin-top: .2rem; }

.radar-rationale-box {
  background: var(--bg-alt, #edeae2);
  border-radius: var(--radius, 2px);
  padding: 1rem 1.25rem;
  font-size: .85rem;
  line-height: 1.65;
}
.radar-rationale-box strong { display: block; margin-bottom: .4rem; font-size: .75rem; text-transform: uppercase; letter-spacing: .1em; color: var(--text-muted, #555); }

/* ── Mini-Quadrant (Detail-Aside) ────────────────────────────────────────────── */
.radar-detail-aside { }
.radar-mini-quadrant {
  background: var(--bg-card, #fff);
  border: 1px solid #e5e0d8;
  border-radius: var(--radius-lg, 10px);
  padding: 1.25rem;
  position: sticky;
  top: 68px;
}
.radar-mini-q-title { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--text-muted, #555); margin-bottom: .75rem; }
.radar-mini-q-chart { margin: 0 auto; width: 180px; }
.radar-mini-q-link  { display: block; font-size: .75rem; font-weight: 600; color: var(--gold, #b8821e); text-decoration: none; margin-top: .75rem; text-align: center; }
.radar-mini-q-link:hover { text-decoration: underline; }

/* ── Footer ──────────────────────────────────────────────────────────────────── */
.radar-footer {
  background: var(--navy, #0a1628);
  color: rgba(255,255,255,.5);
  padding: 1.5rem;
  font-size: .75rem;
  text-align: center;
}
.radar-footer a { color: rgba(255,255,255,.7); }
.radar-footer-note { font-size: .68rem; margin-top: .35rem; }

/* ═══════════════════════════════════════════════════════
   Admin-Styles
   ═══════════════════════════════════════════════════════ */

/* Section typography helpers */
.radar-section-heading {
  margin: 1.75rem 0 .75rem;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  align-items: baseline;
  gap: .5rem;
}
.radar-section-subhead {
  font-size: .7rem;
  font-weight: 400;
  color: var(--text-muted, #555);
}
.radar-section-gap { margin-top: 1.5rem; }

/* Table column helpers */
.col-nowrap { white-space: nowrap; }
.col-center { text-align: center; }
.col-meta   { font-size: .8rem; color: var(--text-muted, #555); }
.form-inline { display: inline; margin: 0; }

/* Footer links */
.radar-footer-link { margin-top: 1.5rem; }
.radar-muted-link  { font-size: .8rem; color: var(--text-muted, #555); text-decoration: none; }
.radar-muted-link:hover { color: var(--gold, #b8821e); }

/* Inbox collapsible */
.radar-inbox-details { margin-top: 2rem; }
.radar-inbox-details summary { list-style: none; cursor: pointer; }
.radar-inbox-details summary::-webkit-details-marker { display: none; }
.radar-inbox-summary-row {
  display: flex;
  align-items: baseline;
  gap: .6rem;
  padding: .3rem 0;
  user-select: none;
}
.radar-inbox-summary-row:hover .radar-inbox-heading { color: var(--gold, #b8821e); }
.radar-inbox-heading {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: .4rem;
}
.radar-inbox-table-wrap {
  max-height: 420px;
  overflow-y: auto;
  margin-top: .6rem;
  border: 1px solid #e5e0d8;
  border-radius: 4px;
}
.radar-inbox-snippet { font-size: .73rem; color: var(--text-muted, #555); margin-top: .2rem; }
.radar-inbox-must-row { background: #fffbf0; border-left: 3px solid var(--gold, #b8821e); }
.radar-inbox-must-row td:first-child { padding-left: .6rem; }
.radar-must-pin { font-size: .85rem; margin-right: .3rem; vertical-align: middle; }
.radar-badge--must { background: var(--gold, #b8821e); color: #fff; }
.radar-stat--must .radar-stat-n { color: var(--gold, #b8821e); }
.radar-inbox-actions { display: flex; gap: .15rem; flex-wrap: wrap; }

.radar-admin-wrap {
  max-width: 1200px;
  margin: 2rem auto;
  padding: 0 1.5rem 4rem;
}
.radar-admin-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  gap: 1rem;
}
.radar-admin-header h1 { margin: 0; font-size: 1.4rem; }
.radar-admin-sub       { font-size: .82rem; color: var(--text-muted, #555); margin: .25rem 0 0; }
.radar-admin-hactions  { display: flex; gap: .5rem; flex-wrap: wrap; }

.radar-back {
  font-size: .78rem;
  color: var(--text-muted, #555);
  text-decoration: none;
  display: block;
  margin-bottom: .4rem;
}
.radar-back:hover { color: var(--gold, #b8821e); }

/* Stats */
.radar-stats-row {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  align-items: center;
}
.radar-stat {
  background: var(--bg-card, #fff);
  border: 1px solid #e5e0d8;
  border-radius: var(--radius-lg, 10px);
  padding: .75rem 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 80px;
}
.radar-stat--alert { border-color: var(--gold, #b8821e); }
.radar-stat-n { font-size: 1.5rem; font-weight: 700; line-height: 1; }
.radar-stat-l { font-size: .65rem; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: var(--text-muted, #555); margin-top: .2rem; }

/* Tabs */
.radar-admin-tabs { display: flex; gap: 0; margin-bottom: 1rem; border-bottom: 2px solid #e5e0d8; flex-wrap: wrap; }
.radar-tab {
  padding: .6rem 1rem;
  font-size: .78rem;
  font-weight: 600;
  text-decoration: none;
  color: var(--text-muted, #555);
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: color .15s, border-color .15s;
}
.radar-tab:hover { color: var(--navy, #0a1628); }
.radar-tab.active { color: var(--navy, #0a1628); border-bottom-color: var(--navy, #0a1628); }
.radar-tab--inbox { color: var(--gold, #b8821e); }

/* Table */
.radar-table-wrap { overflow-x: auto; }
.radar-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .83rem;
}
.radar-table th {
  background: var(--bg-alt, #edeae2);
  padding: .6rem .85rem;
  text-align: left;
  font-size: .68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--text-muted, #555);
  border-bottom: 1px solid #d8d3cb;
}
.radar-table td {
  padding: .65rem .85rem;
  border-bottom: 1px solid #ede9e0;
  vertical-align: middle;
}
.radar-table tr:last-child td { border-bottom: none; }
.radar-row-inactive { opacity: .5; }
.radar-signal-title { font-weight: 600; color: var(--navy, #0a1628); text-decoration: none; }
.radar-signal-title:hover { color: var(--gold, #b8821e); }
.radar-inbox-summary { font-size: .73rem; color: var(--text-muted, #555); margin-top: .2rem; }
.radar-url-link { font-size: .75rem; color: var(--gold, #b8821e); text-decoration: none; word-break: break-all; }
.radar-url-link:hover { text-decoration: underline; }
.radar-actions { white-space: nowrap; }

/* Buttons */
.btn-primary, .btn-ghost {
  display: inline-block;
  font-family: Montserrat, sans-serif;
  font-size: .78rem;
  font-weight: 600;
  padding: .5rem 1.1rem;
  border-radius: var(--radius, 2px);
  cursor: pointer;
  text-decoration: none;
  transition: all .15s;
  border: 1px solid transparent;
  letter-spacing: .04em;
}
.btn-primary { background: var(--navy, #0a1628); color: #fff; }
.btn-primary:hover { background: var(--navy-mid, #1a2e4a); }
.btn-primary:disabled { opacity: .5; cursor: not-allowed; }
.btn-ghost  { background: transparent; color: var(--navy, #0a1628); border-color: #c8c3bb; }
.btn-ghost:hover { border-color: var(--navy, #0a1628); }
.btn-xs {
  display: inline-block;
  font-family: Montserrat, sans-serif;
  font-size: .68rem;
  font-weight: 600;
  padding: .2rem .6rem;
  border-radius: 2px;
  cursor: pointer;
  background: var(--bg-alt, #edeae2);
  color: var(--navy, #0a1628);
  border: 1px solid #d0cbc2;
  transition: all .12s;
  text-decoration: none;
}
.btn-xs:hover { background: #d8d3cb; }
.btn-xs.btn-primary { background: var(--navy, #0a1628); color: #fff; border-color: var(--navy, #0a1628); }
.btn-xs.btn-primary:hover { background: var(--navy-mid, #1a2e4a); }
.btn-xs.btn-danger  { background: #fde8e8; color: #8b2020; border-color: #e8b8b8; }
.btn-xs.btn-danger:hover { background: #f8d0d0; }

/* Form-Elemente */
.radar-input, .radar-textarea, .radar-select {
  font-family: Montserrat, sans-serif;
  font-size: .83rem;
  border: 1px solid #c8c3bb;
  border-radius: var(--radius, 2px);
  padding: .55rem .75rem;
  background: #fff;
  color: var(--text, #1a1a1a);
  width: 100%;
  box-sizing: border-box;
  transition: border-color .15s;
}
.radar-input:focus, .radar-textarea:focus, .radar-select:focus {
  outline: none;
  border-color: var(--navy, #0a1628);
}
.radar-textarea { resize: vertical; min-height: 80px; }
.radar-select { cursor: pointer; }
.radar-select--filter { margin-top: .35rem; }

.radar-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}
.form-group { }
.form-group--full { grid-column: 1 / -1; }
.form-group label { display: block; font-size: .75rem; font-weight: 700; margin-bottom: .4rem; }
.form-group label small { font-weight: 400; color: var(--text-muted, #555); }
@media (max-width: 640px) { .radar-form-grid { grid-template-columns: 1fr; } }

.radar-form-actions { display: flex; gap: .75rem; flex-wrap: wrap; padding-top: 1.25rem; border-top: 1px solid #e5e0d8; }
.radar-form-inline  { display: flex; gap: .75rem; flex-wrap: wrap; align-items: center; }

.radar-checkbox-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: .4rem; }
.radar-checkbox-label {
  display: flex; align-items: center; gap: .4rem;
  font-size: .8rem; cursor: pointer; padding: .3rem .5rem;
  border-radius: 2px; transition: background .1s;
}
.radar-checkbox-label:hover { background: var(--bg-alt, #edeae2); }

.radar-impact-btns  { display: flex; gap: .5rem; flex-wrap: wrap; }
.impact-btn {
  border: 1px solid #d0c9bc;
  background: transparent;
  padding: .4rem .9rem;
  border-radius: 2px;
  font-family: Montserrat, sans-serif;
  font-size: .78rem;
  font-weight: 600;
  cursor: pointer;
  transition: all .15s;
  color: var(--text-muted, #555);
}
.impact-btn.selected,
.impact-btn--automate.selected { background: #1a6b8a; color: #fff; border-color: #1a6b8a; }
.impact-btn--improve.selected  { background: #2a7a5a; color: #fff; border-color: #2a7a5a; }
.impact-btn--disrupt.selected  { background: var(--gold, #b8821e); color: #fff; border-color: var(--gold, #b8821e); }

.radar-score-row         { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.radar-score-group label { font-size: .75rem; font-weight: 600; display: block; margin-bottom: .35rem; }
.radar-score-slider-wrap { display: flex; align-items: center; gap: .75rem; }
.radar-slider { flex: 1; accent-color: var(--navy, #0a1628); cursor: pointer; }
.radar-slider-val { font-weight: 700; min-width: 1rem; }

/* KI-Klassifikations-Box */
.radar-classify-box {
  background: var(--navy, #0a1628);
  color: #fff;
  border-radius: var(--radius-lg, 10px);
  padding: 1.5rem;
  margin-bottom: 2rem;
}
.radar-classify-box h3 { color: var(--gold, #b8821e); font-size: .9rem; text-transform: uppercase; letter-spacing: .1em; margin: 0 0 .35rem; }
.radar-classify-box p  { font-size: .82rem; color: rgba(255,255,255,.7); margin: 0 0 .75rem; }
.radar-classify-row { display: flex; gap: .75rem; margin-bottom: .75rem; flex-wrap: wrap; }
.radar-classify-row .radar-input { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.2); color: #fff; flex: 1; min-width: 200px; }
.radar-classify-row .radar-input::placeholder { color: rgba(255,255,255,.4); }
.radar-classify-box .radar-textarea { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.15); color: #fff; }
.radar-classify-box .radar-textarea::placeholder { color: rgba(255,255,255,.4); }
.classify-status { font-size: .78rem; margin-top: .5rem; min-height: 1.2em; }
.classify-status--ok      { color: #7de2b8; }
.classify-status--err     { color: #f0a0a0; }
.classify-status--loading { color: rgba(255,255,255,.6); }

/* Card */
.radar-card {
  background: var(--bg-card, #fff);
  border: 1px solid #e5e0d8;
  border-radius: var(--radius-lg, 10px);
  padding: 1.5rem;
}
.radar-card h3 { margin: 0 0 .5rem; font-size: .95rem; }
.radar-card p  { font-size: .83rem; color: var(--text-muted, #555); margin: 0 0 .85rem; }

.radar-empty {
  text-align: center;
  color: var(--text-muted, #555);
  padding: 2rem;
  font-size: .85rem;
}
.radar-empty a { color: var(--gold, #b8821e); }

/* ── Digest-Editor ───────────────────────────────────────────────────────────── */
.digest-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
@media (max-width: 900px) { .digest-grid { grid-template-columns: 1fr; } }

.digest-card {
  background: var(--bg-card, #fff);
  border: 1px solid #e5e0d8;
  border-radius: var(--radius-lg, 10px);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: .65rem;
}
/* Regulatorik-Karte: volle Breite */
.digest-card#card-regulatorik {
  grid-column: 1 / -1;
}

.digest-card-header {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin-bottom: .25rem;
}
/* Slot-Icon-Box */
.digest-slot-icon {
  width: 34px; height: 34px;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--radius, 2px);
  flex-shrink: 0;
  background: #edeae2;
  color: var(--navy, #0a1628);
}
.digest-slot-icon svg { width: 16px; height: 16px; }
.digest-slot-icon--durchbruch    { background: #fef4e3; color: var(--gold, #b8821e); }
.digest-slot-icon--trend         { background: #e8eef8; color: var(--navy, #0a1628); }
.digest-slot-icon--reality_check { background: #fdecea; color: #b03a2e; }
.digest-slot-icon--im_blick      { background: #e7f3ef; color: #1a6b4a; }
.digest-slot-icon--regulatorik   { background: #eeecf5; color: #4a3878; }

.digest-slot-label  { font-size: .85rem; font-weight: 700; display: block; color: var(--text, #1a1a1a); }
.digest-slot-hint   { font-size: .71rem; color: var(--text-muted, #555); display: block; margin-top: .05rem; }
.digest-card-selects { margin-left: auto; display: flex; gap: .35rem; align-items: center; flex-shrink: 0; }

.digest-theme-sel,
.digest-movement-sel {
  font-size: .72rem;
  border: 1px solid #d8d3cb;
  border-radius: var(--radius, 2px);
  padding: .25rem .45rem;
  background: var(--bg, #f4f1eb);
  color: var(--text-muted, #555);
  font-family: Montserrat, sans-serif;
}
.digest-theme-sel { max-width: 170px; font-weight: 600; }

.digest-card-title  { font-weight: 600; }

/* Quellen + KMU-Handlungspunkte */
.digest-field-block { display: flex; flex-direction: column; gap: .2rem; }
.digest-field-label {
  font-size: .67rem;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--text-muted, #555);
  text-transform: uppercase;
}
.digest-sources-textarea {
  font-family: 'Courier New', Courier, monospace;
  font-size: .75rem;
  min-height: 58px;
  line-height: 1.55;
}
.digest-sources-verify {
  font-size: .71rem;
  font-weight: 600;
  padding: .2rem .5rem;
  border-radius: var(--radius, 2px);
  min-height: 1.2em;
}
.digest-sources-verify--ok   { background: #e7f3ef; color: #1a6b4a; }
.digest-sources-verify--warn { background: #fef4e3; color: #b05c10; }
.digest-kmu-actions {
  font-size: .81rem;
  min-height: 50px;
}

/* Umfeld-Chips */
.digest-umfeld-row {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  padding-top: .25rem;
  border-top: 1px solid #edeae2;
  margin-top: .1rem;
}
.digest-umfeld-chip {
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .03em;
  padding: .2rem .55rem;
  border-radius: var(--radius, 2px);
  border: 1px solid #d8d3cb;
  background: transparent;
  color: var(--text-muted, #555);
  cursor: pointer;
  user-select: none;
  transition: background .12s, color .12s, border-color .12s;
  font-family: Montserrat, sans-serif;
}
.digest-umfeld-chip:hover   { border-color: var(--navy, #0a1628); color: var(--navy, #0a1628); }
.digest-umfeld-chip.checked { background: var(--navy, #0a1628); color: #fff; border-color: var(--navy, #0a1628); }

/* ── Trend-Heatmap ───────────────────────────────────────────────────────────── */
.radar-heatmap-wrap { overflow-x: auto; }
.radar-heatmap {
  display: grid;
  gap: 3px;
  min-width: 480px;
}
.heatmap-col-header {
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--text-muted, #555);
  text-align: center;
  padding-bottom: .2rem;
  white-space: nowrap;
}
.heatmap-row-label {
  font-size: .72rem;
  font-weight: 700;
  color: var(--text, #1a1a1a);
  display: flex;
  align-items: center;
  padding-right: .5rem;
  white-space: nowrap;
}

.heatmap-cell {
  height: 26px;
  border-radius: 3px;
  cursor: default;
  transition: filter .12s;
}
.heatmap-cell:hover { filter: brightness(1.15); }

.heatmap-legend {
  display: flex;
  gap: .85rem;
  margin-top: .75rem;
  flex-wrap: wrap;
  align-items: center;
}
.heatmap-legend span {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  font-size: .68rem;
  color: var(--text-muted, #555);
  font-weight: 600;
}
.heatmap-legend-hotness {
  font-size: .62rem !important;
  font-weight: 400 !important;
  color: var(--text-muted, #999) !important;
  font-style: italic;
  margin-left: .25rem;
}
.heatmap-swatch {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  flex-shrink: 0;
}

/* Slot-Kurzpillen (Übersichtstabelle) */
.digest-slot-pills { display: flex; gap: .2rem; flex-wrap: wrap; }
.digest-slot-pill {
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .06em;
  padding: .15rem .4rem;
  border-radius: var(--radius, 2px);
  background: #edeae2;
  color: #aaa;
  font-family: Montserrat, sans-serif;
}
.digest-slot-pill.filled                    { color: #fff; }
.digest-slot-pill--durchbruch.filled        { background: var(--gold, #b8821e); }
.digest-slot-pill--trend.filled             { background: var(--navy, #0a1628); }
.digest-slot-pill--reality_check.filled     { background: #b03a2e; }
.digest-slot-pill--im_blick.filled          { background: #1a6b4a; }
.digest-slot-pill--regulatorik.filled       { background: #4a3878; }

/* ── Rollenspezifische Perspektiven (Personas) ───────────────────────────────── */
.digest-personas-section {
  border-top: 1px solid #edeae2;
  margin-top: .5rem;
  padding-top: .4rem;
}
.digest-personas-toggle {
  font-size: .67rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--text-muted, #555);
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: .4rem;
  user-select: none;
  padding: .1rem 0;
}
.digest-personas-toggle::-webkit-details-marker { display: none; }
.digest-personas-toggle::before {
  content: '▶';
  font-size: .6em;
  opacity: .6;
  transition: transform .15s;
  flex-shrink: 0;
}
details[open] .digest-personas-toggle::before { transform: rotate(90deg); }
.digest-personas-badge {
  background: var(--navy, #0a1628);
  color: #fff;
  border-radius: 10px;
  padding: .06rem .38rem;
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .02em;
}
.digest-personas-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .35rem;
  padding-top: .45rem;
}
@media (max-width: 500px) {
  .digest-personas-grid { grid-template-columns: 1fr; }
}
.digest-persona-card {
  background: var(--bg, #f4f1eb);
  border-radius: var(--radius, 2px);
  padding: .4rem .55rem;
  display: flex;
  flex-direction: column;
  gap: .15rem;
  min-height: 3.2rem;
}
.digest-persona-label {
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--navy, #0a1628);
}
.digest-persona-text {
  font-size: .75rem;
  line-height: 1.45;
  color: var(--text, #1a1a1a);
  margin: 0;
}
.digest-persona-text:empty {
  color: var(--text-muted, #aaa);
}
.digest-persona-text:empty::before {
  content: '–';
}

/* ── KMU-Takeaway-Vorschau mit 7S-Badges ────────────────────────────────────── */
.kmu-takeaway-preview {
  margin-top: .35rem;
  min-height: 0;
}
.kmu-takeaway-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .28rem;
}
.kmu-takeaway-item {
  display: flex;
  align-items: flex-start;
  gap: .45rem;
  flex-wrap: wrap;
  font-size: .78rem;
  line-height: 1.4;
}
.kmu-takeaway-item::before {
  content: '→';
  color: var(--gold, #b8821e);
  font-weight: 700;
  flex-shrink: 0;
  margin-top: .02em;
}
.kmu-takeaway-text {
  flex: 1 1 0;
  min-width: 0;
  color: var(--text, #1a1a1a);
}
.kmu-7s-badges {
  display: inline-flex;
  flex-wrap: wrap;
  gap: .2rem;
  align-items: center;
}

/* 7S-Badge: Pill mit Tooltip */
.kmu-7s-badge {
  position: relative;
  display: inline-block;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: .1rem .38rem;
  border-radius: 2px;
  background: var(--navy, #0a1628);
  color: rgba(255,255,255,.82);
  cursor: default;
  white-space: nowrap;
  font-family: Montserrat, sans-serif;
}

/* Tooltip via CSS ::after */
.kmu-7s-badge[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--navy, #0a1628);
  color: rgba(255,255,255,.9);
  padding: .4rem .6rem;
  border-radius: 3px;
  font-size: .68rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  white-space: normal;
  width: 240px;
  text-align: left;
  line-height: 1.45;
  z-index: 200;
  pointer-events: none;
  opacity: 0;
  transition: opacity .15s;
  box-shadow: 0 2px 8px rgba(0,0,0,.18);
}
/* Kleines Dreieck unter dem Tooltip */
.kmu-7s-badge[data-tooltip]::before {
  content: '';
  position: absolute;
  bottom: calc(100% + 1px);
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
  border-top-color: var(--navy, #0a1628);
  z-index: 201;
  pointer-events: none;
  opacity: 0;
  transition: opacity .15s;
}
.kmu-7s-badge[data-tooltip]:hover::after,
.kmu-7s-badge[data-tooltip]:hover::before { opacity: 1; }

/* ══════════════════════════════════════════════════════════
   Öffentliche Wochenansicht – woche.php
   Visuell kongruent mit /kurswechsel/artikel.css
   ══════════════════════════════════════════════════════════ */

/* ── (Legacy-Klasse, nicht mehr in HTML, nur zur Sicherheit behalten) ─────── */
.radar-week-nav {
  background: var(--bg-alt, #edeae2);
  border-bottom: 1px solid #ddd8ce;
}
.radar-week-nav-inner {
  max-width: 760px;
  margin: 0 auto;
  padding: .55rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.radar-week-nav-link {
  font-size: .75rem;
  font-weight: 700;
  color: var(--navy, #0a1628);
  text-decoration: none;
  letter-spacing: .04em;
  transition: color .12s;
}
.radar-week-nav-link:hover { color: var(--gold, #b8821e); }
.radar-week-nav-link--disabled {
  font-size: .75rem;
  font-weight: 700;
  color: #bbb;
  letter-spacing: .04em;
  cursor: default;
}
.radar-week-nav-current {
  font-size: .75rem;
  font-weight: 700;
  color: var(--text-muted, #555);
  letter-spacing: .06em;
}

/* ── Persona-Leiste (collapsible) ────────────────────────────────────────────── */
.radar-persona-bar {
  background: #fff;
  border-bottom: 1px solid #e5e0d8;
  position: sticky;
  top: 60px; /* Direkt unter Adapsis-Hauptnav (kein Subnav mehr) */
  z-index: 90;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.radar-persona-bar-inner {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 2rem;
}

/* Toggle-Button (immer sichtbar) */
.radar-persona-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0;
  background: none;
  border: none;
  font-family: Montserrat, sans-serif;
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--text-muted, #555);
  cursor: pointer;
  padding: .6rem 0;
  text-align: left;
}
.radar-persona-toggle:hover { color: var(--navy, #0a1628); }
.radar-persona-toggle:hover .radar-persona-toggle-chevron { color: var(--navy, #0a1628); }

.radar-persona-toggle-label { flex-shrink: 0; }

.radar-persona-toggle-active {
  color: var(--navy, #0a1628);
  font-weight: 600;
  text-transform: none;
  letter-spacing: .01em;
  flex-shrink: 0;
  max-width: 18ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.radar-persona-toggle-chevron {
  flex-shrink: 0;
  color: #aaa9a2;
  margin-left: .4rem;
  transition: transform .2s ease, color .12s;
}
.radar-persona-toggle[aria-expanded="true"] .radar-persona-toggle-chevron {
  transform: rotate(180deg);
}

/* Chip-Panel (hidden by default) */
.radar-persona-chips-panel {
  display: flex;
  gap: .3rem;
  flex-wrap: wrap;
  padding-bottom: .6rem;
}
.radar-persona-chips-panel[hidden] { display: none; }

.radar-persona-chip {
  font-family: Montserrat, sans-serif;
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .03em;
  padding: .2rem .6rem;
  border-radius: 20px;
  border: 1px solid #d8d3cb;
  background: transparent;
  color: var(--text-muted, #555);
  cursor: pointer;
  transition: background .12s, color .12s, border-color .12s;
  white-space: nowrap;
}
.radar-persona-chip:hover   { border-color: var(--navy, #0a1628); color: var(--navy, #0a1628); }
.radar-persona-chip.active  { background: var(--navy, #0a1628); color: #fff; border-color: var(--navy, #0a1628); }

/* ── Accordion-Wrapper ───────────────────────────────────────────────────────── */
.rw-accordion-wrap { padding: 1.75rem 0 5rem; }
.rw-accordion {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  gap: .4rem;
}

/* ── Einzelner Slot (details-Element) ────────────────────────────────────────── */
.rw-slot {
  background: #fff;
  border: 0.5px solid var(--border, #e0dbd3);
  border-left: 3px solid var(--slot-color, #888);
  border-radius: 4px;
  overflow: hidden;
}
.rw-slot[open] {
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

/* Nativen Dreieck-Marker des <details>-Elements entfernen */
.rw-slot > summary           { list-style: none; }
.rw-slot > summary::-webkit-details-marker { display: none; }

/* ── Slot-Header (summary) ───────────────────────────────────────────────────── */
.rw-slot-summary {
  display: block;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
.rw-slot-summary:focus-visible { outline: 2px solid var(--gold, #b8821e); outline-offset: -2px; }

/* ── Slot-Header (einzeilig: Meta + Titel + Chevron) ─────────────────────────── */
.rw-slot-header {
  display: flex;
  align-items: center;
  gap: 0;                /* kein gap – Padding/Border der Meta-Spalte übernimmt Abstand */
  padding: .85rem 1.25rem .85rem 1rem;
  border-bottom: 0.5px solid transparent;
  transition: border-color .15s;
}
.rw-slot[open] .rw-slot-header { border-bottom-color: var(--border, #e5e0d8); }

.rw-slot-meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .22rem;
  flex-shrink: 0;
  width: 72px;        /* feste Breite – alle Slots gleich */
  padding-right: .75rem;
  border-right: 1px solid rgba(0,0,0,.07);
}
.rw-slot-icon { flex-shrink: 0; width: 13px; height: 13px; color: var(--slot-color, #888); opacity: .85; }
.rw-slot-icon svg { width: 13px; height: 13px; display: block; }
.rw-slot-label {
  font-size: .55rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--slot-color, #888);
  text-align: center;
  line-height: 1.2;
}

/* Slot-Titel – h2, SEO-relevant, immer im DOM */
.rw-slot-title {
  font-size: clamp(.9rem, 1.6vw, 1.1rem);
  font-weight: 500;
  color: var(--navy, #0a1628);
  line-height: 1.35;
  letter-spacing: -.02em;
  margin: 0;
  padding-left: .85rem;
  flex: 1;
  min-width: 0;
}

/* Chevron */
.rw-slot-chevron {
  flex-shrink: 0;
  color: #c5c0b8;
  transition: transform .22s ease, color .12s;
}
.rw-slot[open] .rw-slot-chevron    { transform: rotate(180deg); }
.rw-slot-summary:hover .rw-slot-chevron { color: #999; }

/* ── Slot-Inhalt (aufgeklappt) ───────────────────────────────────────────────── */
.rw-slot-body {
  padding: 1.75rem 2rem 2.25rem;
  animation: rwSlotOpen .2s ease;
}
@keyframes rwSlotOpen {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

.rw-summary {
  font-size: .95rem;
  font-weight: 300;
  color: var(--text, #1a1a1a);
  line-height: 1.9;
  margin-bottom: 1.5rem;
}

/* KMU-Relevanz: nutzt .pullquote aus artikel.css */

/* ── Handlungspunkte ─────────────────────────────────────────────────────────── */
.rw-takeaways {
  list-style: none;
  margin: 1.5rem 0;
  display: flex;
  flex-direction: column;
  gap: .55rem;
}
.rw-takeaways li {
  font-size: .88rem;
  font-weight: 300;
  color: var(--text, #1a1a1a);
  line-height: 1.75;
  padding-left: 1.25rem;
  position: relative;
  display: flex;
  align-items: baseline;
  gap: .45rem;
  flex-wrap: wrap;
}
.rw-takeaways li::before {
  content: '—';
  position: absolute;
  left: 0;
  color: var(--gold, #b8821e);
}

/* ── Quellen ─────────────────────────────────────────────────────────────────── */
.rw-sources {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 0.5px solid var(--border, #e0dbd3);
}
.rw-sources-list {
  list-style: none;
  counter-reset: fn;
  display: flex;
  flex-direction: column;
  gap: .45rem;
  margin-top: .65rem;
}
.rw-sources-list li {
  counter-increment: fn;
  font-size: .78rem;
  font-weight: 300;
  color: var(--text-dim, #888);
  line-height: 1.6;
  position: relative;
  padding-left: 1.5rem;
}
.rw-sources-list li::before {
  content: counter(fn);
  position: absolute;
  left: 0;
  color: var(--gold, #b8821e);
  font-weight: 500;
  font-size: .72rem;
}
.rw-sources-list a { color: var(--gold, #b8821e); text-decoration: none; border-bottom: .5px solid rgba(184,130,30,.3); transition: color .15s; }
.rw-sources-list a:hover { color: var(--navy, #0a1628); }

/* ── Persona-Box ─────────────────────────────────────────────────────────────── */
/* (Klassen bleiben gleich – JS nutzt .radar-pub-persona-box / .radar-pub-persona-text) */

/* ── Slot-Tabs (Navigation über dem Karussell) ───────────────────────────────── */
.rw-slot-tabs {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  border-bottom: 1.5px solid var(--border, #e5e0d8);
  margin-bottom: 1.25rem;
  gap: 0;
}
.rw-slot-tabs::-webkit-scrollbar { display: none; }
.rw-slot-tab {
  font-family: Montserrat, sans-serif;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--text-muted, #555);
  background: none;
  border: none;
  border-bottom: 2.5px solid transparent;
  padding: .6rem .85rem;
  cursor: pointer;
  white-space: nowrap;
  transition: color .15s, border-color .15s;
  flex-shrink: 0;
  margin-bottom: -1.5px; /* Überlappt border-bottom des Parents */
  line-height: 1;
}
.rw-slot-tab:hover { color: var(--navy, #0a1628); }
.rw-slot-tab.active {
  color: var(--navy, #0a1628);
  border-bottom-color: var(--tab-color, var(--navy, #0a1628));
}

/* ── CTA ─────────────────────────────────────────────────────────────────────── */
.rw-cta-wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 2rem 5rem;
}

/* ── Archiv-Seite ────────────────────────────────────────────────────────────── */
.radar-archiv-back {
  color: rgba(255,255,255,.45);
  text-decoration: none;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .06em;
}
.radar-archiv-back:hover { color: var(--gold, #b8821e); }

.radar-archiv-wrap {
  max-width: 760px;
  margin: 2rem auto 5rem;
  padding: 0 2rem;
}
.radar-archiv-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .35rem;
}
.radar-archiv-item {}
.radar-archiv-link {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .85rem 1rem .85rem 1.1rem;
  background: #fff;
  border: 0.5px solid var(--border, #e0dbd3);
  border-radius: 4px;
  text-decoration: none;
  color: var(--text, #1a1a1a);
  transition: border-color .12s, box-shadow .12s;
}
.radar-archiv-link:hover {
  border-color: var(--gold, #b8821e);
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}
.radar-archiv-kw {
  font-size: .68rem;
  font-weight: 700;
  color: var(--text-muted, #555);
  white-space: nowrap;
  min-width: 5.5rem;
}
.radar-archiv-date {
  font-size: .68rem;
  color: var(--text-muted, #555);
  white-space: nowrap;
  min-width: 6rem;
}
.radar-archiv-headline {
  flex: 1;
  font-size: .9rem;
  font-weight: 500;
  color: var(--navy, #0a1628);
  letter-spacing: -.01em;
  line-height: 1.3;
}
.radar-archiv-slots {
  display: flex;
  gap: .3rem;
  align-items: center;
  flex-shrink: 0;
}
.radar-archiv-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}
.radar-archiv-arrow {
  flex-shrink: 0;
  color: #c5c0b8;
  transition: color .12s, transform .12s;
}
.radar-archiv-link:hover .radar-archiv-arrow {
  color: var(--gold, #b8821e);
  transform: translateX(2px);
}

@media (max-width: 600px) {
  .radar-archiv-wrap   { padding: 0 .85rem; margin-top: 1.5rem; }
  .radar-archiv-date   { display: none; }
  .radar-archiv-kw     { min-width: 4rem; }
}

/* ── Responsive ──────────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
  .rw-accordion       { padding: 0 .85rem; }
  .rw-cta-wrap        { padding: 0 .85rem 4rem; }
  .rw-slot-body       { padding: 1.25rem 1.1rem 1.75rem; }
  .rw-slot-header     { padding: .8rem 1rem .8rem .9rem; gap: .6rem; }
  .radar-hero-eyebrow { flex-wrap: wrap; gap: .3rem; }
}

/* ── (Legacy – nicht mehr in HTML, aber CSS-Sicherheit) ──────────────────────── */
.radar-woche-inner {
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* ── Slot-Karte (öffentlich) ─────────────────────────────────────────────────── */
.radar-pub-card {
  background: #fff;
  border-radius: var(--radius-lg, 10px);
  border: 1px solid #e5e0d8;
  /* overflow:visible damit Tooltips nicht abgeschnitten werden;
     border-radius greift via .radar-pub-card-head */
  overflow: visible;
  box-shadow: 0 2px 6px rgba(0,0,0,.04);
}
.radar-pub-card-head {
  display: flex;
  align-items: center;
  gap: .65rem;
  border-radius: var(--radius-lg, 10px) var(--radius-lg, 10px) 0 0;
  padding: .65rem 1.1rem;
  color: #fff;
}
.radar-pub-slot-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  opacity: .9;
}
.radar-pub-slot-icon svg { width: 18px; height: 18px; display: block; }
.radar-pub-slot-label {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  flex: 1;
}
.radar-pub-card-badges { display: flex; gap: .35rem; align-items: center; flex-wrap: wrap; }
.radar-pub-theme-badge {
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .04em;
  padding: .1rem .45rem;
  border-radius: 2px;
  color: #fff;
  opacity: .9;
  text-transform: uppercase;
  white-space: nowrap;
}
.radar-pub-movement-badge {
  font-size: .68rem;
  font-weight: 700;
  background: rgba(255,255,255,.18);
  border-radius: 2px;
  padding: .08rem .4rem;
  white-space: nowrap;
}

.radar-pub-card-body { padding: 1.25rem 1.4rem 1.1rem; }

.radar-pub-title {
  font-size: 1.18rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--navy, #0a1628);
  margin: 0 0 .9rem;
}

/* ── Persona-Box (eingeklappt bis JS aktiv) ──────────────────────────────────── */
.radar-pub-persona-box {
  background: linear-gradient(135deg, #f0ede5 0%, #e8e4dc 100%);
  border-left: 3px solid var(--gold, #b8821e);
  border-radius: 0 var(--radius, 2px) var(--radius, 2px) 0;
  padding: .65rem .9rem;
  margin-bottom: .9rem;
  font-size: .85rem;
  line-height: 1.55;
  color: var(--text, #1a1a1a);
}
.radar-pub-persona-text { margin: 0; }

.radar-pub-summary {
  font-size: .875rem;
  line-height: 1.7;
  color: var(--text, #1a1a1a);
  margin: 0 0 1rem;
}

/* ── KMU-Box ─────────────────────────────────────────────────────────────────── */
.radar-pub-kmu-box {
  background: var(--bg-alt, #edeae2);
  border-radius: var(--radius, 2px);
  padding: .65rem .85rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: .2rem;
}
.radar-pub-kmu-label {
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gold, #b8821e);
}
.radar-pub-kmu-text {
  font-size: .84rem;
  line-height: 1.55;
  color: var(--text, #1a1a1a);
  margin: 0;
  font-weight: 500;
}

/* ── Takeaways ───────────────────────────────────────────────────────────────── */
.radar-pub-takeaways {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .45rem;
}
.radar-pub-takeaway {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  flex-wrap: wrap;
  font-size: .84rem;
  line-height: 1.45;
}
.radar-pub-takeaway::before {
  content: '→';
  color: var(--gold, #b8821e);
  font-weight: 700;
  flex-shrink: 0;
  margin-top: .02em;
}
.radar-pub-takeaway-text { flex: 1 1 0; min-width: 0; }

/* ── Quellen ─────────────────────────────────────────────────────────────────── */
.radar-pub-sources {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem;
  margin-bottom: .75rem;
  padding-top: .75rem;
  border-top: 1px solid #edeae2;
}
.radar-pub-sources-label {
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-muted, #777);
}
.radar-pub-source-link {
  font-size: .72rem;
  color: var(--gold, #b8821e);
  text-decoration: none;
  border: 1px solid rgba(184,130,30,.3);
  border-radius: 2px;
  padding: .1rem .4rem;
  transition: background .12s, color .12s;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.radar-pub-source-link:hover { background: var(--gold, #b8821e); color: #fff; border-color: var(--gold, #b8821e); }

/* ── Umfeld-Chips (public) ───────────────────────────────────────────────────── */
.radar-pub-umfeld {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
}
.radar-pub-umfeld-chip {
  font-size: .65rem;
  font-weight: 600;
  letter-spacing: .03em;
  padding: .15rem .5rem;
  border-radius: var(--radius, 2px);
  border: 1px solid #d8d3cb;
  color: var(--text-muted, #666);
  font-family: Montserrat, sans-serif;
}

/* ── Footer ──────────────────────────────────────────────────────────────────── */
.radar-pub-footer {
  background: var(--navy, #0a1628);
  color: rgba(255,255,255,.5);
  padding: 1.25rem 1.5rem;
  font-size: .72rem;
}
.radar-pub-footer-inner {
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
}
.radar-pub-footer a { color: rgba(255,255,255,.65); text-decoration: none; }
.radar-pub-footer a:hover { color: var(--gold, #b8821e); }
.radar-pub-footer-sep { opacity: .3; }