/* HUAIDEV legal pages (Impressum / Datenschutz), owner 2026-10-25. Same palette as the site, readable long text. */
:root{color-scheme:dark;--bg:#081120;--panel:#0f1b2d;--stroke:#26384a;--mint:#52e3fa;--sub:#a3b8c8;--text:#eef4f9}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:#fff;color:#0b1f4d;border-bottom:1px solid #dce7ee}
header a.brand{display:inline-flex;align-items:center;gap:10px;color:#0b1f4d;text-decoration:none;font-weight:800;letter-spacing:.24em;font-size:15px}
header a.brand img{width:34px;height:34px;display:block}
.langs{display:inline-flex;gap:6px}
.langs button{height:30px;min-width:42px;padding:0 10px;border-radius:8px;border:1px solid #c9d8e2;background:#f2f7fa;color:#0b1f4d;font:750 12px/1 system-ui,-apple-system,sans-serif;letter-spacing:.06em;cursor:pointer}
.langs button[aria-pressed=true]{background:#16b6dd;border-color:#16b6dd;color:#fff}
main{max-width:760px;margin:0 auto;padding:28px max(16px,env(safe-area-inset-right)) 64px max(16px,env(safe-area-inset-left))}
h1{font-size:clamp(28px,5vw,40px);line-height:1.15;margin:4px 0 6px;text-wrap:balance}
h2{font-size:19px;margin:28px 0 6px;color:#fff}
p,li{color:#dce6ef}
.lead{color:var(--sub)}
.box{border:1px solid var(--stroke);background:var(--panel);border-radius:14px;padding:16px 18px;margin:16px 0}
a{color:var(--mint)}
table{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:14px}
th,td{border:1px solid var(--stroke);padding:7px 9px;text-align:left;vertical-align:top}
th{background:#13233a;color:#fff}
.tablewrap{overflow-x:auto}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;color:#bfefff}
mark.todo{background:#ffe08a;color:#2a2000;border-radius:4px;padding:0 4px}
footer{max-width:760px;margin:0 auto;padding:0 16px 40px;color:var(--sub);font-size:14px;display:flex;gap:14px;flex-wrap:wrap}
footer a{color:var(--sub)}
.js [data-lang-block]{display:none}
.js [data-lang-block].on{display:block}
@media (max-width:420px){header a.brand span{display:none}}
.langs[hidden]{display:none}