.manual-reader {
  --manual-bg: #f5f7f6; --manual-paper: #fff; --manual-text: #1c333b; --manual-muted: #536971;
  --manual-line: #d3dfdf; --manual-accent: #087a67; --manual-warning: #fff2d4;
  color: var(--manual-text); background: var(--manual-bg); font: 16px/1.65 "Segoe UI", system-ui, sans-serif;
  color-scheme: light; text-align: left;
}
.manual-overlay { position: fixed; inset: 0; z-index: 2000; overflow: auto; overscroll-behavior: contain; }
.manual-page { margin: 0; }
.manual-reader *, .manual-reader *::before, .manual-reader *::after { box-sizing: border-box; }
.manual-header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 32px; background: var(--manual-paper); border-bottom: 1px solid var(--manual-line); }
.manual-brand { display: block; color: var(--manual-accent); font-size: 13px; font-weight: 700; letter-spacing: .03em; }
.manual-reader h1 { font-size: 24px; line-height: 1.3; margin: 4px 0 0; color: var(--manual-text); }
.manual-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.manual-reader button, .manual-reader input { font: inherit; }
.manual-reader button, .manual-language a { padding: 7px 12px; border: 1px solid var(--manual-line); border-radius: 8px; background: var(--manual-paper); color: var(--manual-text); cursor: pointer; text-decoration: none; }
.manual-reader button:hover, .manual-language a:hover { border-color: var(--manual-accent); }
.manual-close { font-weight: 700 !important; }
.manual-reader a { color: var(--manual-accent); }
.manual-reader :focus-visible { outline: 3px solid var(--manual-accent); outline-offset: 3px; }
.manual-layout { display: grid; grid-template-columns: 235px minmax(0, 960px); gap: 40px; max-width: 1320px; margin: 0 auto; padding: 32px; align-items: start; }
.manual-toc { position: sticky; top: 118px; display: flex; flex-direction: column; gap: 6px; max-height: calc(100vh - 140px); overflow: auto; padding: 4px; font-size: 14px; }
.manual-toc label { display: grid; gap: 6px; margin-bottom: 18px; font-weight: 600; }
.manual-toc input { width: 100%; min-width: 0; background: var(--manual-paper); color: var(--manual-text); border: 1px solid var(--manual-line); border-radius: 8px; padding: 8px 10px; }
.manual-toc a { display: block; border-left: 2px solid transparent; text-decoration: none; padding: 5px 8px; border-radius: 4px; }
.manual-toc a:hover { border-color: var(--manual-accent); background: var(--manual-paper); }
.manual-content { min-width: 0; }
.manual-intro { color: var(--manual-muted); padding: 4px 0 24px; border-bottom: 1px solid var(--manual-line); }
.manual-intro p { margin: 0 0 8px; font-size: 18px; }
.manual-section { padding: 28px 0; border-bottom: 1px solid var(--manual-line); scroll-margin-top: 115px; }
.manual-reader h2 { font-size: 23px; line-height: 1.4; margin: 0 0 18px; color: var(--manual-text); }
.manual-reader p { margin: 0 0 16px; }
.manual-reader ol, .manual-reader ul { padding-left: 26px; margin: 18px 0; }
.manual-reader li { margin: 0 0 10px; padding-left: 4px; }
.manual-reader figure { margin: 26px 0 8px; }
.manual-reader picture { display: block; }
.manual-reader img { display: block; width: 100%; height: auto; border: 1px solid var(--manual-line); border-radius: 10px; background: var(--manual-paper); }
.manual-reader figcaption { color: var(--manual-muted); font-size: 14px; margin-top: 10px; }
.manual-warning { background: var(--manual-warning); border-left: 4px solid #c48d25; border-radius: 6px; padding: 15px 18px; margin: 20px 0; font-weight: 600; }
.manual-language { display: flex; gap: 5px; }
.manual-language [aria-current="page"] { color: var(--manual-accent); font-weight: 700; }
@media (prefers-color-scheme: dark) {
  .manual-page { --manual-bg:#111b20; --manual-paper:#1b2c33; --manual-text:#e0ebee; --manual-muted:#afc2c9; --manual-line:#344e58; --manual-accent:#67d1b8; --manual-warning:#3d321c; color-scheme:dark; }
}
html[data-theme="dark"] .manual-overlay { --manual-bg:#111b20; --manual-paper:#1b2c33; --manual-text:#e0ebee; --manual-muted:#afc2c9; --manual-line:#344e58; --manual-accent:#67d1b8; --manual-warning:#3d321c; color-scheme:dark; }
@media (max-width: 900px) {
  .manual-layout { grid-template-columns: 190px minmax(0,1fr); gap: 24px; padding: 24px; }
  .manual-header { padding: 16px 24px; }
}
@media (max-width: 640px) {
  .manual-header { position: relative; flex-direction: column; align-items: flex-start; gap: 12px; padding: 18px; }
  .manual-layout { display: block; padding: 20px; }
  .manual-toc { position: static; max-height: none; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--manual-line); }
  .manual-reader h1 { font-size: 22px; }
  .manual-reader h2 { font-size: 21px; }
  .manual-section { scroll-margin-top: 15px; }
}
@media print {
  body[data-manual-open="true"] { height: auto; overflow: visible; }
  body[data-manual-open="true"] .app-shell { display: none !important; }
  .manual-overlay { position: static; overflow: visible; }
  .manual-reader { --manual-bg:#fff; --manual-paper:#fff; --manual-text:#000; --manual-muted:#333; --manual-line:#ccc; color:#000 !important; background:#fff !important; font-size:11pt; }
  .manual-header { position: static; padding: 0 0 15px; }
  .manual-actions, .manual-toc { display: none; }
  .manual-layout { display:block; max-width:none; padding:0; }
  .manual-section { break-inside:auto; }
  .manual-reader h2 { break-after:avoid; }
  .manual-reader figure, .manual-warning { break-inside:avoid; }
}