/* @screen E-124 — navigation des pages d'information (planche DocNav) */
.docnav{display:grid;gap:2px;background:var(--surface)}
.docnav p{margin:12px 0 6px;font:600 12px/16px var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}
.docnav p:first-child{margin-top:0}
.docnav a{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border-radius:8px;color:var(--ink-muted);text-decoration:none;font:600 15px/20px var(--font-text)}
.docnav a:hover{color:var(--ink);background:var(--surface-sunken)}
.docnav a[aria-current="page"]{color:var(--ink);background:var(--surface-raised);box-shadow:inset 3px 0 0 var(--accent)}
.docnav .ic{line-height:0}
@media (max-width:960px){
  .doc-layout{gap:24px}
  .doc-layout__nav{flex-basis:100%;max-width:none;min-width:0}
  .docnav{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
  .doc-layout__nav .docnav{margin:0 -24px;padding:2px 24px}
  .docnav::-webkit-scrollbar{display:none}
  .docnav p{display:none}
  .docnav a{flex:none;white-space:nowrap;min-height:36px;border:1px solid var(--border)}
  .docnav a[aria-current="page"]{box-shadow:none;border-color:var(--accent)}
}
@media (max-width:640px){
  .doc-layout__nav .docnav{margin:0 -16px;padding:2px 16px}
  .docnav{mask-image:linear-gradient(90deg,var(--ink) 85%,transparent)}
  .docnav a{min-height:36px;padding:0 12px;font-size:14px}
  .docnav .ic{display:none}
}
/* contenu des pages d'information (planches Rules, Licenses, Privacy, Legal, Contact, ApiDocs, Status) */
.doc-head{margin-bottom:0}
.doc-sec{display:grid;gap:12px;min-width:0}
.doc-sec>h2{margin:0}
.doc-sec ul,.doc-sec ol{margin:0;padding-left:1.2em;display:grid;gap:8px;font-size:16px;line-height:26px;color:var(--ink-muted)}
.doc-sec li strong{color:var(--ink)}
.see{margin:0;font-size:15px;color:var(--ink-muted)}
.see a{display:inline-flex;align-items:center;min-height:24px}