/* ============================================
   LEGAL PAGES (imprint.html, privacy.html)
   ============================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:serif;
  background:#0a0a0a;
  color:#e8e8e8;
  line-height:1.7;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{color:#10b981;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:780px;margin:0 auto;padding:60px 32px}

nav{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(12px);
  background:rgba(10,10,10,0.85);
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.nav-inner{
  max-width:1280px;margin:0 auto;padding:18px 32px;
  display:flex;justify-content:space-between;align-items:center;
}
.logo{
  font-family:serif;
  font-weight:700;font-size:22px;
  letter-spacing:-0.5px;color:#fff;
}
.logo span{color:#10b981}
.back-link{font-size:14px;color:#999}
.back-link:hover{color:#10b981}

.meta{
  font-family:ui-monospace, monospace;
  font-size:12px;
  color:#666;
  letter-spacing:1.5px;
  text-transform:uppercase;
  margin-bottom:16px;
}

h1{
  font-size:42px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:-1.5px;
  color:#fff;
  margin-bottom:32px;
}

h2{
  font-size:22px;
  font-weight:700;
  color:#fff;
  margin-top:48px;
  margin-bottom:16px;
  letter-spacing:-0.5px;
}

h3{
  font-size:17px;
  font-weight:700;
  color:#e8e8e8;
  margin-top:24px;
  margin-bottom:8px;
}

p{margin-bottom:16px;color:#ccc}

ul{margin:0 0 16px 0;padding-left:20px}
li{margin-bottom:10px;color:#ccc}
li::marker{color:#10b981}

.lead{
  font-size:18px;
  color:#bbb;
  font-style:italic;
  border-left:2px solid #10b981;
  padding-left:18px;
  margin-bottom:32px;
}

.info-block{
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.08);
  border-left:2px solid #10b981;
  border-radius:6px;
  padding:24px 28px;
  margin-bottom:24px;
  font-family:ui-monospace, monospace;
  font-size:14px;
  line-height:1.8;
}
.info-block .label{color:#666;display:inline-block;min-width:120px}
.info-block .value{color:#e8e8e8}

.updated{
  font-family:ui-monospace, monospace;
  font-size:12px;
  color:#666;
  letter-spacing:1px;
  margin-top:60px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,0.06);
}

code{
  font-family:ui-monospace, monospace;
  font-size:14px;
  background:rgba(16,185,129,0.08);
  color:#10b981;
  padding:2px 6px;
  border-radius:3px;
}

@media (max-width: 640px){
  .container{padding:40px 20px}
  h1{font-size:32px}
  h2{font-size:20px}
  body{font-size:16px}
  .info-block .label{display:block;min-width:auto}
}