/* 07.11.2026: T12 Abofallen-Radar (Prototyp). Hausfarben aus design.css (.t12-section-Variablen),
   Ampel nie nur über Farbe (Text + Position), Zielgrößen ≥ 48 px, mobil ab 390 px geprüft. */
/* 07.11.2026: Variablen auch für Werkzeuge-Übersicht und Scam-Liste. */
.t12-radar,.t12-radar-check,.t12-tools,.t12-scams,.t12-scams-compact{--r-petrol:#263e46;--r-focus:#147276;--r-line:#d8dfdc;--r-soft:#eef4f1;--r-red:#b3261e;--r-red-bg:#fbeceb;--r-yellow:#8a5a00;--r-yellow-bg:#fdf3d6;--r-green:#1d6b45;--r-green-bg:#e5f3ea;color:var(--r-petrol);font-size:17px;line-height:1.65}
.t12-radar *,.t12-radar-check *{box-sizing:border-box}
.t12-radar [hidden],.t12-radar-check [hidden]{display:none!important}
.t12-radar .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.t12-radar-privacy,.t12-radar-hint,.t12-radar-turnstile-notice{font-size:14px!important;opacity:.85;margin:0 0 18px!important}
.t12-radar-questions{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.t12-radar-question{margin:0!important;padding:0!important}
.t12-radar-question fieldset{height:100%;margin:0;border:1px solid var(--r-line);border-radius:6px;background:#fff;padding:22px 22px 18px}
.t12-radar-question fieldset.is-missing{border-color:var(--r-red);box-shadow:0 0 0 1px var(--r-red)}
.t12-radar-question legend{display:flex;gap:12px;align-items:baseline;float:left;width:100%;padding:0;margin:0 0 14px;font-weight:700;font-size:19px;line-height:1.3;letter-spacing:-.02em}
.t12-radar-question legend+*{clear:both}
.t12-radar-number{flex:0 0 auto;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--r-petrol);color:#fff;font-size:14px;letter-spacing:0}
.t12-radar-options{display:grid;gap:8px}
.t12-radar-option{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;border:1px solid var(--r-line);border-radius:5px;cursor:pointer;font-size:16px;line-height:1.4;background:#fdfcf5}
.t12-radar-option:hover{border-color:var(--r-petrol)}
.t12-radar-option input{flex:0 0 auto;width:20px;height:20px;margin:0;accent-color:var(--r-petrol)}
.t12-radar-option:has(input:checked){border-color:var(--r-petrol);background:var(--r-soft);box-shadow:inset 3px 0 0 #2fb0b5}
.t12-radar-option:has(input:focus-visible){outline:3px solid var(--r-focus);outline-offset:2px}
.t12-radar-field-error,.t12-radar-errors{color:var(--r-red);font-size:15px!important;font-weight:600;margin:10px 0 0!important}
.t12-section .t12-radar-errors{margin:0 0 18px!important;padding:12px 16px;border-left:4px solid var(--r-red);background:var(--r-red-bg)}
.t12-radar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:26px!important}
.t12-radar-progress{font-size:14px!important;opacity:.85}
.t12-radar-button,.t12-section a.t12-radar-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border:1px solid var(--r-petrol);border-radius:4px;background:var(--r-petrol);color:#fff!important;font:inherit;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;cursor:pointer}
.t12-radar-button:hover{background:var(--r-focus);border-color:var(--r-focus)}
.t12-radar-button:disabled{opacity:.6;cursor:progress}
.t12-radar-button-secondary,.t12-section a.t12-radar-button-secondary{background:transparent;color:var(--r-petrol)!important}
.t12-radar-button-secondary:hover{background:var(--r-soft);border-color:var(--r-petrol)}
.t12-radar-button:focus-visible,.t12-radar-check input:focus-visible,.t12-radar a:focus-visible,.t12-radar-check a:focus-visible,.t12-radar-result:focus-visible,.t12-radar-facts:focus-visible{outline:3px solid var(--r-focus);outline-offset:3px}
.t12-radar-result,.t12-radar-facts{margin-top:36px;padding:28px;border-radius:6px;background:#fff;border:1px solid var(--r-line);scroll-margin-top:24px}
.t12-radar-result:focus,.t12-radar-facts:focus{outline:none}
.t12-radar-verdict{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;padding:22px;border-radius:6px;margin-bottom:26px}
.t12-radar-verdict.is-rot{background:var(--r-red-bg);border-left:6px solid var(--r-red)}
.t12-radar-verdict.is-gelb{background:var(--r-yellow-bg);border-left:6px solid #d99a00}
.t12-radar-verdict.is-gruen{background:var(--r-green-bg);border-left:6px solid var(--r-green)}
.t12-radar-verdict h3{font-size:clamp(24px,2.4vw,32px)!important;margin:2px 0 8px!important;padding:0}
.t12-radar-verdict-label{font-size:13px!important;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.is-rot .t12-radar-verdict-label{color:var(--r-red)}.is-gelb .t12-radar-verdict-label{color:var(--r-yellow)}.is-gruen .t12-radar-verdict-label{color:var(--r-green)}
.t12-radar-lights{display:grid;gap:7px;padding:10px;border-radius:22px;background:var(--r-petrol)}
.t12-radar-light{display:block;width:26px;height:26px;border-radius:50%;opacity:.22}
.t12-radar-light.is-rot{background:#e5483d}.t12-radar-light.is-gelb{background:#f5c02a}.t12-radar-light.is-gruen{background:#3cb371}
.t12-radar-light.is-on{opacity:1;box-shadow:0 0 0 3px #ffffff55}
.t12-radar-result h4,.t12-radar-facts h4{font-family:inherit!important;font-size:20px!important;font-weight:700;margin:26px 0 12px!important;padding:0;letter-spacing:-.02em;color:var(--r-petrol)!important}
.t12-radar-explain{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:10px}
.t12-radar-explain li{margin:0!important;padding:14px 16px 14px 18px;border-radius:5px;background:#fdfcf5;border-left:4px solid var(--r-line)}
.t12-radar-explain li.is-warn{border-left-color:var(--r-red)}.t12-radar-explain li.is-unklar{border-left-color:#d99a00}.t12-radar-explain li.is-ok{border-left-color:var(--r-green)}
.t12-radar-explain p{margin:0!important;font-size:16px}
.t12-radar-explain-q{font-size:14px!important;margin-bottom:4px!important}
.t12-radar-badge{display:inline-block;margin-bottom:6px;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.is-warn .t12-radar-badge{background:var(--r-red-bg);color:var(--r-red)}.is-unklar .t12-radar-badge{background:var(--r-yellow-bg);color:var(--r-yellow)}.is-ok .t12-radar-badge{background:var(--r-green-bg);color:var(--r-green)}
.t12-radar-steps,.t12-radar-links,.t12-radar-howto{margin:0 0 0 1.3em!important;padding:0!important}
.t12-radar-steps li,.t12-radar-links li,.t12-radar-howto li{margin:0 0 6px!important;padding-left:4px}
.t12-radar a,.t12-radar-check a{text-decoration:underline;text-underline-offset:3px}
.t12-radar-disclaimer{margin-top:22px!important;font-size:14px!important;opacity:.85}
/* Absender-Check */
.t12-radar-check label[for]{display:block;font-weight:700;margin-bottom:8px}
.t12-radar-check-row{display:flex;gap:12px;flex-wrap:wrap}
.t12-radar-check input[type=text]{flex:1 1 320px;min-width:0;min-height:52px;padding:12px 16px;border:1px solid #8aa3a6;border-radius:4px;background:#fff;color:var(--r-petrol);font:inherit;font-size:17px}
.t12-radar-check input[aria-invalid=true]{border-color:var(--r-red)}
.t12-radar-check .t12-radar-hint{margin:10px 0 0!important}
.t12-radar-turnstile{margin:20px 0 6px;min-height:65px}
.t12-radar-status{min-height:1.6em;font-weight:600;margin-top:10px!important}
.t12-radar-check .t12-bot-trap{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.t12-radar-check[aria-busy=true] .t12-radar-status::before{content:"";display:inline-block;width:14px;height:14px;margin-right:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:t12-radar-spin .8s linear infinite;vertical-align:-2px}
@keyframes t12-radar-spin{to{transform:rotate(360deg)}}
.t12-radar-facts h3{font-size:clamp(24px,2.4vw,32px)!important;margin:0 0 12px!important;padding:0;overflow-wrap:anywhere}
.t12-radar-factlist{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);margin:0;border-top:1px solid var(--r-line)}
.t12-radar-factlist dt,.t12-radar-factlist dd{margin:0;padding:14px 0;border-bottom:1px solid var(--r-line)}
.t12-radar-factlist dt{font-weight:700;padding-right:18px}
.t12-radar-source{display:block;font-size:14px;opacity:.85;margin-top:2px}
.t12-radar-hit{padding:12px 16px;margin-bottom:10px;background:var(--r-yellow-bg);border-left:4px solid #d99a00;border-radius:4px}
.t12-radar-hit p{margin:0 0 6px!important}
.t12-radar-hit ul{margin:0 0 0 1.2em!important;padding:0!important}
.t12-section .t12-radar-note{padding:12px 16px;background:var(--r-yellow-bg);border-radius:4px}
@media(max-width:860px){.t12-radar-questions{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){
 .t12-radar,.t12-radar-check{font-size:16px}
 .t12-radar-question fieldset{padding:18px 14px 14px}
 .t12-radar-question legend{font-size:17px}
 .t12-radar-result,.t12-radar-facts{padding:18px 14px;margin-left:-6px;margin-right:-6px}
 .t12-radar-verdict{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}
 .t12-radar-lights{grid-auto-flow:column;justify-content:start;width:max-content}
 .t12-radar-actions .t12-radar-button,.t12-radar-check-row .t12-radar-button{flex:1 1 100%}
 .t12-radar-factlist{grid-template-columns:minmax(0,1fr)}
 .t12-radar-factlist dt{border-bottom:0;padding-bottom:2px}
 .t12-radar-factlist dd{padding-top:0}
}
@media(prefers-reduced-motion:reduce){.t12-radar-check[aria-busy=true] .t12-radar-status::before{animation:none}}
/* Seitenrahmen: Navigation ohne Leistungsmenü (Randabstand darf nicht aus der Sektion fallen), Einstieg, Absender-Band. */
.t12-radar-nav{display:flow-root}
.t12-radar-h1-sub{display:block;margin-top:.2em;font-size:.52em;letter-spacing:-.03em;color:#147276}
.t12-radar-howto-card{background:#fff;border:1px solid #d8dfdc;border-radius:6px 6px 48px 6px;padding:34px 36px}
.t12-radar-howto-card h2{font-size:clamp(24px,2.2vw,32px)!important;margin-bottom:14px!important}
.t12-radar-howto-card ol{margin:0 0 16px 1.2em!important;padding:0!important}
.t12-radar-howto-card li{margin-bottom:8px;padding-left:4px}
.t12-radar-howto-card p{font-size:15px;opacity:.85}
.t12-radar-intro p{max-width:62ch}
.t12-section.t12-radar-check-section{background:#e4efeb!important}
.t12-radar-check-section .t12-radar-facts{background:#fdfcf5}
@media(max-width:760px){.t12-radar-howto-card{padding:24px 20px;border-bottom-right-radius:32px}}