/* Shared chrome for the root-served GitHub Pages archive.
   Project URL: https://swarm-ai-research.github.io/wiki-agent-swarm-incident/
   Not /docs. Do not add live probe / CounterAPI calls here. */

:root{
  --nav-h:48px;
  --nav-bg:#12161f;
  --nav-ink:#e7eaf0;
  --nav-dim:#9aa4b2;
  --nav-line:#2e3849;
  --nav-hi:#f2b03d;
  --nav-link:#7aa7f0;
}

.archive-nav{
  position:sticky;top:0;z-index:40;
  height:var(--nav-h);
  background:rgba(18,22,31,.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--nav-line);
  color:var(--nav-ink);
  font-family:"IBM Plex Sans",system-ui,sans-serif;
}
.archive-nav .inner{
  max-width:1080px;margin:0 auto;height:100%;
  padding:0 18px;
  display:flex;align-items:center;gap:14px 18px;
  font-size:13px;
}
.archive-nav .brand{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--nav-dim);text-decoration:none;white-space:nowrap;
  border:0;
}
.archive-nav .brand b{color:var(--nav-ink);font-weight:600}
.archive-nav .links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 2px;margin-left:auto}
.archive-nav a.item{
  color:var(--nav-dim);text-decoration:none;border:0;
  padding:5px 9px;border-radius:5px;
}
.archive-nav a.item:hover{color:var(--nav-ink);background:rgba(255,255,255,.05)}
.archive-nav a.item[aria-current="page"]{
  color:var(--nav-bg);background:var(--nav-hi);font-weight:600;
}
.archive-nav a.ext{color:var(--nav-link)}

body.has-archive-nav{margin-top:0}

/* Markdown / Jekyll pages */
body.docs{
  margin:0;background:#f7f6f2;color:#17181a;
  font-family:"IBM Plex Sans",system-ui,sans-serif;
  font-size:17px;line-height:1.6;
}
body.docs main.docs-main{
  max-width:760px;margin:0 auto;padding:28px 22px 72px;
}
body.docs h1,body.docs h2,body.docs h3{line-height:1.2;text-wrap:balance}
body.docs h1{font-size:2rem;margin:0 0 12px}
body.docs h2{font-size:1.35rem;margin:32px 0 10px}
body.docs a{color:#1d4f91}
body.docs table{border-collapse:collapse;width:100%;font-size:14.5px;margin:16px 0}
body.docs th,body.docs td{border:1px solid #d8d5cc;padding:6px 8px;vertical-align:top}
body.docs th{background:#efece4;text-align:left}
body.docs code{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.88em}
.canary{font:12px/1.4 "IBM Plex Mono",ui-monospace,monospace;color:#6b6a64;margin:16px auto;padding:0 16px;max-width:1040px;overflow-wrap:anywhere}

body.docs .docs-foot{
  margin-top:48px;padding-top:16px;border-top:1px solid #d8d5cc;
  font-size:13px;color:#5c5b56;
}

@media (max-width:720px){
  .archive-nav .brand span{display:none}
  .archive-nav .inner{padding:0 10px;gap:8px}
  .archive-nav a.item{padding:5px 7px}
}