/* Documentation de l'API : sobre, une colonne, code discret. */
.wrap{max-width:760px}
header .wrap{max-width:760px}
.doc-tabs{display:flex;gap:22px;font-size:15px}
.doc-tabs a{color:var(--muted);text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}
.doc-tabs a:hover{color:var(--ink)}
.doc-tabs a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent)}
main{padding:44px 0 56px}
h1{font-size:clamp(28px,4.5vw,36px);margin:0 0 8px}
.lead{font-size:18px;color:var(--muted);margin:0 0 28px}
h2{font-size:20px;margin:48px 0 10px;scroll-margin-top:16px;display:flex;align-items:center;gap:10px}
h3{font-size:16.5px;margin:28px 0 6px}
p,li{color:#cfdcd5}
.small{font-size:14.5px;color:var(--muted)}
.small code{font-size:13px}
.help{margin-top:56px;color:var(--muted);font-size:15px}
code{font:13.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:rgba(255,255,255,.06);padding:1px 5px;border-radius:5px}
.note{border-left:2px solid var(--line);padding:2px 0 2px 14px;margin:0 0 8px;color:var(--muted)}
.note p{color:var(--muted);margin:0;font-size:15px}
.step{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);font-size:14px;color:var(--muted)}
.toc{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px;margin:0 0 8px}
.toc a{color:var(--muted);text-decoration:none}
.toc a:hover{color:var(--ink)}
.next{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.next a{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:10px;padding:14px 16px;text-decoration:none;color:var(--ink)}
.next a:hover{border-color:rgba(255,255,255,.25)}
.next span{color:var(--muted);font-size:14px}
table{width:100%;border-collapse:collapse;margin:8px 0 4px;font-size:15px}
th,td{text-align:left;padding:8px 10px 8px 0;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-weight:500}
td{color:#cfdcd5}
.table{overflow-x:auto}
.nowrap{white-space:nowrap;color:var(--muted)}
ul.check{padding-left:22px}

/* Méthodes HTTP : texte coloré discret, sans fond */
.m{display:inline-block;min-width:54px;font:600 12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}
h2 .m{min-width:0}
.m.get{color:#8fb8de}.m.post{color:#8fcfae}.m.put{color:#d9b47f}.m.patch{color:#b9a3d9}.m.delete{color:#d99595}
.routes td:first-child{white-space:nowrap}

/* Code : fond sombre uni, onglets discrets, réponses repliées */
.code{position:relative;margin:12px 0;border:1px solid var(--line);border-radius:10px;background:#081711;overflow:hidden}
.code pre{margin:0;padding:14px 16px;overflow-x:auto;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#d9e4de}
.code pre code{background:none;padding:0;font-size:inherit;border-radius:0}
.tabs{display:flex;gap:2px;padding:0 84px 0 6px;border-bottom:1px solid var(--line);overflow-x:auto}
.tabs input{position:absolute;opacity:0;pointer-events:none}
.tabs label{padding:7px 10px;font-size:13px;color:var(--muted);cursor:pointer;border-bottom:1px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tabs label:hover{color:var(--ink)}
.tabs input:checked+label{color:var(--ink);border-bottom-color:var(--ink)}
.tabs input:focus-visible+label{outline:2px solid var(--accent);outline-offset:-2px}
@supports selector(:has(a)){
  .code:has(.tabs) pre{display:none}
  .code:has(input[value=curl]:checked) pre[data-lang=curl],
  .code:has(input[value=python]:checked) pre[data-lang=python],
  .code:has(input[value=javascript]:checked) pre[data-lang=javascript],
  .code:has(input[value=php]:checked) pre[data-lang=php]{display:block}
}
.copy{position:absolute;top:5px;right:8px;padding:2px 9px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font:12px system-ui,sans-serif;cursor:pointer}
.copy:hover{color:var(--ink)}
details.resp{margin:-4px 0 12px}
details.resp summary{cursor:pointer;color:var(--muted);font-size:14px;padding:4px 0}
details.resp summary:hover{color:var(--ink)}

/* Couleurs du code : trois teintes seulement (classes Pygments, préfixe hl-) */
.code .hl-s,.code .hl-s1,.code .hl-s2,.code .hl-sb,.code .hl-sa,.code .hl-sd,.code .hl-se,.code .hl-sh,.code .hl-sx{color:#a8cfa0}
.code .hl-k,.code .hl-kn,.code .hl-kd,.code .hl-kr,.code .hl-kc,.code .hl-cp,.code .hl-ow,.code .hl-nt{color:#a9b8e0}
.code .hl-c,.code .hl-c1,.code .hl-ch,.code .hl-cm,.code .hl-cs{color:#6c8479;font-style:italic}