/* Manual page: styles for content imported from the IRIS 3 user manual */
.manual{--accent:var(--signal);--text-muted:var(--muted);--border:var(--line);--success:var(--ok);--danger:var(--bad)}
.manual section{scroll-margin-top:calc(var(--header-h) + 16px)}
.manual h2,.manual h3,.manual h4{scroll-margin-top:calc(var(--header-h) + 16px)}
.manual h2{display:flex;align-items:baseline;gap:12px;margin-bottom:.3em}
.manual h3{margin-top:1.8em;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.manual h4{font-size:1.05rem;font-weight:600;margin:1.5em 0 .4em}
.manual .num{font-family:var(--mono);font-size:.62em;font-weight:600;color:var(--ground);background:var(--signal);padding:2px 8px;border-radius:3px;letter-spacing:.04em;white-space:nowrap;line-height:1.5}
.manual h3 .num{font-size:.62em;color:var(--muted);background:none;border:1px solid var(--line)}
.manual .dek{color:var(--muted);margin-bottom:1.4em;max-width:65ch}
.manual .mono{font-family:var(--mono)}
.manual .chip{display:inline-block;font-family:var(--mono);font-size:.84em;font-weight:600;padding:1px 7px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text);white-space:nowrap}
.manual .chip.accent{border-color:var(--signal);color:var(--signal)}
.manual li::marker{color:var(--signal)}
.manual .note .note-label{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--khaki);margin-bottom:6px}
.manual .note.warn .note-label{color:var(--warn)}
.manual .note.stop .note-label{color:var(--bad)}
.manual caption{text-align:left;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 16px}
.manual table{min-width:480px}
.manual td.mono,.manual td .mono{font-variant-numeric:tabular-nums}
.manual tr:last-child td{border-bottom:0}
.manual .badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:2px 8px;border-radius:20px}
.manual .badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.manual .badge.on{color:var(--ok);background:rgba(141,179,107,.16)}
.manual .badge.off{color:var(--muted);background:rgba(169,173,148,.14)}
.manual figure.shot{margin:1.4em 0 1.6em;padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--surface);text-align:center;flex:none}
.manual figure.shot img{display:block;margin:0 auto;width:100%;max-width:280px;height:auto;border-radius:10px;border:1px solid var(--line)}
.manual figure.shot img.wide{max-width:380px}
.manual figure.shot figcaption{font-size:.88rem;color:var(--muted);margin:10px auto 0;max-width:62ch}
.manual .kbd-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}
.manual .card-mock{border:1px solid var(--line);border-radius:8px;background:var(--surface);max-width:420px;margin:18px 0 22px;overflow:hidden}
.manual .cm-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.manual .cm-dot{width:26px;height:26px;border-radius:7px;flex:none;border:2px solid var(--signal);background:rgba(255,107,26,.15)}
.manual .cm-badge{font-family:var(--mono);font-size:.65rem;letter-spacing:.08em;color:var(--muted)}
.manual .cm-name{font-weight:600}
.manual .cm-body{padding:14px 16px}
.manual .cm-row{display:flex;justify-content:space-between;gap:14px;font-family:var(--mono);font-size:.78rem;padding:7px 0;border-top:1px solid var(--line)}
.manual .cm-row:first-child{border-top:0}
.manual .cm-row span:first-child{color:var(--muted)}
.manual .cm-actions{display:flex;gap:8px;padding:10px 16px 14px;flex-wrap:wrap}
.manual .cm-btn{font-family:var(--mono);font-size:.7rem;font-weight:600;border:1px solid var(--line);border-radius:6px;padding:6px 10px;color:var(--muted)}
.manual .cm-btn.danger{color:var(--bad);border-color:rgba(224,122,96,.5)}
.manual .cm-btn.accent{color:var(--signal);border-color:rgba(255,107,26,.5)}
/* long table of contents */
.manual-toc{max-height:calc(100vh - var(--header-h) - 48px);overflow-y:auto;padding-right:6px}
.manual-toc .num{font-family:var(--mono);color:var(--signal);margin-right:4px}
.manual-toc ul ul{border-left:0;margin:0 0 6px 14px}
.manual-toc ul ul a{font-size:.88rem;padding:3px 10px;border-left:0}
.manual-toc a.active{color:var(--text);border-left-color:var(--signal)}
.manual-toc ul ul a.active{color:var(--signal)}
@media (max-width:900px){
 .manual-toc{max-height:none;overflow:visible}
 .manual-toc ul ul{display:none}
 .manual-toc>ul>li>a{padding:4px 0}
}