/* Minimal neutral styling inspired by classic GitHub project pages */
:root{
  --bg:#ffffff;
  --muted:#6a737d;
  --card:#f6f8fa;
  --accent:#0366d6;
  --border:#e1e4e8;
  --max-width:980px;
  --radius:6px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #24292e;
  line-height:1.5;
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--bg);
  color:var(--text,#24292e);
  -webkit-font-smoothing:antialiased;
}

.container{
  max-width:var(--max-width);
  margin:28px auto;
  padding:0 20px;
}

.site-header{
  background:linear-gradient(#fff,#fbfcfd);
  border-bottom:1px solid var(--border);
  padding:18px 0;
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.project-title h1{margin:0;font-size:1.5rem}
.tagline{margin:0;color:var(--muted);font-size:0.95rem}

.badges img{
  height:20px;
  margin-left:8px;
  vertical-align:middle;
}

.card{
  background:linear-gradient(#fff,#fff);
  border:1px solid var(--border);
  padding:18px;
  margin:18px 0;
  border-radius:var(--radius);
}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}

h2{margin:0 0 12px 0;font-size:1.1rem}
h3{margin:0 0 8px 0;font-size:1rem;color:var(--accent)}

ul{margin:8px 0 0 20px}
ol{margin:8px 0 0 20px}

.muted{color:var(--muted);font-size:0.95rem}

pre.code{
  background:#f6f8fa;border:1px solid var(--border);padding:10px;border-radius:4px;overflow:auto;
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size:0.92rem;
}

.site-footer{text-align:center;font-size:0.95rem;color:var(--muted)}
a{color:var(--accent)}
a:hover{text-decoration:underline}