.manual-launcher { display:flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid var(--line); border-radius:8px; color:var(--green); background:var(--surface); cursor:pointer; font-size:12px; font-weight:600; }
.manual-launcher svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linejoin:round; }
.manual-launcher:hover { background:var(--surface-soft); }
.manual-dialog { width:min(1120px, calc(100vw - 32px)); max-width:none; height:min(820px, calc(100dvh - 40px)); max-height:none; padding:0; border:1px solid var(--line); border-radius:16px; color:var(--ink); background:var(--surface); box-shadow:0 24px 90px #142c3940; overflow:hidden; }
.manual-dialog::backdrop { background:#132d3c80; }
.manual-header { display:flex; justify-content:space-between; align-items:center; padding:20px 26px; border-bottom:1px solid var(--line); height:94px; }
.manual-header p { margin:0 0 6px; color:var(--muted); font-size:10px; letter-spacing:.15em; font-weight:700; }
.manual-header h2 { margin:0; font-size:23px; }
.manual-header button { width:38px; height:38px; border:1px solid var(--line); border-radius:9px; background:var(--surface); color:var(--ink); font-size:25px; cursor:pointer; }
.manual-layout { display:grid; grid-template-columns:255px minmax(0,1fr); height:calc(100% - 94px); }
.manual-sidebar { padding:22px 16px; background:var(--canvas); border-right:1px solid var(--line); overflow:auto; }
.manual-sidebar label { display:block; font-size:12px; font-weight:600; margin-bottom:9px; }
.manual-sidebar input { width:100%; min-width:0; padding:11px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); font-size:12px; }
#manualResultCount { font-size:11px; color:var(--muted); margin:12px 0; }
#manualIndex { display:grid; gap:4px; }
#manualIndex button { display:flex; align-items:center; gap:10px; width:100%; padding:12px 10px; border:0; border-radius:8px; background:transparent; color:var(--ink); text-align:left; font:inherit; font-size:12px; cursor:pointer; }
#manualIndex button span { font-size:10px; opacity:.7; }
#manualIndex button:hover { background:var(--surface-soft); }
#manualIndex button[aria-current] { background:var(--green); color:white; font-weight:600; }
.manual-article { padding:30px 36px; overflow:auto; overscroll-behavior:contain; line-height:1.65; font-size:14px; }
.manual-article h3 { margin:0 0 10px; font-size:28px; line-height:1.2; }
.manual-article h4 { margin:26px 0 10px; font-size:17px; }
.manual-kicker { margin:0 0 10px; color:var(--muted); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.manual-intro { color:var(--muted); margin:0 0 22px; }
.manual-article figure { margin:20px 0; }
.manual-article img { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:12px; }
.manual-article figcaption { color:var(--muted); font-size:11px; margin-top:7px; }
.manual-article ol { padding-left:23px; }
.manual-article li { padding-left:5px; margin:8px 0; }
.manual-note { padding:14px 18px; background:var(--surface-soft); border-left:3px solid var(--green-2); border-radius:0 8px 8px 0; }
.manual-footer { display:flex; justify-content:space-between; gap:12px; border-top:1px solid var(--line); margin-top:28px; padding-top:18px; }
.manual-footer button { padding:10px 14px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); cursor:pointer; }
.manual-dialog :focus-visible { outline:3px solid var(--green-2); outline-offset:3px; }
@media(max-width:760px) { .manual-launcher { padding:8px; } .manual-launcher span { display:none; } .manual-dialog { width:calc(100vw - 16px); height:calc(100dvh - 16px); } .manual-layout { grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr); } .manual-sidebar { padding:12px 16px; border-right:0; border-bottom:1px solid var(--line); overflow:hidden; } #manualIndex { display:flex; overflow-x:auto; padding-bottom:5px; } #manualIndex button { width:auto; white-space:nowrap; padding:9px 12px; } #manualResultCount { margin:7px 0; } .manual-article { padding:22px 20px; } .manual-article h3 { font-size:24px; } .manual-header { padding:16px 20px; } }