:root { color-scheme: light; --ink:#1d3029; --muted:#68776f; --line:#dfe6e0; --accent:#17664d; --paper:#fafbf8; --code:#162b24; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:15px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:95px; }
body { margin:0; color:var(--ink); background:var(--paper); line-height:1.65; }
a { color:var(--accent); text-decoration:none; }
button,summary,a { -webkit-tap-highlight-color:transparent; }
button { font:inherit; cursor:pointer; }
button[hidden] { display:none; }
:focus-visible { outline:3px solid #247cda; outline-offset:4px; border-radius:3px; }
.skip-link { position:fixed; top:-80px; left:20px; z-index:20; background:white; padding:12px; }
.skip-link:focus { top:10px; }
.topbar { height:76px; padding:0 42px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:var(--paper); position:sticky; top:0; z-index:5; }
.brand { display:flex; align-items:center; gap:12px; font-size:18px; font-weight:650; letter-spacing:-.5px; color:var(--ink); }
.version { border:1px solid var(--line); padding:1px 7px; border-radius:5px; margin-left:4px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px; color:var(--muted); letter-spacing:0; font-weight:400; }
.header-note { font-size:12px; color:var(--muted); }
.header-actions { display:flex; align-items:center; gap:24px; }
.language-switch { display:flex; gap:2px; padding:3px; border:1px solid var(--line); border-radius:7px; }
.language-switch a { display:flex; align-items:center; min-height:36px; padding:5px 11px; border-radius:4px; color:var(--muted); font-size:11px; }
.language-switch a[aria-current="page"] { background:#e7f0e6; color:var(--accent); font-weight:600; }
.layout { max-width:1550px; margin:auto; display:grid; grid-template-columns:235px minmax(0,1fr); }
.sidebar { position:sticky; top:76px; height:calc(100dvh - 76px); border-right:1px solid var(--line); padding:48px 22px 24px 32px; display:flex; flex-direction:column; }
.sidebar-label,.eyebrow { font-size:10px; font-weight:650; letter-spacing:1.8px; color:var(--muted); }
.sidebar-label { display:block; }
.sidebar nav { display:grid; gap:7px; margin-top:22px; }
.sidebar nav a { min-height:44px; display:flex; align-items:center; gap:12px; padding:8px 12px; color:var(--muted); border-radius:6px; font-size:13px; }
.sidebar nav a:hover { background:#edf2ec; color:var(--ink); }
.sidebar nav a[aria-current] { background:#e7f0e6; color:var(--accent); font-weight:600; }
.nav-number { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:10px; opacity:.7; }
.sidebar-bottom { margin-top:auto; font-size:10px; color:var(--muted); line-height:1.6; }
.small-dot { display:inline-block; width:5px; height:5px; margin-right:6px; background:var(--accent); border-radius:50%; }
main { min-width:0; padding:42px 54px 0; }
.intro { padding-bottom:26px; }
.eyebrow { color:var(--accent); }
h1 { margin:14px 0 16px; font-size:44px; font-weight:550; line-height:1.12; letter-spacing:-1.7px; }
.lead { max-width:600px; font-size:15px; color:var(--muted); line-height:1.7; margin-bottom:24px; }
.base-url { display:flex; gap:18px; align-items:center; padding:15px 18px; border:1px solid var(--line); background:white; border-radius:7px; }
.base-url>span { color:var(--muted); font-size:10px; letter-spacing:1px; white-space:nowrap; }
.base-url code { font-size:13px; overflow-wrap:anywhere; background:none; padding:0; }
.base-url .copy { margin-left:auto; color:var(--accent); background:#edf3eb; border-color:var(--line); }
.basics { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin:28px 0 30px; }
.basics h2 { font-size:13px; font-weight:650; margin:0 0 6px; }
.basics p { font-size:12px; color:var(--muted); margin:0; line-height:1.8; }
.basics strong { font-weight:500; color:var(--ink); white-space:nowrap; }
.connection-list,.unit-list { padding:0; margin:12px 0; list-style:none; color:var(--muted); font-size:12px; line-height:1.8; }
.connection-list li,.unit-list li { margin:7px 0; }
.flow-guide { font-size:12px; line-height:1.9; margin:0 0 26px; color:var(--muted); }
.flow-guide strong { color:var(--ink); font-weight:600; }
.currency-bar { border-top:1px solid var(--line); padding-top:24px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.currency-hint { font-size:11px; color:var(--muted); }
.currency-buttons { display:flex; gap:3px; padding:4px; background:#edf1eb; border:1px solid var(--line); border-radius:7px; }
.currency-buttons button { min-height:38px; padding:6px 15px; border:1px solid transparent; background:transparent; color:var(--muted); border-radius:4px; font-size:12px; font-weight:600; white-space:nowrap; }
.currency-buttons button span { font-size:9px; font-weight:400; }
.currency-buttons button[aria-pressed="true"] { color:var(--accent); background:white; border-color:#dbe3d9; box-shadow:0 1px 2px #132b2410; }
.example-note { color:var(--muted); font-size:11px; margin:14px 0 0; }
.method { padding:46px 0 48px; border-top:1px solid var(--line); }
.method-heading { display:flex; align-items:center; gap:12px; margin-bottom:17px; flex-wrap:wrap; }
.section-number { color:var(--muted); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px; }
.method h2 { font-size:25px; font-weight:550; letter-spacing:-.8px; margin:0; line-height:1.35; }
.auth-label { margin-left:auto; font-size:10px; color:var(--muted); }
.auth-label.protected { color:var(--accent); }
.endpoint { display:flex; align-items:center; gap:12px; margin-bottom:25px; }
.endpoint code { font-size:12px; overflow-wrap:anywhere; background:none; padding:0; }
.verb { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-weight:650; font-size:10px; padding:3px 7px; border-radius:4px; line-height:1.5; }
.post { color:#17664d; background:#e2eee3; }
.get { color:#2d6296; background:#e5edf6; }
.patch { color:#856122; background:#f5eddc; }
.method-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:34px; align-items:start; }
.explanation { font-size:13px; line-height:1.85; }
.explanation>p:first-child { margin-top:0; }
.explanation p { margin:14px 0; }
code { font-family:ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",monospace; font-size:.94em; color:var(--accent); background:#edf1e9; border-radius:3px; padding:2px 4px; overflow-wrap:anywhere; }
table { border-collapse:collapse; width:100%; text-align:left; font-size:12px; line-height:1.75; margin:23px 0; }
caption { font-weight:600; text-align:left; font-size:11px; padding-bottom:8px; }
th { font-weight:500; color:var(--muted); font-size:10px; }
th,td { border-bottom:1px solid var(--line); padding:10px 0; vertical-align:top; }
td:first-child { width:39%; padding-right:14px; }
td code { font-size:10px; }
.required,.optional { display:block; font-size:9px; color:var(--muted); margin:3px 0 0 4px; }
.required { color:#466754; }
.note { border-left:2px solid #83a68a; padding:8px 0 8px 14px; background:linear-gradient(90deg,#eff4eb,transparent); }
.muted { color:var(--muted); }
.examples { min-width:0; }
.code-card { border-radius:7px; background:var(--code); color:#dce7dc; overflow:hidden; }
.code-header { min-height:45px; padding:8px 14px 8px 18px; border-bottom:1px solid #ffffff12; display:flex; align-items:center; justify-content:space-between; color:#dae5d6; font-size:11px; }
.code-language { margin-left:9px; font-size:10px; color:#97b1a2; }
.copy { border:1px solid #ffffff24; border-radius:4px; background:#ffffff09; color:#d5e5d6; padding:5px 9px; min-height:30px; font-size:10px; }
.copy:hover { filter:brightness(1.15); }
pre { margin:0; padding:18px; overflow:auto; tab-size:2; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; line-height:1.85; font-size:11px; }
pre code { font:inherit; color:inherit; background:none; padding:0; border-radius:0; white-space:pre; overflow-wrap:normal; }
.response { margin-top:13px; }
.response>summary { min-height:40px; padding:10px 3px; color:var(--muted); font-size:11px; cursor:pointer; }
.response>summary span { float:right; color:var(--muted); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:9px; }
.response .code-card { margin-top:3px; }
.text-details { border-top:1px solid var(--line); margin-top:20px; padding-top:12px; }
.text-details>summary { min-height:36px; cursor:pointer; color:var(--accent); font-weight:550; font-size:11px; }
.text-details p { color:var(--muted); }
.text-details ol { padding-left:18px; }
.text-details li { padding-left:3px; margin:9px 0; }
footer { border-top:1px solid var(--line); padding:25px 0 30px; display:flex; justify-content:space-between; gap:20px; font-size:10px; color:var(--muted); }
.footer-divider { margin:0 7px; color:#a4b0a5; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (min-width:1450px) { main { padding-right:70px; padding-left:70px; } .method-grid { gap:44px; } }
@media (max-width:1100px) { .layout { grid-template-columns:190px minmax(0,1fr); } .sidebar { padding-left:18px; padding-right:14px; } main { padding:45px 30px 0; } .method-grid { grid-template-columns:1fr; gap:17px; } .examples { max-width:100%; } pre { font-size:11px; } .explanation { font-size:13px; } table { font-size:12px; } td code { font-size:11px; } }
@media (max-width:700px) { html { scroll-padding-top:140px; } .topbar { padding:0 20px; height:64px; } .header-note { display:none; } .layout { display:block; } .sidebar { top:64px; height:auto; border-right:0; border-bottom:1px solid var(--line); padding:7px 12px; z-index:4; background:var(--paper); } .sidebar>.sidebar-label,.sidebar-bottom { display:none; } .sidebar nav { display:flex; gap:3px; justify-content:space-between; margin:0; } .sidebar nav a { gap:6px; padding:7px 9px; font-size:10px; white-space:nowrap; } .nav-number { display:none; } main { padding:34px 20px 0; } h1 { font-size:46px; letter-spacing:-2px; } .lead { font-size:15px; } .base-url { flex-wrap:wrap; gap:9px; padding:12px; } .base-url>span { width:100%; } .base-url code { font-size:11px; } .basics { gap:20px; } .currency-bar { flex-direction:column; align-items:stretch; gap:12px; } .currency-bar>div:first-child { display:flex; align-items:center; justify-content:space-between; gap:8px; } .currency-buttons { justify-content:space-between; } .currency-buttons button { flex:1; min-height:42px; padding:6px 8px; } .method { padding:30px 0 36px; } .method h2 { font-size:23px; } .auth-label { font-size:9px; } .endpoint { gap:8px; } .endpoint code { font-size:10px; } .explanation { font-size:12px; } pre { padding:15px; font-size:10px; } footer { font-size:9px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media (max-width:700px) { .topbar { padding:0 16px; } .brand { font-size:16px; gap:8px; } .header-actions { gap:0; } .language-switch a { min-height:40px; padding:5px 7px; font-size:10px; } .basics { grid-template-columns:1fr; gap:24px; } .currency-bar>div:first-child { flex-wrap:wrap; } h1 { font-size:38px; } .explanation { font-size:13px; } }
@media (max-width:420px) { .brand .version { display:none; } .sidebar nav a { font-size:9px; padding:7px 6px; } }