/* Manual only: a printed operator's manual, paper on the deep green page. base.css stays as it is.
   Paper #e7e6d8 and ink #14201a; the lamp colour is used only by the lit run lamp in View E. */
:root{--warn:#e3880b;--caut:#f2cf1d;--note:#1f5f8b}

.manual{padding-top:32px}
.print-hint{max-width:42em;margin-bottom:16px;font-size:15px;line-height:20px}

/* ---- The sheet. Left-set, never centred; it holds its own measure. */
.paper{background:var(--paper);color:var(--ink);max-width:calc(1080px + 2 * var(--edge));margin-inline:calc(-1 * var(--edge));padding:clamp(20px,4vw,56px) var(--edge);font-size:17px;line-height:1.5}
.paper a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.paper a:hover{text-decoration-thickness:2px}
.paper a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.paper p+p{margin-top:12px}
.mono{font-family:var(--mono);font-size:13.5px}
.n{font-family:var(--mono);font-size:13.5px;font-weight:400}

.run{display:flex;flex-wrap:wrap;gap:4px 24px;padding-bottom:8px;margin-bottom:40px;border-bottom:1px solid var(--ink);font-size:13.5px;line-height:20px}
.run .mono{font-size:13.5px}

/* ---- Document block. */
.docblock h1{font-size:clamp(40px,6.4vw,92px);color:var(--ink);max-width:11em}
.docblock .lead{margin-top:20px;max-width:34em}
.ident{margin:32px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--ink);border:1px solid var(--ink)}
.ident>div{background:var(--paper);padding:10px 14px;min-width:0}
.ident dt{font-size:13.5px;line-height:20px}
.ident dd{margin:2px 0 0}
.toc{margin-top:40px}
.toc ol{list-style:none;margin:12px 0 0;padding:0;columns:2;column-gap:40px;max-width:40em}
.toc li{break-inside:avoid;padding:2px 0}
.toc .n{display:inline-block;width:2em}
.doc-h{margin:0;font-size:1em;font-weight:700;line-height:1.4}

/* ---- Numbered sections: the number and title in a left column, the matter beside it. */
.sec{margin-top:72px;padding-top:16px;border-top:2px solid var(--ink);display:grid;grid-template-columns:minmax(0,15em) minmax(0,1fr);column-gap:40px}
.sec h2{margin:0;font-size:26px;line-height:1.15;font-weight:700;letter-spacing:-.01em}
.sec h2 .n{display:block;margin-bottom:6px;font-size:13.5px;line-height:1}
.sec-body{max-width:40em;min-width:0}
.sec-body.wide{max-width:58em}
.directive{padding-left:12px;border-left:3px solid var(--ink)}
.sec-body>.directive+*{margin-top:24px}
.sec-body>p+.partlist,.sec-body>p+.fig{margin-top:20px}

/* ---- Safety messages, ANSI Z535 style: a signal-word band over hazard, consequence, avoidance.
   Warning and Caution carry the alert triangle; Notice does not. No Danger anywhere. */
.msg{--band:var(--warn);margin-top:20px;border:2px solid var(--ink)}
.msg.caution{--band:var(--caut)}
.msg.notice{--band:var(--note)}
.sig{display:flex;align-items:center;gap:10px;padding:6px 14px;background:var(--band);color:var(--ink)}
.msg.notice .sig{color:var(--paper)}
.sig svg{display:block;width:26px;height:24px}
.sig .tri{fill:var(--ink)}
.sig .bang{stroke:var(--band);stroke-width:2.2;fill:none}
.sig .sw,.embedded .sw{font-weight:700;letter-spacing:.07em;text-transform:uppercase;font-size:15px;line-height:20px}
.mbody{padding:14px 16px 16px}
.mbody h3{margin:0 0 12px;font-size:20px;line-height:1.25;font-weight:700}
.mbody dl{margin:0;display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:8px 16px;font-size:16px;line-height:1.45}
.mbody dt{font-weight:700}
.mbody dd{margin:0}
.embedded{margin-top:12px;padding-left:10px;border-left:6px solid var(--warn);font-size:16px}
.embedded.caution-line{border-left-color:var(--caut)}
.embedded .sw{margin-right:6px}

/* ---- Parts and figures: ink on paper, the same part numbers as the Pedal page. */
.partlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 16px;font-size:15px;line-height:20px}
.partlist .mono{display:inline-block;width:2.2em;font-size:13.5px}
.fig{margin:0}
.fig svg{display:block;width:100%;max-width:420px;height:auto;border:1px solid var(--ink);padding:8px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:miter}
.fig figcaption{margin-top:8px;font-size:15px;line-height:20px}
.fig .solid{fill:var(--paper)}
.fig .bar{stroke-width:1.5}
.fig .hid{stroke-width:1;stroke-dasharray:6 4}
.fig .pin,.fig .dot{fill:var(--ink)}
.fig .sp{stroke-width:1.2}
.fig .cab{stroke-width:4.5;stroke-linecap:round}
.fig .lens{fill:var(--paper)}
.fig .lens.lit{fill:var(--lamp)}
.fig .lead line{stroke-width:1}
.fig .bln{fill:var(--paper);stroke-width:1.2}
.fig text{font:400 11px/1 var(--mono);fill:var(--ink);stroke:none}

