.ssb-funk { color: #e8eef8; text-align: left; margin: 0 0 1.5em; }
.ssb-funk a { color: #6ec8ff; }
.ssb-funk .ssb-kicker { letter-spacing: .16em; text-transform: uppercase; font-size: 12px; color: #e8b84a; margin: 0 0 6px; }
.ssb-funk .ssb-head h2 { margin: 0 0 10px; font-size: 1.55rem; line-height: 1.25; }
.ssb-funk .ssb-lead, .ssb-funk .ssb-laien { color: #b7c4d6; font-size: 15px; line-height: 1.5; }
.ssb-funk .ssb-meta { color: #8e8e93; font-size: 13px; }
.ssb-funk .ssb-cmd { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 14px 0; }
.ssb-funk .ssb-ampel { background: rgba(61,204,138,.12); border: 1px solid rgba(61,204,138,.35); border-radius: 16px; padding: 12px; }
.ssb-funk .ssb-ampel span { display: block; font-size: 12px; color: #93a4bb; font-weight: 700; }
.ssb-funk .ssb-ampel b { display: block; font-size: 1.45rem; margin: 6px 0; }
.ssb-funk .ssb-ampel small { display: block; color: #93a4bb; font-size: 12px; line-height: 1.35; }
.ssb-funk .ssb-ampel[data-lvl="warn"] { background: rgba(240,180,41,.14); border-color: rgba(240,180,41,.45); }
.ssb-funk .ssb-ampel[data-lvl="hot"] { background: rgba(255,159,10,.16); border-color: rgba(255,159,10,.5); }
.ssb-funk .ssb-ampel[data-lvl="alert"] { background: rgba(239,91,91,.16); border-color: rgba(239,91,91,.5); }
.ssb-funk .ssb-kpis { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin: 0 0 12px; }
.ssb-funk .ssb-kpis > div { background: rgba(8,12,22,.7); border: 1px solid rgba(110,200,255,.16); border-radius: 12px; padding: 10px; }
.ssb-funk .ssb-kpis span { display: block; color: #93a4bb; font-size: 11px; font-weight: 700; }
.ssb-funk .ssb-kpis b { display: block; font-size: 1.15rem; margin-top: 4px; }
.ssb-funk .ssb-card { background: rgba(16,24,40,.94); border: 1px solid rgba(110,200,255,.14); border-radius: 18px; padding: 16px; margin: 14px 0; }
.ssb-funk .ssb-tag { color: #e8b84a; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 4px; }
.ssb-funk .ssb-card h3 { margin: 0 0 8px; font-size: 1.2rem; }
.ssb-funk img { width: 100%; height: auto; display: block; border-radius: 14px; background: #000; }
.funk-fig { margin: 0 0 12px; }
.funk-fig figcaption { color: #8e8e93; font-size: 13px; padding-top: 6px; }
.funk-split { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.funk-bands { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin: 10px 0; }
.funk-band { background: rgba(8,12,22,.7); border-radius: 14px; padding: 10px; border: 1px solid rgba(110,200,255,.14); }
.funk-band b { display: block; font-size: 1.05rem; }
.funk-band i { display: block; font-style: normal; font-size: 12px; margin-top: 6px; padding: 4px 8px; border-radius: 999px; font-weight: 700; }
.funk-band i.ok { background: rgba(61,204,138,.18); color: #3dcc8a; }
.funk-band i.warn { background: rgba(240,180,41,.18); color: #f0b429; }
.funk-band i.alert { background: rgba(239,91,91,.18); color: #ef5b5b; }
.funk-out { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.funk-day { background: rgba(8,12,22,.7); border-radius: 10px; padding: 8px; font-size: 12px; }
.funk-day b { display: block; font-size: 13px; }
.ssb-funk .ssb-av { background: #000; border-radius: 16px; overflow: hidden; margin: 8px 0 12px; }
.ssb-funk .ssb-av-stage { position: relative; aspect-ratio: 3 / 2; background: #000; }
.ssb-funk .ssb-av-frame { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.ssb-funk .ssb-av-ctrl { display: flex; align-items: center; gap: 8px; padding: 8px; background: #2c2c2e; flex-wrap: nowrap; }
.ssb-funk .ssb-av-play { flex: 0 0 40px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: #0a84ff; color: #fff; }
.ssb-funk .ssb-av-seek { flex: 1; }
.ssb-funk .ssb-av-rate, .ssb-funk .ssb-av-ctrl select { background: #1a1a1c; color: #fff; border: 1px solid #6e6e73; border-radius: 8px; }
.ssb-funk .ssb-av-big { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #0a84ff; color: #fff; border: 0; border-radius: 999px; padding: 10px 16px; font-weight: 700; }
.ssb-funk .ssb-disclose { margin-top: 10px; }
.ssb-funk .ssb-disclose summary { cursor: pointer; font-weight: 700; }
.ssb-funk .ssb-ext { display: inline-block; background: #0a84ff; color: #fff !important; border-radius: 999px; padding: 8px 14px; font-weight: 700; margin-top: 8px; }
.ssb-funk #sfiChart { width: 100%; height: auto; background: #0d1117; border-radius: 12px; }
.ssb-funk .ssb-foot { color: #93a4bb; font-size: 14px; }
@media (max-width: 900px) {
  .ssb-funk .ssb-cmd, .ssb-funk .ssb-kpis { grid-template-columns: 1fr 1fr; }
  .funk-bands { grid-template-columns: 1fr 1fr; }
  .funk-out { grid-template-columns: 1fr 1fr 1fr; }
  .funk-split { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .ssb-funk .ssb-cmd, .ssb-funk .ssb-kpis, .funk-bands { grid-template-columns: 1fr 1fr; }
  .funk-out { grid-template-columns: 1fr 1fr; }
  .ssb-funk .ssb-av-time { max-width: 38%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}