* { margin: 0; padding: 0; }

body {
  font-family: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  color: #1a1a1a;
  background: #fff;
  padding: 2rem 1rem;
}

#wrapper {
  max-width: 960px;
  margin: 0 auto;
  text-align: left;
}

h1 { font-size: 2rem; margin-bottom: .5rem; }
h2 { font-size: 1.1rem; margin-bottom: .5rem; }

p { margin-bottom: .75rem; }

.headline { font-size: 1.1rem; max-width: 46rem; }

.links { margin-bottom: 2rem; }

a { color: #0645ad; }

code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .95em;
  background: #f2f2f2;
  padding: .1em .3em;
  border-radius: 3px;
}

.agent-note {
  font-size: .85rem;
  color: #666;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: .6rem 0;
  margin-bottom: 2rem;
}

[hidden] { display: none; }

.media { margin-bottom: 2rem; }
.media img { max-width: 100%; height: auto; }
.media iframe { max-width: 100%; }

footer { border-top: 1px solid #e5e5e5; padding-top: 1rem; }

@media (prefers-color-scheme: dark) {
  body { color: #e8e8e8; background: #141414; }
  a { color: #7cb0ff; }
  code { background: #2a2a2a; }
  .agent-note { color: #9a9a9a; border-color: #333; }
  footer { border-top-color: #333; }
}