.steps{list-style:none;margin:0;padding:0}
.steps>li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:16px 32px;align-items:start;margin-top:32px}
.steps>li:first-child{margin-top:0}
.steps>li:not(:has(.fig)){grid-template-columns:minmax(0,1fr)}
.sn{font-family:var(--mono);font-size:13.5px;font-weight:700;margin-right:8px}
.sec-body:has(.steps) .fig svg{max-width:300px}

/* ---- Troubleshooting: Symptom / Probable cause / Remedy. */
.trouble{width:100%;border-collapse:collapse;font-size:16px;line-height:1.4}
.trouble th,.trouble td{padding:12px 16px 12px 0;text-align:left;vertical-align:top;font-weight:400;border-bottom:1px solid var(--ink)}
.trouble thead th{padding-bottom:8px;border-bottom:2px solid var(--ink);font-size:13.5px;line-height:20px;font-weight:700}
.trouble tbody th{font-weight:700;width:30%}
.trouble td{width:35%}
.trouble.hist tbody th{width:4em}
.trouble.hist td:nth-child(2){width:9em;white-space:nowrap}
.end{margin-top:24px;font-family:var(--mono);font-size:13.5px}

@media (max-width:1000px){
  .sec{display:block}
  .sec h2{margin-bottom:20px}
  .sec h2 .n{display:inline;margin:0 12px 0 0}
  .ident{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps>li{grid-template-columns:minmax(0,1fr)}
  .partlist{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .manual{padding-top:24px}
  .paper{margin-inline:calc(-1 * var(--edge));padding:20px var(--edge) 40px;font-size:16px}
  .ident{grid-template-columns:minmax(0,1fr)}
  .toc ol{columns:1}
  .sec{margin-top:56px}
  .mbody dl{grid-template-columns:minmax(0,1fr);gap:0}
  .mbody dd{margin-bottom:10px}
  .partlist{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trouble thead{position:absolute;width:1px;height:1px;overflow:clip;clip-path:inset(50%)}
  .trouble,.trouble tbody,.trouble tr,.trouble th,.trouble td{display:block;width:100%!important}
  .trouble tr{padding:12px 0;border-bottom:1px solid var(--ink)}
  .trouble th,.trouble td{padding:0 0 6px;border:0}
  .trouble tbody th{margin-bottom:2px}
  .trouble td::before{content:attr(data-l);display:block;font:400 12px/1.6 var(--mono)}
  .trouble tbody th::before{content:attr(data-l);display:block;font:400 12px/1.6 var(--mono)}
}

/* ---- Print: an A5 booklet, ink on white. Nav, header and colophon are hidden, no URLs are printed,
   every numbered section starts a page, and a running head and folio sit in the page margins. */
@page{size:A5;margin:14mm 12mm 16mm}
@page{@top-left{content:"TRD-M-001  Revision A";font:8pt "Commit Mono",monospace;color:#14201a}@bottom-right{content:counter(page) " / " counter(pages);font:8pt "Commit Mono",monospace;color:#14201a}}
@media print{
  :root{--band:#fff;--lamp:#14201a;--paper:#fff;--warn:#fff;--caut:#fff;--note:#fff}
  html,body{background:#fff;color:#14201a}
  body.shell{min-height:0;padding:0;display:block;font-size:10pt}
  .shell-head,.colophon,.print-hint,.run,.back{display:none!important}
  .manual{padding:0}
  .paper{max-width:none;padding:0;margin:0;background:#fff;font-size:10pt;line-height:1.45}
  .docblock h1{font-size:34pt;max-width:none}
  .ident{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toc ol{columns:1}
  .toc a{text-decoration:none}
  .sec{display:block;margin-top:0;padding-top:0;border-top:0;break-before:page}
  .sec h2{font-size:16pt;margin-bottom:12pt}
  .sec h2 .n{display:inline;margin-right:8pt}
  .sec-body,.sec-body.wide{max-width:none}
  .msg{break-inside:avoid;border:2pt solid #14201a}
  .msg.caution{border-width:1.2pt}
  .msg.notice{border:1pt dashed #14201a}
  .sig,.msg.notice .sig{background:#fff;color:#14201a;border-bottom:1pt solid #14201a}
  .sig .bang{stroke:#fff}
  .mbody dl{grid-template-columns:7em minmax(0,1fr);font-size:9.5pt}
  .embedded{border-left:4pt solid #14201a}
  .embedded.caution-line{border-left-width:2pt}
  .steps>li{grid-template-columns:minmax(0,1fr) 40mm;break-inside:avoid;gap:8pt 12pt}
  .fig svg{max-width:100mm}
  .steps .fig svg{max-width:100%}
  .fig .lens{fill:#fff}
  .fig .lens.lit{fill:#14201a}
  .partlist{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trouble{font-size:9pt;break-inside:auto}
  .trouble tr{break-inside:avoid}
  .trouble thead{position:static;width:auto;height:auto;clip-path:none}
  .trouble,.trouble tbody,.trouble tr,.trouble th,.trouble td{display:revert;width:auto!important}
  .trouble tbody th{width:30%!important}
  .trouble td{width:35%!important}
  .trouble td::before,.trouble tbody th::before{display:none}
  .trouble th,.trouble td{padding:5pt 8pt 5pt 0;border-bottom:.6pt solid #14201a}
  .trouble tr{padding:0;border:0}
  .paper a{text-decoration:none}
}