@font-face { font-family: "Source Serif 4"; src: url('/assets/fonts/source-serif-4.005-roman.woff2') format('woff2'); font-style: normal; font-weight: 200 900; font-display: swap; }
:root { color-scheme: light; font-family: "Source Serif 4", Georgia, "Iowan Old Style", serif; color: #20313a; background: #f0ebe2; }
* { box-sizing: border-box; }
body { min-width: 0; margin: 0; padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); background: #f0ebe2; }
main { width: min(48rem, calc(100% - 2rem)); min-width: 0; margin: 0 auto; padding: 2.5rem 0 4rem; }
a { color: #0b5d7f; text-underline-offset: .2rem; }
h1 { margin: .5rem 0 .75rem; font-size: clamp(2.25rem, 7vw, 3.6rem); font-weight: 500; line-height: .98; letter-spacing: -.05em; }
h2 { margin: 0; font-size: 1.15rem; }
p { line-height: 1.55; }
.note { color: #70685c; }
.intro { margin: 0 0 1.5rem; color: #5f574c; }
.api-brand { display: inline-flex; min-width: 0; align-items: center; gap: .68rem; color: #20313a; text-decoration: none; }
.api-brand-copy { display: grid; gap: .12rem; font-family: ui-sans-serif, system-ui, sans-serif; }
.api-brand-copy strong { color: #292720; font: 650 1rem/1 Georgia, "Iowan Old Style", serif; letter-spacing: -.02em; }
.api-brand-copy small { color: #70685c; font-size: .62rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.api-mark { display: flex; width: 2.15rem; height: 2.15rem; flex: 0 0 auto; align-items: center; justify-content: center; gap: .1rem; border: 1px solid #66777f; border-radius: 50%; color: #fffaf0; background: #20313a; box-shadow: inset 0 0 0 .16rem #20313a, inset 0 0 0 .21rem rgba(255,250,240,.58); }
.api-mark i { display: block; width: .1rem; height: .3rem; border-radius: 999px; background: currentColor; }
.api-mark i:nth-child(2) { height: .62rem; }
.api-mark i:nth-child(3) { height: .42rem; }
.api-mark i:nth-child(4) { height: .75rem; }
.api-mark i:nth-child(5) { height: .36rem; }
.endpoint { min-width: 0; border-top: 1px solid #c9bda8; padding: 1rem 0; }
.endpoint h2 { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: .5rem; }
.endpoint p { margin: .55rem 0 0; color: #5f574c; }
.method { display: inline-flex; flex: 0 0 auto; border: 1px solid #acbbbd; border-radius: .22rem; padding: .2rem .4rem; color: #0b5d7f; background: #dceef5; font-family: ui-sans-serif, system-ui, sans-serif; font-size: .68rem; font-weight: 780; letter-spacing: .035em; }
code { min-width: 0; max-width: 100%; border: 1px solid #d2c5b0; border-radius: .2rem; padding: .12rem .32rem; overflow-wrap: anywhere; background: #faf5e9; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .86em; }
pre { width: 100%; min-width: 0; max-width: 100%; overflow: auto; margin: .65rem 0 0; padding: .85rem; border: 1px solid #d2c5b0; border-radius: .3rem; background: #faf5e9; font: .76rem/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; }
.back-link { display: inline-flex; margin-top: .8rem; font-family: ui-sans-serif, system-ui, sans-serif; font-size: .78rem; font-weight: 700; }
@media (max-width: 30rem) { main { width: calc(100% - 1.25rem); padding-top: 1.7rem; } .intro { font-size: .93rem; } }