.documentation { padding-top:24px; font-size:14px; line-height:1.9; overflow-wrap:anywhere; }
.documentation h1 { margin:0 0 8px; font-size:28px; line-height:1.3; }
.documentation h2 { margin:36px 0 14px; padding-top:24px; border-top:1px solid var(--line); font-size:19px; line-height:1.4; }
.documentation p { margin:12px 0; }
.documentation .lead { font-size:14px; }
.documentation li { margin:14px 0; padding-left:4px; }
.documentation a { color:var(--blue-dark); }
.documentation ol,.documentation ul { padding-left:1.5em; }
.caption { color:var(--muted); font-size:12px; }
.doc-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:6px; margin:20px 0 14px; padding:22px 16px; border:1px solid var(--line); border-radius:12px; background:white; }
.doc-flow>div { display:flex; min-width:0; flex-direction:column; gap:10px; }
.doc-flow span { color:var(--muted); font-size:11px; }
.doc-flow code { font-size:13px; overflow-wrap:anywhere; }
.doc-flow b { padding:0 3px; color:#818a98; font-weight:400; }
.doc-flow i { background:#e8f1ff; color:var(--blue-dark); font-style:normal; }
.doc-flow em { background:#e8f4ed; color:var(--green); font-style:normal; }
@media(max-width:600px) {
  .documentation { padding:12px 20px 32px; }
  .documentation h1 { font-size:25px; }
  .doc-flow { grid-template-columns:1fr; padding:14px; gap:4px; }
  .doc-flow>div { flex-direction:row; align-items:baseline; gap:18px; }
  .doc-flow span { width:72px; flex-shrink:0; }
  .doc-flow b { height:18px; justify-self:center; transform:rotate(90deg); }
}