/* ==============================================
   Aether Research Institute – Documentation Style
   ============================================== */

:root{
  --bg: #0f141a;
  --panel: #0b1116;
  --text: #d6dde6;
  --muted: #9aa7b4;
  --accent: #4de3ff;
  --border: rgba(255,255,255,0.08);
}

html, body{
  margin:0;
  padding:0;
  background:var(--bg);
  color:var(--text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  line-height:1.75;
}

.container{
  max-width:1040px;
  margin:60px auto 100px auto;
  padding:0 30px;
}

h1{
  font-size:30px;
  font-weight:500;
  color:#fff;
  margin-bottom:10px;
}

h2{
  margin-top:60px;
  margin-bottom:16px;
  font-size:20px;
  font-weight:500;
  color:#fff;
  border-bottom:1px solid var(--border);
  padding-bottom:8px;
}

h3{
  margin-top:36px;
  margin-bottom:10px;
  font-size:16px;
  font-weight:600;
  color:#fff;
}

p{ margin:14px 0; }

ul, ol{
  margin:10px 0 10px 22px;
}

li{ margin:6px 0; }

a{
  color:var(--accent);
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

.note{
  background:rgba(255,255,255,0.03);
  padding:14px;
  border-left:3px solid var(--accent);
  margin:16px 0;
}

code{
  background:rgba(255,255,255,0.06);
  padding:2px 6px;
  border-radius:4px;
}

table{
  width:100%;
  border-collapse:collapse;
  margin:16px 0;
}

th, td{
  border-bottom:1px solid var(--border);
  padding:10px 12px;
}

th{
  color:#fff;
  font-weight:500;
  text-align:left;
}

/* Navigation */

.topnav{
  position:sticky;
  top:0;
  background:var(--panel);
  border-bottom:1px solid var(--border);
  z-index:1000;
}

.nav-inner{
  max-width:1040px;
  margin:0 auto;
  padding:14px 30px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.nav-left{
  font-size:14px;
  color:var(--muted);
  letter-spacing:0.5px;
}

.nav-right{
  display:flex;
  gap:28px;
}

.nav-right a{
  font-size:14px;
  color:var(--muted);
}

.nav-right a:hover{
  color:var(--accent);
}

.footer{
  margin-top:80px;
  border-top:1px solid var(--border);
  padding-top:24px;
  font-size:14px;
  color:var(--muted);
}