/* shoct.io – Styling der Rechtsseiten (Dark, passend zur Startseite) */
:root{
  --teal:#3BC5D1; --teal-2:#44C3CD;
  --bg:#080b12; --bg-2:#0e1622; --line:#1e2a3b;
  --ink:#e7eef5; --muted:#8a98a8;
}
*{box-sizing:border-box}
body{
  margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.65;
}
a{color:var(--teal)}
header{border-bottom:1px solid var(--line);background:rgba(8,11,18,.8);backdrop-filter:blur(10px)}
.bar{max-width:820px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}
.bar img{height:28px;display:block}
.bar a{color:var(--teal);font-size:14px;text-decoration:none}
main{max-width:820px;margin:0 auto;padding:44px 24px 60px}
h1{font-size:30px;margin:0 0 8px;font-weight:800}
h2{font-size:20px;margin:30px 0 8px}
p,li{color:#cdd6e0;font-size:15px}
.muted{color:var(--muted)}
.note{background:rgba(255,193,7,.06);border:1px solid rgba(255,193,7,.25);color:#e8c879;
  border-radius:10px;padding:12px 16px;font-size:13px;margin:0 0 24px}
.ph{background:rgba(59,197,209,.10);border:1px dashed rgba(59,197,209,.5);border-radius:6px;
  padding:1px 6px;font-size:13px;color:var(--teal-2)}
footer{border-top:1px solid var(--line);margin-top:48px}
.foot{max-width:820px;margin:0 auto;padding:24px;display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.foot a{color:var(--muted);text-decoration:none}
.foot a:hover{color:var(--ink)}