/* DATEI: signalkompass/dashboard/static/css/legal.css
   BESCHREIBUNG:
     Oeffentliche Rechtstext-Seiten. Nutzt nur zentrale Tokens und bestehende UI-Grundklassen. */

*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--txt);font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:var(--font-size-md);-webkit-font-smoothing:antialiased;}
a{color:inherit;}

.legal-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;}
.legal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-10);padding:22px clamp(18px,4vw,54px);border-bottom:1px solid var(--line);background:var(--bg);}
.legal-brand{display:flex;align-items:center;gap:var(--space-5);text-decoration:none;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);letter-spacing:0;}
.legal-brand img{width:30px;height:30px;flex:0 0 auto;}
.legal-nav{display:flex;align-items:center;gap:var(--space-7);flex-wrap:wrap;}
.legal-nav a{color:var(--mut);text-decoration:none;font-size:13px;font-weight:var(--font-weight-medium);}
.legal-nav a:hover{color:var(--txt);}

.legal-main{width:100%;max-width:920px;margin:0 auto;padding:48px clamp(18px,5vw,56px) 64px;}
.legal-content{line-height:1.72;color:var(--txt);}
.legal-content h1{margin:0 0 var(--space-14);font-size:clamp(30px,5vw,48px);line-height:1.05;font-weight:750;letter-spacing:0;color:var(--white);}
.legal-content h2{margin:34px 0 var(--space-5);font-size:var(--font-size-xl);line-height:1.25;font-weight:var(--font-weight-bold);color:var(--txt);}
.legal-content h3{margin:26px 0 var(--space-4);font-size:16px;line-height:1.35;font-weight:var(--font-weight-bold);color:var(--txt);}
.legal-content p{margin:0 0 var(--space-7);color:var(--overview-subtle);}
.legal-content ul,.legal-content ol{margin:0 0 var(--space-8);padding-left:var(--space-11);color:var(--overview-subtle);}
.legal-content li{margin:7px 0;}
.legal-content a{color:var(--accent);text-decoration:none;font-weight:var(--font-weight-medium);}
.legal-content a:hover{text-decoration:underline;}
.legal-content blockquote{margin:var(--space-7) 0 var(--space-9);padding:var(--space-7) var(--space-8);border-left:3px solid var(--accent);background:var(--bg-lighter);color:var(--txt);}
.legal-content code{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:.94em;background:var(--bg-lighter);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1px var(--space-2);color:var(--txt);}

.legal-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap;padding:24px clamp(18px,4vw,54px);border-top:1px solid var(--line);color:var(--mut);font-size:var(--font-size-sm);}
.legal-footer a{color:var(--mut);text-decoration:none;}
.legal-footer a:hover{color:var(--txt);}

@media (max-width: 640px){
  .legal-header{align-items:flex-start;flex-direction:column;}
  .legal-nav{gap:var(--space-5);}
  .legal-main{padding-top:36px;}
}