/* AgentMemry Shared Styles */
*{margin:0;padding:0;box-sizing:border-box}

:root{
  --bg:#000;
  --text:#888;
  --text-bright:#fff;
  --accent:#c8ff00;
  --border:#333;
  --pad:2.5rem;
}

body{
  font-family:'JetBrains Mono',monospace;
  background:var(--bg);
  color:var(--text);
  font-size:14px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

a{color:inherit;text-decoration:none}
a:hover{color:var(--text-bright)}

::selection{background:var(--accent);color:var(--bg)}

/* Nav - consistent across all pages */
nav{
  position:fixed;
  top:0;left:0;right:0;
  z-index:100;
  padding:1.25rem var(--pad);
  background:var(--bg);
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  border-bottom:1px solid var(--border);
}

.nav-left{
  display:flex;
  flex-direction:column;
  gap:0.25rem;
}

.logo{
  color:var(--text-bright);
  font-weight:500;
  font-size:14px;
}

.nav-links{
  display:flex;
  gap:2rem;
  font-size:14px;
}

.nav-links a{color:var(--text)}
.nav-links a:hover{color:var(--text-bright)}
.nav-links a.active{color:var(--accent)}

/* Main container for inner pages */
.container{
  max-width:900px;
  margin:0 auto;
  padding:8rem var(--pad) 4rem;
}

/* Page titles */
h1{
  font-size:1.75rem;
  font-weight:400;
  color:var(--text-bright);
  margin-bottom:0.5rem;
}

.subtitle{
  color:var(--text);
  margin-bottom:3rem;
}

/* Section headers */
h2{
  font-size:12px;
  color:var(--text);
  text-transform:uppercase;
  letter-spacing:0.2em;
  margin:3rem 0 1.5rem;
  padding-top:1.5rem;
  border-top:1px solid var(--border);
}

h3{
  font-size:15px;
  color:var(--accent);
  margin:2rem 0 1rem;
  font-weight:400;
}

p{margin-bottom:1rem}
p strong{color:var(--text-bright);font-weight:500}

/* Code blocks */
pre{
  background:#0a0a0a;
  border:1px solid var(--border);
  padding:1.25rem;
  overflow-x:auto;
  margin:1rem 0;
  font-size:13px;
}

code{color:var(--accent)}
pre code{color:var(--text-bright)}

/* Tables */
table{
  width:100%;
  border-collapse:collapse;
  margin:1rem 0;
  font-size:13px;
}

th,td{
  text-align:left;
  padding:0.75rem;
  border-bottom:1px solid var(--border);
}

th{color:var(--text);font-weight:500}
td{color:var(--text-bright)}
td:first-child{color:var(--accent)}

/* Footer */
footer{
  padding:3rem var(--pad);
  border-top:1px solid var(--border);
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:14px;
  margin-top:4rem;
}

.footer-links{display:flex;gap:2rem}
.footer-links a{color:var(--text)}
.footer-links a:hover{color:var(--text-bright)}

/* Buttons */
.btn{
  display:inline-block;
  padding:1rem 1.5rem;
  font-family:inherit;
  font-size:14px;
  border:1px solid var(--border);
  background:transparent;
  color:var(--text);
  cursor:pointer;
  transition:all 0.2s;
}

.btn:hover{border-color:var(--accent);color:var(--accent)}

.btn-primary{
  background:var(--accent);
  border-color:var(--accent);
  color:var(--bg);
  font-weight:500;
}

.btn-primary:hover{
  background:var(--text-bright);
  border-color:var(--text-bright);
}

/* Responsive */
@media(max-width:640px){
  :root{--pad:1.5rem}
  .container{padding-top:6rem}
  nav{padding:1rem var(--pad)}
  .nav-links{gap:1.25rem;font-size:13px}
  footer{flex-direction:column;gap:1.5rem;align-items:flex-start}
}

/* Custom scroll indicator - cursor style */
::-webkit-scrollbar { display: none; }
body { scrollbar-width: none; }

.scroll-indicator {
  position: fixed;
  right: 12px;
  width: 3px;
  height: 16px;
  background: var(--accent);
  border-radius: 1px;
  z-index: 9999;
  transition: top 0.1s ease-out;
  pointer-events: none;
}

/* Force hide scrollbar */
html, body {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
html::-webkit-scrollbar, body::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
}