:root { color-scheme: light; font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #17212b; background: #f4f7f9; }
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(960px, calc(100% - 32px)); margin: 0 auto; padding: 72px 0; }
h1 { margin: 6px 0 16px; font-size: clamp(2.2rem, 6vw, 4.4rem); letter-spacing: -0.06em; }
h2 { margin: 0 0 14px; font-size: 1.25rem; }
h3 { margin-top: 0; }
section { margin-top: 26px; padding: 28px; border: 1px solid #d8e1e7; border-radius: 18px; background: #fff; box-shadow: 0 5px 20px rgba(21, 39, 54, .04); }
.eyebrow { color: #067a73; font-size: .75rem; font-weight: 700; letter-spacing: .12em; }
.lead { max-width: 730px; color: #44525e; font-size: 1.12rem; line-height: 1.7; }
.endpoint { background: #112a35; color: #f7fbfd; border: 0; }
.copy-row { display: flex; align-items: center; gap: 10px; }
code { overflow-wrap: anywhere; padding: .2em .42em; border-radius: 5px; background: #edf2f5; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em; }
.endpoint code { flex: 1; padding: 12px; background: rgba(255,255,255,.1); color: #fff; }
button { cursor: pointer; border: 0; border-radius: 7px; padding: 10px 14px; background: #66e0d7; color: #082e31; font: inherit; font-weight: 700; }
.status, .muted { color: #6b7882; font-size: .92rem; line-height: 1.55; }
.endpoint .status { color: #b8cfd6; }
.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.cards article { padding: 20px; border-radius: 12px; background: #f3f7f8; }
.cards p { line-height: 1.6; }
a { color: #067a73; font-weight: 650; }
li { margin: 9px 0; line-height: 1.5; }
table { width: 100%; border-collapse: collapse; font-size: .95rem; }
th, td { padding: 11px 8px; text-align: left; border-bottom: 1px solid #e1e8eb; }
.notice { border-color: #f1d69c; background: #fffaf0; }
@media (max-width: 720px) { main { padding: 38px 0; } section { padding: 20px; } .cards { grid-template-columns: 1fr; } .copy-row { align-items: stretch; flex-direction: column; } }