/* Legal / Dokument-Seiten — Asuia WM 2026 */
:root{
  --navy-900:#080b16; --navy-800:#0e1426; --navy-700:#131a30; --line:#243150;
  --crimson:#c8324a; --gold:#e7c873; --gold-2:#f4e2a8; --white:#f6f8ff; --mist:#c4cce0; --muted:#7e89a6;
  --grad-crimson:linear-gradient(135deg,#d8425b,#c8324a 45%,#9e2740);
  --grad-gold:linear-gradient(135deg,#f4e2a8,#e7c873 38%,#c79a3e);
}
*{box-sizing:border-box;}
body{margin:0;background:var(--navy-800);color:var(--white);
  font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65;}
.bg{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(900px 500px at 80% -5%,rgba(200,50,74,.16),transparent 60%),
  radial-gradient(800px 460px at 10% 2%,rgba(231,200,115,.08),transparent 58%),var(--navy-800);}
.wrap{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 24px 100px;}
header.top{position:sticky;top:0;z-index:5;backdrop-filter:blur(12px);
  background:rgba(8,11,22,.7);border-bottom:1px solid var(--line);}
.top-inner{max-width:820px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--white);font-weight:800;font-size:20px;font-family:'Sora',sans-serif;letter-spacing:-.03em;}
.brand .mark{width:30px;height:30px;border-radius:8px;background:var(--grad-crimson);display:grid;place-items:center;}
.back{color:var(--mist);text-decoration:none;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px;}
.back:hover{color:#fff;}
.doc-head{padding:56px 0 32px;border-bottom:1px solid var(--line);margin-bottom:8px;}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);}
h1{font-family:'Sora',sans-serif;font-weight:800;letter-spacing:-.02em;font-size:clamp(30px,5vw,46px);margin:14px 0 0;line-height:1.05;}
.sub{color:var(--mist);margin-top:14px;font-size:16px;}
.draft{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:8px 14px;border-radius:999px;
  font-size:12.5px;font-weight:600;color:var(--gold-2);background:rgba(231,200,115,.08);border:1px solid rgba(231,200,115,.25);}
h2{font-family:'Sora',sans-serif;font-weight:700;font-size:21px;margin:40px 0 12px;letter-spacing:-.01em;color:#fff;}
h2 .n{color:var(--crimson);margin-right:10px;}
h3{font-family:'Sora',sans-serif;font-weight:600;font-size:16px;margin:24px 0 8px;color:var(--gold-2);}
p,li{color:var(--mist);font-size:15.5px;}
b{color:#fff;}
a.inline{color:var(--gold-2);text-decoration:underline;}
ul,ol{padding-left:22px;}
li{margin-bottom:8px;}
.card{background:linear-gradient(160deg,rgba(28,38,68,.55),rgba(15,21,40,.8));
  border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px 24px;margin:18px 0;}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 8px;}
.toc a{font-size:13px;color:var(--mist);text-decoration:none;padding:6px 12px;border-radius:999px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);}
.toc a:hover{border-color:rgba(231,200,115,.4);color:#fff;}
.note{font-size:13px;color:var(--muted);margin-top:40px;padding-top:24px;border-top:1px solid var(--line);}
.kv{display:grid;grid-template-columns:160px 1fr;gap:6px 18px;margin:10px 0;}
.kv dt{color:var(--muted);font-size:14px;font-weight:600;}
.kv dd{margin:0;color:var(--mist);font-size:14.5px;}
@media(max-width:560px){.kv{grid-template-columns:1fr;gap:2px;}.kv dt{margin-top:8px;}}