body { width:380px; min-height:0; padding:24px; font-size:14px; }
h1 { font-size:32px; margin:12px 0 16px; } h2 { font-size:19px; margin:12px 0; }
.card { padding:24px; margin:20px 0; border-radius:20px; }
.primary-link { width:100%; margin-top:12px; }
footer { margin-top:24px; }
label { display:block; margin:16px 0; } select { display:block; width:100%; padding:8px; }

/* Drei gleichwertige Reiter, aktiver Bereich mit klarer Unterstreichung. */
body { width:460px; padding:22px; }
.brand { padding-bottom:18px; border-bottom:1px solid #cde0db; }
.popup-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:6px; border-bottom:1px solid #cde0db; }
.popup-tabs [role="tab"] { border:0; border-bottom:3px solid transparent; border-radius:0; padding:9px 5px; background:transparent; font-size:12px; line-height:1.35; white-space:nowrap; color:#697571; }
.popup-tabs [role="tab"][aria-selected="true"] { border-bottom-color:#000; color:#000; }
.popup-tabs [role="tab"]:hover { background:#e5f6f4; box-shadow:none; }
.tab-panel { min-height:340px; padding-top:18px; }
.tab-panel h1 { font-size:27px; margin:10px 0 18px; }
footer { border-top:1px solid #cde0db; padding-top:14px; margin-top:18px; }

.popup-result { margin:14px 0; --result-color:#309d97; }
.popup-result-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; font-size:13px; }
.popup-result-heading strong { font-size:19px; white-space:nowrap; color:var(--result-color); }
.popup-result-bar { height:6px; margin:6px 0 3px; border-radius:999px; overflow:hidden; background:#dfe8e4; }
.popup-result-bar span { display:block; height:100%; background:var(--result-color); border-radius:inherit; }
.popup-result small { font-size:11px; color:var(--fw-muted); }
.popup-result[data-party="linke"] { --result-color:#8b246f; }
.popup-result[data-party="gruene"] { --result-color:#276b36; }
.popup-result[data-party="spd"] { --result-color:#b4212b; }
.popup-result[data-party="union"] { --result-color:#252525; }
.popup-result[data-party="afd"] { --result-color:#156297; }

.popup-header { padding-bottom:14px; border-bottom:1px solid #cde0db; }
.popup-header__top { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.popup-header .brand { padding:0; border:0; gap:9px; }
.popup-header .brand img { border-radius:12px; }
.popup-header__links { display:flex; flex-direction:column; gap:4px; align-items:flex-end; }
.popup-header__links a { font-size:11px; color:#505b59; text-decoration:none; }
.popup-header__links a:hover { text-decoration:underline; color:#086d77; }
.popup-header__credit { margin:10px 0 0; font-size:10px; color:#62716c; text-align:left; }