/* Manual section of the website. Extends css/site.css — this file only adds
   the two-column reading layout and documentation-specific typography. */

.man-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;
            padding-top:38px;padding-bottom:70px;align-items:start}
@media(max-width:900px){.man-layout{grid-template-columns:1fr}.man-side{position:static}}

/* ---------- sidebar ---------- */
.man-side{position:sticky;top:84px;font-size:.88rem}
.man-side-title{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;
                text-transform:uppercase;margin-bottom:14px}
.man-side-title a{color:var(--t2)}
.man-toc{list-style:none;margin:0;padding:0;counter-reset:ch}
.man-toc>li{counter-increment:ch;margin-bottom:2px}
.man-toc>li>a{display:block;padding:6px 10px;border-radius:var(--r-md);color:var(--t1)}
.man-toc>li>a::before{content:counter(ch) "  ";font-family:var(--mono);
                      font-size:.72rem;color:var(--t2)}
.man-toc>li>a:hover{background:var(--bg2);color:var(--t0);text-decoration:none}
.man-toc>li.man-here>a{background:var(--bg2);color:var(--acc);font-weight:600}
.man-toc ul{list-style:none;margin:4px 0 10px;padding:0 0 0 26px;
            border-left:1px solid var(--line)}
.man-toc ul a{display:block;padding:3px 10px;font-size:.82rem;color:var(--t2)}
.man-toc ul a:hover{color:var(--t0);text-decoration:none}

/* ---------- content ---------- */
.man-content{max-width:76ch;font-size:1.02rem}
.man-content h1{font-size:clamp(1.8rem,3.6vw,2.5rem);margin:8px 0 20px}
.man-content h2{font-size:1.35rem;font-weight:650;color:var(--t0);
                margin:44px 0 12px;padding-top:18px;border-top:1px solid var(--line)}
.man-content h3{font-size:1.05rem;margin:26px 0 8px}
.man-content p,.man-content li{line-height:1.7}
.man-content ul,.man-content ol{padding-left:24px;margin:0 0 16px}
.man-content li{margin-bottom:6px}
.man-content code{font-family:var(--mono);font-size:.86em;background:var(--bg2);
                  border:1px solid var(--line);border-radius:var(--r-sm);padding:1px 5px}
.man-content table{border-collapse:collapse;width:100%;margin:18px 0;font-size:.92rem;display:block;overflow-x:auto}
.man-content th,.man-content td{border:1px solid var(--line);padding:8px 12px;text-align:left}
.man-content th{background:var(--bg2);font-family:var(--mono);font-size:.74rem;
                letter-spacing:.08em;text-transform:uppercase;color:var(--t1)}
.man-content blockquote{margin:20px 0;padding:14px 18px;background:var(--bg2);
                        border-left:3px solid var(--acc2);border-radius:0 8px 8px 0}
.man-content blockquote p{margin:0;font-size:.94rem}

/* ---------- figures ---------- */
.man-content figure{margin:26px 0;border:1px solid var(--line2);border-radius:var(--r-lg);
                    overflow:hidden;background:var(--bg2)}
.man-content figure img{display:block;width:100%;height:auto}
.man-content figcaption{font-family:var(--mono);font-size:.76rem;letter-spacing:.04em;
                        color:var(--t2);padding:10px 14px;border-top:1px solid var(--line);
                        background:var(--bg2)}

/* ---------- contents page ---------- */
.man-chapters{list-style:none;margin:30px 0 0;padding:0;counter-reset:mch}
.man-chapters li{counter-increment:mch;margin-bottom:10px}
.man-chapters a{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:baseline;
                padding:16px 20px;background:var(--bg2);border:1px solid var(--line);
                border-radius:var(--r-lg);transition:border-color .12s}
.man-chapters a::before{content:counter(mch,decimal-leading-zero);font-family:var(--mono);
                        color:var(--acc);font-size:.85rem;grid-row:span 2}
.man-chapters a:hover{border-color:var(--acc);text-decoration:none}
.man-chapters b{color:var(--t0);font-weight:650}
.man-chapters span{grid-column:2;color:var(--t2);font-size:.9rem;line-height:1.5}

/* ---------- pager ---------- */
.man-pager{display:flex;justify-content:space-between;gap:16px;margin-top:56px;
           padding-top:22px;border-top:1px solid var(--line);font-size:.92rem}