/* Manual page: a contents sidebar beside the guide column, stacked on phones. */
.manual-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start}
.manual-toc{position:sticky;top:78px;max-height:calc(100vh - 96px);overflow-y:auto;padding:4px 0 24px;font-size:14px}
.manual-toc h2{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sand);margin:20px 0 6px}
.manual-toc h2:first-child{margin-top:0}
.manual-toc ul{list-style:none;margin:0;padding:0}
.manual-toc a{display:block;padding:4px 0 4px 10px;border-left:1px solid var(--line);color:var(--muted);text-decoration:none}
.manual-toc a:hover{color:var(--ink);border-left-color:var(--red)}
.guide.manual{max-width:1240px}
.manual article{min-width:0;max-width:820px}
.manual section{scroll-margin-top:76px}
.manual article h2{border-top:1px solid var(--line);padding-top:28px;margin-top:44px}
.manual article section:first-of-type h2{border-top:0;padding-top:0;margin-top:24px}
.manual h3{font-size:17px;margin:26px 0 8px}
.manual article :is(ul,ol){color:var(--muted);line-height:1.7;max-width:68ch;padding-left:22px}
.manual li{margin:4px 0}
.manual li strong,.manual p strong{color:var(--ink)}
.manual pre{background:var(--panel-low);border:1px solid var(--line);padding:12px 14px;overflow-x:auto;font-size:13px;line-height:1.5;max-width:100%}
.manual pre code{background:none;padding:0;overflow-wrap:normal}
.manual .table-wrap{overflow-x:auto;margin:14px 0 18px;max-width:100%}
.manual table{border-collapse:collapse;font-size:14px;min-width:100%}
.manual th,.manual td{text-align:left;vertical-align:top;padding:7px 10px;border-bottom:1px solid var(--line)}
.manual th{color:var(--sand);font-size:12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.manual td{color:var(--muted)}
.manual td:first-child{color:var(--ink)}
.manual .lead{font-size:17px;color:var(--ink)}
@media(max-width:900px){.manual-layout{grid-template-columns:minmax(0,1fr);gap:8px}.manual-toc{position:static;max-height:none;overflow:visible;padding-bottom:8px;border-bottom:1px solid var(--line);columns:2;column-gap:20px}.manual-toc h2{break-after:avoid}.manual-toc ul{break-inside:avoid-column}}
@media(max-width:340px){.manual-toc{columns:1}}@media(max-width:480px){.manual-toc{font-size:13px}.manual th,.manual td{padding:6px 7px;font-size:13px}}
@media(max-width:720px){.manual section{scroll-margin-top:104px}}