:root{color-scheme:light dark;--line:#8884;--accent:#1565d8}body{margin:0;font:16px/1.6 system-ui,sans-serif}
.layout{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);min-height:100vh}
nav{border-right:1px solid var(--line);padding:16px;overflow:auto;max-height:100vh;position:sticky;top:0;font-size:14px}
nav ul{list-style:none;margin:0;padding-left:12px}nav h3{margin:16px 0 4px}main{padding:24px 40px;max-width:860px;min-width:0}
a{color:var(--accent)}pre{overflow:auto;padding:12px;border:1px solid var(--line);border-radius:6px}img{max-width:100%}
table{border-collapse:collapse;display:block;overflow:auto}td,th{border:1px solid var(--line);padding:6px 10px}
.callout,.card,.param,.step,details{border:1px solid var(--line);border-radius:6px;padding:8px 14px;margin:12px 0}
.callout{border-left:4px solid var(--accent)}summary{cursor:pointer;font-weight:600}
@media(max-width:800px){.layout{display:block}nav{position:static;max-height:none;border-right:0}main{padding:16px}}