/* ---- Documentation layout: same navigation as the dashboard and panel settings ---- */
body{background:#0f0f0f}
.nav{background:#0f0f0f;backdrop-filter:none}
.dbody{display:flex;align-items:stretch;width:100%;flex:1;min-height:calc(100vh - 62px);background:#0f0f0f}
.side{flex:none;width:272px;position:sticky;top:62px;align-self:flex-start;height:calc(100vh - 62px);overflow-y:auto;padding:14px 12px 28px;background:#0f0f0f;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}
.stops{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}
.stop,a.si{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:var(--muted);font-weight:600;font-size:15px;transition:background .15s,color .15s;user-select:auto;cursor:pointer}
.stop i{display:grid;place-items:center;flex:none;color:inherit}
.stop i svg{width:18px;height:18px}
.stop:hover,a.si:hover{background:#181818;color:var(--text)}
a.si.on,a.si.on:hover{background:#232323;color:var(--text);font-weight:600}
a.si.on svg{color:var(--blue)}
.si svg{flex:none}
.sh{display:flex;align-items:center;gap:8px;margin:18px 0 6px;padding:6px 12px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6f6f6f}
.sh svg{width:14px;height:14px;flex:none}
.doc{flex:1;min-width:0;max-width:none;padding:36px 48px 80px;background:#121212;border:1px solid #1f1f1f;border-right:0;border-bottom:0;border-radius:16px 0 0 0}
.doc>*{max-width:720px}
.doc .dcards{max-width:720px}
.dbody.has-toc .doc{max-width:none}
.otp{flex:none;width:260px;position:sticky;top:62px;align-self:flex-start;height:calc(100vh - 62px);box-sizing:border-box;overflow-y:auto;padding:40px 24px 24px 8px;background:#121212;border-top:1px solid #1f1f1f;font-size:14px}
.crumb{color:var(--muted);font-size:14px;margin-bottom:6px}
.doc h1{font-size:clamp(30px,4vw,40px);letter-spacing:-1px;line-height:1.1;margin-bottom:14px}
.lead{color:var(--muted);font-size:19px}
html.has-notice .side,html.has-notice .otp{top:calc(62px + var(--nbh,0px));height:calc(100vh - 62px - var(--nbh,0px))}
@media(max-width:1180px){.otp{display:none}}

/* drawer button + scrim (phones) */
.dr-left{display:flex;align-items:center;gap:10px;min-width:0}
.dr-btn,.dr-scrim{display:none}
@media(max-width:860px){
  html.has-drawer .dr-btn{display:grid;place-items:center;width:40px;height:40px;margin-left:-6px;border:0;border-radius:10px;background:none;color:#8c8c8c;cursor:pointer;-webkit-tap-highlight-color:transparent}
  html.has-drawer .dr-btn:hover,html.dr-open .dr-btn{color:var(--text)}
  html.has-drawer .dr-scrim{display:block;position:fixed;inset:0;z-index:65;background:rgba(0,0,0,.62);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
  html.dr-open .dr-scrim{opacity:1;visibility:visible;transition:opacity .25s ease}
  html.dr-open{overflow:hidden}
  .dbody{display:block;min-height:0}
  .side,html.has-notice .side{position:fixed;z-index:70;top:0;left:0;bottom:0;width:min(86vw,340px);height:100vh;height:100dvh;padding:16px 12px 28px;border-right:1px solid #1d1d1d;border-radius:0 18px 18px 0;overscroll-behavior:contain;transform:translateX(-104%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s}
  html.dr-open .side{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
  .doc{padding:26px 20px 64px;border-radius:0;border-left:0}
  @media(prefers-reduced-motion:reduce){.side,.dr-scrim{transition:none}}
}

/* ---- doc content: headings, text, lists, cards (Terms, Privacy, Security) ---- */
.doc .meta{color:var(--muted);font-size:14px;margin:0 0 26px}
.doc h2{font-size:24px;letter-spacing:-.4px;line-height:1.2;margin:44px 0 12px;scroll-margin-top:100px}
.doc h3{font-size:17px;margin:24px 0 8px}
.doc p,.doc li{color:#c6c6ca;font-size:16px;line-height:1.7}
.doc p{margin:0 0 14px}
.doc ul,.doc ol{margin:0 0 16px;padding-left:22px}
.doc li{margin:6px 0}
.doc li b,.doc p b{color:var(--text)}
.doc a:not(.dcard){color:var(--blue)}
.doc a:not(.dcard):hover{text-decoration:underline}
.doc code{background:#1a1a1a;border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:.92em}
.callout{border:1px solid var(--line);border-left:3px solid var(--blue);background:var(--panel);border-radius:12px;padding:16px 18px;margin:22px 0}
.callout p{margin:0}
.toc{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:16px 22px;margin:8px 0 6px}
.toc b{display:block;font-size:14px;color:var(--muted);margin-bottom:8px}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
.toc li{margin:4px 0;font-size:15px;break-inside:avoid}
.dcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0 6px}
.dcard{display:block;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:18px}
.dcard b{display:block;font-size:16px;margin-bottom:4px;color:var(--text)}
.dcard span{display:block;color:var(--muted);font-size:14px;line-height:1.5}
a.dcard{transition:background .15s,border-color .15s}
a.dcard:hover{background:#171717;border-color:#2a2a2a}
@media(max-width:560px){.toc ol{columns:1}}

.doc h3{scroll-margin-top:100px}
.otp .oh{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;margin-bottom:12px}
.otp .oh svg{color:var(--muted)}
.otp a{display:block;padding:5px 0;color:var(--muted);line-height:1.4;transition:color .15s}
.otp a.sub{padding-left:14px;font-size:13.5px}
.otp a:hover{color:var(--text)}
.otp a.on{color:var(--blue);font-weight:600}
.doc .meta b{color:var(--text)}
.doc h1,.doc h2,.doc h3{text-align:left}
.doc h2{font-size:23px;letter-spacing:-.4px;margin:40px 0 12px}
.doc p,.doc li{font-size:15.5px;color:#b3b3b8}
.doc.enter{animation:docin .28s ease both}
@keyframes docin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.otp{scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}
.otp .oh{font-size:13px;margin-bottom:10px}
.otp a{padding:4px 0;font-size:13px;line-height:1.4}
.otp a.lv2{padding-left:14px;font-size:12.5px}
@media(prefers-reduced-motion:reduce){.doc.enter{animation:none}}