/* boxingapi.net: the documentation, on top of app.css (header, footer, buttons, chips and fields come from there). */
:root{--p-free:#2F7A55;--p-live:#4A6788;--p-archive:#7A2230;--p-complete:#17161A}
*{scrollbar-width:thin;scrollbar-color:rgba(122,34,48,.45) transparent}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:rgba(122,34,48,.45);border-radius:8px}::-webkit-scrollbar-track{background:transparent}
.nav a[aria-current="page"]{background:var(--line-2);color:var(--ink)}
/* two columns */
.docs{display:grid;grid-template-columns:288px minmax(0,1fr);gap:40px;align-items:start;padding-top:28px;padding-bottom:72px}
.menu{position:sticky;top:84px;height:calc(100vh - 104px);display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.srch{position:relative;padding:12px;border-bottom:1px solid var(--line)}
.srch input{width:100%;height:38px;border:1px solid var(--line);border-radius:var(--r);padding:0 40px 0 34px;font:inherit;font-size:13.5px;background:#FBFAF8;color:var(--ink)}
.srch input:focus{outline:2px solid var(--steel-tint);border-color:var(--steel);background:var(--card)}
.srch svg{position:absolute;left:24px;top:24px;width:14px;height:14px;color:var(--muted)}
.srch kbd{position:absolute;right:22px;top:21px;font-family:var(--mono);font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:0 6px;background:var(--card)}
.res{position:absolute;left:12px;right:12px;top:54px;z-index:6;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 24px 48px -20px rgba(23,22,26,.35);max-height:420px;overflow:auto;padding:6px}
.res small{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:8px 10px 4px}
.res a{display:grid;grid-template-columns:10px 1fr;gap:10px;align-items:center;padding:7px 10px;border-radius:8px;text-decoration:none;font-size:13px}
.res a[aria-selected="true"],.res a:hover{background:var(--line-2)}
.res a span em{font-style:normal;color:var(--muted);font-size:11.5px;display:block}
.res mark{background:var(--accent-tint);color:var(--accent);border-radius:3px}
.res p{padding:10px;color:var(--muted);font-size:13px}
.mscroll{flex:1;overflow:auto;padding:6px 8px 16px;-webkit-mask:linear-gradient(transparent,#000 14px,#000 calc(100% - 22px),transparent);mask:linear-gradient(transparent,#000 14px,#000 calc(100% - 22px),transparent)}
.mscroll h4{font-weight:400;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:14px 10px 6px}
.mscroll a{display:grid;grid-template-columns:8px 1fr;gap:10px;align-items:center;height:32px;padding:0 10px;border-radius:8px;text-decoration:none;font-size:13px;color:var(--text);white-space:nowrap}
.mscroll a span{overflow:hidden;text-overflow:ellipsis}
.mscroll a.gl{grid-template-columns:1fr}
.mscroll a:hover{background:var(--line-2)}
.mscroll a[aria-current="page"]{background:var(--card);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent),0 0 0 1px var(--line)}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}
.d-free{background:var(--p-free)}.d-live{background:var(--p-live)}.d-archive{background:var(--p-archive)}.d-complete{background:var(--p-complete)}
.mkey{display:flex;justify-content:space-between;gap:6px;padding:10px 12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);white-space:nowrap}
.mkey span{display:flex;align-items:center;gap:5px}
/* the page column */
.pg{min-width:0;max-width:860px}
.crumb{font-size:12.5px;color:var(--muted)}
.crumb a{text-decoration:none}
.kw{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:400;display:flex;align-items:center;gap:10px}
.kw:before{content:"";width:22px;height:1px;background:var(--accent)}
.ttl{display:block;font-size:38px;font-weight:300;letter-spacing:-.02em;color:var(--ink);line-height:1.12;margin-top:12px}
.pg h2{font-weight:300;font-size:24px;letter-spacing:-.01em;color:var(--ink);margin:44px 0 6px}
.pg h3{font-weight:400;font-size:15.5px;color:var(--ink)}
.pg p{margin-top:10px}
.lead{font-size:15.5px;color:var(--muted);margin-top:14px}
.pg .sub{font-size:13px;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chip.pl{background:var(--line-2);color:var(--ink)}
.chip.mc{background:var(--steel-tint);color:var(--steel);text-decoration:none}
.box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-top:16px;overflow:hidden}
/* a guide */
.prose h2{font-size:21px;margin-top:36px}
.prose h3{margin-top:24px}
.prose ul,.prose ol{margin:10px 0 0 20px;display:flex;flex-direction:column;gap:6px}
.prose code{font-family:var(--mono);font-size:12.5px;color:var(--ink);background:var(--line-2);border-radius:5px;padding:1px 5px}
.prose pre{margin-top:12px;border-radius:var(--r);background:#111014;color:#EDE6E2;padding:14px 16px;overflow:auto;max-height:420px;white-space:pre-wrap;word-break:break-word}
.prose pre code{background:none;color:inherit;padding:0;font-size:12px;line-height:1.7}
.prose table{width:100%;border-collapse:collapse;font-size:13px;margin-top:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:block;overflow-x:auto}
.prose th{text-align:left;font-weight:400;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:10px 14px;background:#FBFAF8;border-bottom:1px solid var(--line);white-space:nowrap}
.prose td{padding:10px 14px;border-bottom:1px solid var(--line-2);vertical-align:top}
.prose tr:last-child td{border-bottom:0}
/* landing */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.step{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:8px;min-height:176px}
.step small{font-family:var(--mono);font-size:11px;color:var(--accent)}
.step p{font-size:13px;color:var(--muted);margin:0}
.step .btn{margin-top:auto;width:100%;min-width:0}
.cards2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.subj{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:8px}
.subj p{font-size:13px;color:var(--muted);margin:0}
.subj ul{list-style:none;display:flex;flex-direction:column;gap:4px;margin-top:4px}
.subj li a{display:grid;grid-template-columns:8px 1fr;gap:8px;align-items:center;font-family:var(--mono);font-size:12px;text-decoration:none;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subj .more{margin-top:auto;padding-top:8px;font-size:13px;color:var(--accent);text-decoration:none}
.grp{border-top:1px solid var(--line);padding:16px 0}
.grp:first-of-type{border-top:0}
.grp-h{display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.grp-h span{font-size:12.5px;color:var(--muted);text-align:right}
.eps{display:grid;grid-template-columns:1fr;margin-top:8px}
.eps a{display:grid;grid-template-columns:10px 260px 1fr;gap:12px;align-items:center;padding:7px 0;text-decoration:none;font-size:13px;border-bottom:1px dashed var(--line-2)}
.eps a:last-child{border-bottom:0}
.eps a code{font-family:var(--mono);font-size:12px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eps a span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pop{display:flex;flex-direction:column}
.pop a{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line-2);text-decoration:none}
.pop a:last-child{border-bottom:0}
.pop a div{min-width:0}
.pop a code{display:block;font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.pop a em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:12.5px}
.agents{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.agent{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:8px}
.agent p{font-size:13px;color:var(--muted);margin:0}
.copyline{display:grid;grid-template-columns:1fr 96px;gap:8px;margin-top:auto}
.copyline span{height:34px;display:flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#FBFAF8;font-family:var(--mono);font-size:12px;color:var(--ink);overflow:hidden;white-space:nowrap}
.copyline .mini,.keyrow .mini,.call .mini{height:34px;text-decoration:none}
.ptbl{width:100%;border-collapse:collapse;font-size:13px}
.ptbl th{text-align:left;font-weight:400;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:10px 14px;background:#FBFAF8;border-bottom:1px solid var(--line);white-space:nowrap}
.ptbl td{padding:11px 14px;border-bottom:1px solid var(--line-2);white-space:nowrap;vertical-align:top}
.ptbl td.wrap{white-space:normal}
.ptbl tr:last-child td{border-bottom:0}
.ptbl .num{text-align:right;font-variant-numeric:tabular-nums}
.new{list-style:none;margin-top:12px}
.new li{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-2);font-size:13.5px}
.new time{color:var(--muted);font-variant-numeric:tabular-nums}
.rest{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;margin-top:12px}
.rest a{text-decoration:none;display:block;padding:12px 0;border-bottom:1px solid var(--line-2)}
.rest a p{font-size:13px;color:var(--muted);margin-top:4px}
.qa{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:12px;border-top:1px solid var(--line)}
.qa div{padding:14px 0;border-bottom:1px solid var(--line)}
.qa h3{font-size:14.5px}
.qa p{color:var(--muted);font-size:13.5px;margin-top:6px}
/* an endpoint page */
.call{display:grid;grid-template-columns:64px 1fr 96px;gap:10px;align-items:center;margin-top:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:8px 8px 8px 12px}
.call b{font-weight:400;font-family:var(--mono);font-size:12px;color:#fff;background:var(--ok);border-radius:6px;text-align:center;padding:3px 0}
.call b.m-post{background:var(--steel)}.call b.m-delete{background:var(--accent)}
.call code{font-family:var(--mono);font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.try{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-top:14px}
.try-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.try-b{padding:16px;display:flex;flex-direction:column;gap:14px}
.keyrow{display:grid;grid-template-columns:1fr repeat(3,84px);gap:8px;align-items:end}
.keyrow .mini{height:40px}
.fld select{height:40px;border:1px solid var(--line);border-radius:var(--r);padding:0 12px;font:inherit;font-size:13px;color:var(--ink);background:var(--card)}
.fld input.mono{font-family:var(--mono);font-size:12.5px}
.fld em{font-style:normal;color:var(--accent)}
.form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.url{display:grid;grid-template-columns:1fr 132px;gap:10px;align-items:center}
.url code{height:38px;display:flex;align-items:center;padding:0 12px;border:1px dashed var(--line);border-radius:var(--r);font-family:var(--mono);font-size:12px;color:var(--ink);overflow:hidden;white-space:nowrap;background:#FBFAF8}
.ans{border-radius:var(--r);background:#111014;color:#EDE6E2;overflow:hidden}
.ans-h{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:#A89E9A}
.ans-h b{font-weight:400;color:#7FC29B}
.ans-h b.bad{color:#E7A3AE}
.ans-h a{color:#EDE6E2}
.ans pre,.cd pre{margin:0;padding:14px 16px;font-family:var(--mono);font-size:12px;line-height:1.7;white-space:pre-wrap;word-break:break-word;max-height:360px;overflow:auto}
.k{color:#E7A3AE}.s{color:#7FC29B}.n{color:#9FB6D4}
.cd{border-radius:var(--r);background:#111014;color:#EDE6E2;overflow:hidden}
.cd-tabs{display:grid;grid-template-columns:repeat(4,96px) 1fr 84px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}
.cd-tabs button{height:36px;border:0;background:transparent;font:inherit;font-size:12.5px;color:#A89E9A;cursor:pointer}
.cd-tabs button[aria-selected="true"]{color:#fff;box-shadow:inset 0 -2px 0 var(--accent-2)}
.cd-tabs .cp{grid-column:6;height:28px;margin-right:8px;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:#EDE6E2}
.run-note{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
.run-note svg{width:13px;height:13px;color:var(--steel);flex:none}
.run-note span{flex:1}
.mini.wide{min-width:132px;text-decoration:none}
.vals{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.vals span{font-family:var(--mono);font-size:11px;background:var(--line-2);border-radius:5px;padding:1px 6px;color:var(--ink)}
.req{color:var(--accent);font-size:11.5px}
.errs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.errs a{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);text-decoration:none;font-size:12.5px;white-space:nowrap}
.errs a code{font-family:var(--mono);color:var(--accent)}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:48px}
.pn a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);text-decoration:none}
.pn a small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pn a:last-child{text-align:right}
/* the MCP tools page */
.tools{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.tool{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;scroll-margin-top:84px}
.tool.hit{box-shadow:inset 3px 0 0 var(--accent),0 0 0 1px var(--accent-tint)}
.tool-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pg .tool h2{margin:0;font-size:14px}
.tool p{font-size:13.5px;color:var(--muted)}
.tool dl{display:grid;grid-template-columns:96px 1fr;gap:8px 12px;margin-top:12px;font-size:13px}
.tool dt{color:var(--muted)}
.tool dd a{text-decoration:none;color:var(--accent)}
.pp{display:block}
@media (max-width:1100px){.docs{grid-template-columns:240px minmax(0,1fr);gap:24px}}
@media (max-width:820px){.docs{grid-template-columns:1fr}.menu{position:static;height:340px}.steps,.cards2,.agents,.rest,.qa{grid-template-columns:1fr}.form{grid-template-columns:1fr 1fr}.eps a{grid-template-columns:10px 1fr}.eps a span{grid-column:2}}
@media (max-width:700px){.ttl{font-size:30px}.keyrow{grid-template-columns:1fr 1fr 1fr}.keyrow .fld{grid-column:1/-1}.form{grid-template-columns:1fr}.url{grid-template-columns:1fr}.cd-tabs{grid-template-columns:repeat(4,1fr)}.cd-tabs .cp{display:none}.ptbl{min-width:560px}.pt-scroll{overflow-x:auto}.pop a{grid-template-columns:1fr}.pop a em{text-align:left}.new li{grid-template-columns:1fr}.run-note{flex-wrap:wrap}.res{position:fixed;left:16px;right:16px;top:150px}}