:root{color-scheme:light dark;--page:#f8f6ef;--ink:#172334;--edge:#57677a;--link:#754a00}
@media(prefers-color-scheme:dark){:root{--page:#171b26;--ink:#f3ecdf;--edge:#aab8c9;--link:#ffd18e}}
*{box-sizing:border-box}
body{margin:0;background:var(--page);color:var(--ink);font:1rem/1.6 system-ui,sans-serif}
.agentx-static-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem max(1rem,env(safe-area-inset-right)) .75rem max(1rem,env(safe-area-inset-left));border-bottom:2px solid var(--edge)}
.agentx-static-header strong{font-size:1.2rem;letter-spacing:.04em}
.agentx-static-header a,a{color:var(--link)}
.agentx-static-header a{display:inline-flex;align-items:center;min-height:44px;padding:.25rem .5rem}
main{max-width:70ch;margin-inline:auto;padding:1.25rem max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}
a:focus-visible{outline:3px solid var(--link);outline-offset:2px}