/* Aktuelles nach dem Redesign-Mockup „truebias-aktuelles“ (Claudia, 1.11.2026). Alles hängt an .ax, Klassen ax-*, Tokens des Mockups nur hier.
   Gefüllt von _rd3Render (public/js/02-radar.js). Kopf, Fuß und untere Navigation sind die der Seite. */
#page-landing .landing-header{display:none}
.ax{
  --bg:#04060C; --surface:#0B0F1A; --surface-2:#151C2E;
  --line:#1A2133; --line-2:#1E2638; --line-3:#2A3550;
  --text:#E8ECF5; --text-3:#B4BCCE; --muted:#9AA3B8; --muted-2:#8B94A9;
  --accent:#F7931A; --accent-hover:#FFB452; --on-accent:#04060C;
  --bull:#4ADE80; --bear:#FF8A8A; --neutral:#9AA3B8;
  --ax-font:'Space Grotesk',system-ui,sans-serif; --ax-mono:'IBM Plex Mono',ui-monospace,monospace;
  max-width:1200px;width:100%;margin:0 auto;padding:0 32px 40px;box-sizing:border-box;color:var(--text);font-family:var(--ax-font);font-size:17px;line-height:1.55;position:relative;z-index:2
}
.ax *,.ax *::before,.ax *::after{box-sizing:border-box}
.ax h1,.ax h2,.ax p{margin:0}
.ax a{color:var(--accent);text-decoration:none}.ax a:hover{color:var(--accent-hover)}
.ax-kopf{padding:36px 0 14px}
.ax-eb{font:400 13px var(--ax-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.ax-kopf h1{font:700 clamp(28px,5vw,44px)/1.05 var(--ax-font);letter-spacing:-.03em;color:var(--text)}
.ax-cols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start}
.ax-cols .ax-card{position:sticky;top:calc(var(--tb-topbar-total,0px) + 12px)}
.ax-card{background:var(--surface);border:1px solid var(--line-2);border-radius:20px;padding:16px 16px 12px;margin-bottom:16px;min-width:0}
.ax-ch{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.ax-ch h2{font:700 18px var(--ax-font);color:var(--text)}
.ax-seg{display:flex;background:var(--bg);border:1px solid var(--line-3);border-radius:12px;padding:3px;flex:none}
.ax-seg button{min-height:38px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:500 14px var(--ax-mono);cursor:pointer}
.ax-seg button.on{background:var(--surface-2);color:var(--text)}
.ax-lg{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:12.5px;color:var(--muted);margin-bottom:4px}
.ax-lg span{display:inline-flex;align-items:center;gap:5px}
.ax-lg svg,.ax-mk svg,.ax-dir svg{stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ax-lg svg{width:14px;height:14px}
.ax-lg .u{color:var(--bull)}.ax-lg .d{color:var(--bear)}.ax-lg .n{color:var(--neutral)}
.ax-ib{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-3);background:transparent;color:var(--muted);font:italic 600 14px var(--ax-font);cursor:pointer;margin-left:auto}
.ax-info{font-size:13px;color:var(--muted);margin:2px 0 8px;line-height:1.45}
.ax-info[hidden]{display:none}
.ax-cw{position:relative}
.ax-cw canvas{display:block;width:100%}
.ax-none{padding:28px 0;text-align:center;color:var(--muted);font-size:14px}
.ax-mk{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid;background:var(--surface);padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit;font:600 13px var(--ax-mono)}
.ax-mk::after{content:"";position:absolute;inset:-6px}
.ax-mk svg{width:16px;height:16px}
.ax-mk.u{border-color:var(--bull);color:var(--bull)}.ax-mk.d{border-color:var(--bear);color:var(--bear)}.ax-mk.n{border-color:var(--neutral);color:var(--neutral)}
.ax-mk.dash{border-style:dashed}
.ax-mk.own{border-color:var(--muted-2)}
.ax-mk.cl{border:0;background:var(--cg);color:var(--text)}
.ax-mk.cl::before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--surface)}
.ax-mk.cl span{position:relative}
.ax-mk.sel{box-shadow:0 0 0 3px rgba(247,147,26,.55)}
.ax-chips{display:flex;gap:2px;border-top:1px solid var(--line);margin-top:6px;padding-top:8px;flex-wrap:wrap;row-gap:4px}
.ax-chips::-webkit-scrollbar{display:none}
.ax-chip{flex:none;white-space:nowrap;min-height:40px;padding:0 8px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--muted);font:500 13px var(--ax-mono);cursor:pointer}
.ax-chip.on{border-color:var(--accent);color:var(--accent);background:rgba(247,147,26,.08)}
.ax-chips .tbt-chip{flex:none;margin-left:auto;min-height:40px;padding:0 9px;border-radius:999px;border:1px solid var(--line-3);background:transparent;color:var(--muted);font:500 13px var(--ax-mono);gap:6px}
.ax-chips .tbt-chip.on{border-color:var(--accent);color:var(--accent);background:rgba(247,147,26,.08)}
.ax-chips .tbt-chip svg{stroke:var(--accent)}
.ax-stand{font:400 12.5px var(--ax-mono);color:var(--muted-2);margin-top:4px}
.ax-selrow{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;color:var(--muted)}
.ax-selrow button{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--accent);background:rgba(247,147,26,.08);color:var(--accent);font:500 13px var(--ax-font);cursor:pointer}
.ax-feed{display:flex;flex-direction:column;gap:8px}
.ax-fi{background:var(--surface);border:1px solid var(--line-2);border-radius:16px;overflow:hidden}
.ax-fi.hl{border-color:var(--accent)}
.ax-fh{display:grid;grid-template-columns:44px minmax(0,1fr) 34px;gap:2px 12px;align-items:center;width:100%;padding:12px 14px;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer;font:inherit;min-height:72px}
.ax-av{width:44px;height:44px;border-radius:50%;object-fit:cover;grid-row:1/3;outline:2px solid var(--line-3);outline-offset:2px;background:var(--surface-2)}
.ax-av.ok{outline:2px solid var(--bull)}.ax-av.no{outline:2px dashed var(--muted-2)}.ax-av.own{outline:2px solid var(--muted-2)}
.ax-who{display:flex;flex-wrap:wrap;gap:0 8px;align-items:baseline;min-width:0}
.ax-who b{font-size:16px;white-space:nowrap;color:var(--text)}.ax-who small{font:400 12px var(--ax-mono);color:var(--muted-2)}
.ax-hz{font:400 11px var(--ax-mono);color:var(--muted);border:1px solid var(--line-3);border-radius:999px;padding:1px 8px}
.ax-sm{font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;grid-column:2}
.ax-dir{width:34px;height:34px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;grid-row:1/3;grid-column:3}
.ax-dir svg{width:16px;height:16px}
.ax-dir.u{color:var(--bull)}.ax-dir.d{color:var(--bear)}.ax-dir.n{color:var(--neutral)}
.ax-fi.open .ax-sm{-webkit-line-clamp:unset;display:block}
.ax-fb{padding:0 14px 14px 70px;font-size:15px;color:var(--text-3)}
.ax-fb[hidden]{display:none}
.ax-fb small{display:block;font-size:12px;color:var(--muted-2);margin-bottom:6px}
.ax-fb .ax-akt{margin:6px 0 0}
.ax-fb .rd3-lk{display:flex;flex-wrap:wrap;gap:0 16px;margin-top:2px}
.ax-fb a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);text-decoration:none;font-weight:500}
.ax-more{display:flex;justify-content:center;margin:14px 0 6px}
.ax-btn-line{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:12px;border:1px solid var(--accent);background:transparent;color:var(--accent);font:700 15px var(--ax-font);cursor:pointer}
.ax-btn-line:hover{background:rgba(247,147,26,.12)}
.ax-empty{padding:28px 0;text-align:center;color:var(--muted)}
/* Push-Zeile (die bestehende Karte, im Look des Mockups) */
.ax .tb-push-host{margin:16px 0}
.ax .tb-push-zeile{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line-2);border-radius:16px;padding:14px;margin:0}
.ax .tb-push-zeile i{font-size:24px;color:var(--accent);flex:none}
.ax .tb-push-zeile span{flex:1;font-size:14px;color:var(--muted);min-width:0}
.ax .tb-push-zeile b{display:block;color:var(--text);font-size:16px}
.ax .tb-push-zeile small{display:block;font-size:14px;color:var(--muted)}
.ax .tb-push-btn{min-height:44px;padding:0 16px;border:0;border-radius:12px;background:var(--accent);color:var(--on-accent);font:700 14px var(--ax-font);cursor:pointer}
.ax .es-blockiert{font-size:13px;color:var(--muted);margin:8px 2px 0}
.ax-acc{border:1px solid var(--line-2);border-radius:16px;background:var(--surface)}
.ax-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:56px;padding:0 16px;font-weight:700;font-size:16px}
.ax-acc summary::-webkit-details-marker{display:none}.ax-acc summary::after{content:"+";color:var(--accent);font-size:22px}
.ax-acc[open] summary::after{transform:rotate(45deg)}
.ax-acc p{padding:0 16px 16px;color:var(--muted);font-size:15px}
.ax-cross{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:56px;margin:12px 0;padding:0;border:0;background:none;color:var(--text);font:400 16px var(--ax-font);cursor:pointer;text-align:left}
.ax-cross em{font-style:normal;color:var(--accent)}
.ax-fine{font-size:13px;color:var(--muted-2);margin:0 0 36px}
.ax button:focus-visible,.ax summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:900px){.ax-cols{grid-template-columns:minmax(0,1fr);gap:0}.ax-cols .ax-card{position:static}}
@media (max-width:720px){
  .ax{padding:0 20px 40px;font-size:16px}
  .ax-kopf{padding-top:22px;padding-bottom:10px}
  .ax-card{padding:14px 12px 10px;border-radius:18px}
  .ax-chips{margin-left:-6px;margin-right:-6px}
  .ax-fb{padding-left:14px}
}