/* /de/echt/: link check form and result rows, on top of check.css */
:root{--acc:var(--teal);--onacc:#fff}
.pruef .in{max-width:640px;width:100%}
#pf{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
#pf input{flex:1 1 260px;min-width:0;font:inherit;font-size:18px;padding:14px 16px;border:2px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
#pf input:focus{border-color:var(--acc);outline:none}
#pf button{font-family:Barlow,system-ui,sans-serif;font-weight:700;font-size:16px;letter-spacing:.04em;padding:14px 22px;border:0;border-radius:6px;background:var(--acc);color:#fff;cursor:pointer}
#pf button:disabled{opacity:.6;cursor:wait}
.vis-hidden{position:absolute;left:-9999px}
#pout{margin-top:26px;border-top:1px solid var(--line);padding-top:18px}
.pk{font-family:Barlow,system-ui,sans-serif;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pdom{font-size:17px;word-break:break-all}.pdom b{font-weight:600;color:var(--ink);margin-left:6px}
.hints{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.hints li{font-size:16px;line-height:1.4;padding:10px 14px;border-radius:6px;background:var(--shade)}
.hints li[data-c=rot]{background:#fde8e1;color:#7a2a12}.hints li[data-c=gelb]{background:#fff3d6;color:#6b4a00}
.rows{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.rows li{display:grid;grid-template-columns:14px minmax(84px,auto) 1fr;gap:12px;align-items:baseline;font-size:16px;line-height:1.4}
.rows .pk{white-space:nowrap}
.rows .pv{min-width:0;overflow-wrap:anywhere}
.dot{width:14px;height:14px;border-radius:50%;background:#c9c2b8;align-self:center}
li[data-c=gruen] .dot{background:#2e9e5b}li[data-c=gelb] .dot{background:#e5a100}li[data-c=rot] .dot{background:#d8361a}li[data-c=warte] .dot{background:var(--acc);animation:pulse 1.2s ease-in-out infinite}li[data-c=grau] .dot{background:#c9c2b8}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
#pshot{margin:18px 0 0}#pshot img{display:block;width:100%;max-width:100%;border:1px solid var(--line);border-radius:6px;background:#fff}
#pshot figcaption{font-size:14px;color:var(--muted);margin-top:8px}
.verdict{margin-top:20px;font-family:Barlow,system-ui,sans-serif;font-weight:800;font-size:clamp(22px,2.6vw,30px);line-height:1.15;letter-spacing:-.01em}
.verdict[data-c=rot]{color:#d8361a}.verdict[data-c=gelb]{color:#b67f00}.verdict[data-c=gruen]{color:#2e9e5b}
.pruef .small{margin-top:16px;font-size:14px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){li[data-c=warte] .dot{animation:none}}
.q .line.ex{margin-top:16px;padding-left:16px;border-left:3px solid var(--line);color:var(--muted);font-size:17px}
.q .line code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--shade);padding:2px 6px;border-radius:4px;white-space:nowrap}

/* Link-Check im Hero von /de/echt/ */
.hero-check #pf{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.hero-check #pf input{flex:1 1 240px;min-width:0;font:inherit;font-size:18px;padding:13px 16px;border:2px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
.hero-check #pf input:focus{border-color:var(--teal);outline:none}
.hero-check #pf button{font-family:Barlow,system-ui,sans-serif;font-weight:700;font-size:16px;letter-spacing:.04em;padding:13px 22px;border:0;border-radius:6px;background:var(--teal);color:#fff;cursor:pointer}
.hero-check #pf button:disabled{opacity:.6;cursor:wait}
.hero-check #pout{margin-top:16px;text-align:left}
.hero-check #pout .verdict{font-size:clamp(20px,2.2vw,26px);margin-top:14px}