:root { color-scheme: light dark; font-family: system-ui, sans-serif; color: #202b36; background: #f6f8f9; line-height: 1.65; }
* { box-sizing: border-box; }
body { margin: 0 auto; max-width: 940px; padding: 0 24px; }
a { color: #00657c; text-underline-offset: 3px; overflow-wrap: anywhere; }
a:hover { color: #004452; }
a:focus-visible { outline: 3px solid #059bb4; outline-offset: 4px; }
.site-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 26px 0; border-bottom: 1px solid #d6dfe3; }
.site-header > a { font-weight: 750; text-decoration: none; }
nav { display: flex; flex-wrap: wrap; gap: 20px; }
main { padding: 24px 0; }
h1, h2 { line-height: 1.2; letter-spacing: -.025em; }
h1 { font-size: clamp(2.3rem, 6vw, 3.5rem); }
h2 { margin-top: 2rem; font-size: 1.7rem; }
article > img { display: block; margin: 24px auto; }
img { max-width: 100%; height: auto; }
pre { padding: 18px; overflow-x: auto; background: #eaf0f3; border: 1px solid #d6dfe3; border-radius: 8px; line-height: 1.55; }
code { font-family: ui-monospace, monospace; font-size: .9em; }
:not(pre) > code { background: #eaf0f3; padding: 2px 5px; border-radius: 3px; overflow-wrap: anywhere; }
li { margin-bottom: 8px; }
table { display: block; overflow-x: auto; border-collapse: collapse; }
td, th { padding: 8px; border: 1px solid #d6dfe3; text-align: left; }
.agent-guide { padding: 8px 24px; border-left: 4px solid #7bbd00; background: #edf4e6; }
.agent-guide h2 { margin-top: 1rem; }
.site-footer { border-top: 1px solid #d6dfe3; padding: 28px 0; margin-top: 36px; font-size: .9rem; }
.skip-link { position: absolute; left: -10000px; }
.skip-link:focus { position: static; }
@media (prefers-color-scheme: dark) {
  :root { color: #dae4ea; background: #101b25; }
  a { color: #64dced; } a:hover { color: #b2f1fb; }
  pre, :not(pre) > code { background: #1a2a37; }
  pre, td, th, .site-header, .site-footer { border-color: #324453; }
  .agent-guide { background: #1c2f29; }
}
@media (max-width: 520px) { body { padding: 0 16px; } .site-header { align-items: flex-start; flex-direction: column; } nav { gap: 14px; } .agent-guide { padding: 6px 16px; } }