/* Original 1920 × 1080 compositions, presented in the shared materials-card style. */
:root{--page-width:1180px;--sheet-bg:#fff;--sheet-ink:#182339;--sheet-muted:#69778d;--sheet-accent:#2563eb;--sheet-line:#e1e7f0;--sheet-soft:#f7f9fc;--code-bg:#f5f6f8;--code-border:#e1e7f0;--sheet-title:54px;--sheet-body:30px;--sheet-label:26px}
body{background:#f7f9fc;color:var(--ink)}
main{width:min(var(--page-width),calc(100% - 48px));margin:24px auto 40px}
#assembly-sheets{display:flex;flex-direction:column;gap:32px}
.assembly-sheet{position:relative;width:100%;aspect-ratio:16/9;background:var(--sheet-bg);border:1px solid var(--sheet-line);border-radius:11px;box-shadow:none;scroll-margin-top:12px;overflow:hidden;container-type:inline-size}
.sheet-canvas{position:absolute;left:0;top:0;width:1920px;height:1080px;transform:scale(var(--sheet-scale,1));transform-origin:top left;background:var(--sheet-bg);--ink:var(--sheet-ink);--muted:var(--sheet-muted);--accent:var(--sheet-accent);--line:var(--sheet-line);font-family:var(--font);font-weight:400;line-height:1.3;color:var(--sheet-ink)}
@supports (zoom:calc(1px / 1px)){.sheet-canvas{transform:none;zoom:calc(100cqw / 1920px)}}
.sheet-canvas .layout-block{position:absolute;pointer-events:none}
.original-heading{position:absolute;left:46px;top:32px;width:1829px;height:131px;border-bottom:2px solid var(--sheet-line)}
.original-number{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:83px;height:41px;color:#fff;background:var(--sheet-accent);font-size:26px;font-weight:600;border-radius:11px}
.original-stage{position:absolute;left:97px;top:5px;color:var(--sheet-muted);font-size:26px;line-height:36px}
.original-heading h2{position:absolute;left:0;top:46px;margin:0;font-size:var(--sheet-title);font-weight:600;line-height:1.3;white-space:nowrap;letter-spacing:0}
.sheet-canvas .original-illustration{position:absolute;display:block;stroke:none;fill:none;overflow:hidden}
.original-text{position:absolute;margin:0;padding:0;white-space:pre;line-height:1.3;font-weight:400;transform-origin:left center}
.operation-number{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:0;background:transparent;color:var(--sheet-muted);font-size:24px;line-height:1}
.original-arrow{position:absolute;color:var(--sheet-muted);font-size:40px;text-align:center;line-height:1}
.terminal-guide{--ink:var(--sheet-ink);--muted:var(--sheet-muted);--accent:var(--sheet-accent);--line:var(--sheet-line);width:100%;margin:32px auto 0;padding:40px;background:var(--sheet-bg);border:1px solid var(--sheet-line);border-radius:11px;box-shadow:none;color:var(--sheet-ink)}
@media(max-width:700px){main{width:calc(100% - 24px);margin-top:12px}#assembly-sheets{gap:12px}.assembly-sheet{scroll-margin-top:6px}.terminal-guide{padding:20px 16px;margin-top:20px}}
@media print{body{background:white}main{width:100%;margin:0}#assembly-sheets{gap:0}.assembly-sheet{break-before:page;break-inside:avoid;border:0;box-shadow:none}.assembly-sheet:first-child{break-before:auto}.terminal-guide{border:0;box-shadow:none}}

.manual-text{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--sheet-muted);white-space:nowrap}

/* Neutral UI colors are separate from the source illustrations and tendon colors. */
.sheet-canvas .original-text:not(.is-colored){color:var(--ink)!important;}
.sheet-canvas .original-text{font-family:var(--font);font-variant-numeric:tabular-nums;letter-spacing:0;transform:none}
.sheet-canvas .original-text.is-muted{color:var(--muted)!important}
.sheet-canvas h2,.sheet-canvas .overview-title{font-size:var(--sheet-title)!important;font-weight:600!important;letter-spacing:0!important}
.sheet-canvas .overview-number,.sheet-canvas .original-number{background:var(--accent)}
.sheet-canvas .overview-table,.sheet-canvas .inventory-table,.sheet-canvas .trial33b-table table{font-variant-numeric:tabular-nums}
.sheet-canvas .inventory-table .part-label{font-size:24px}
.sheet-command{position:absolute;margin:0;padding:14px 132px 14px 18px;border:1px solid var(--code-border);border-radius:6px;background:var(--code-bg);color:var(--ink);overflow:visible;white-space:pre}
.sheet-command code{display:block;margin:0;padding:0;white-space:pre;font-family:var(--mono);font-size:24px;font-weight:400;line-height:32px;letter-spacing:0;background:none;color:inherit}
.sheet-copy{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;min-width:100px;height:44px;padding:4px 14px;border:1px solid var(--code-border);border-radius:5px;background:#fff;color:var(--muted);font-family:var(--font);font-size:22px;font-weight:400;line-height:1.2;white-space:nowrap}
.sheet-command--compact{padding-top:4px;padding-bottom:4px}
.sheet-command--compact .sheet-copy{height:32px}
.sheet-command--config{padding-top:10px;padding-bottom:10px}
.sheet-command--long code{font-size:22px}
.sheet-copy:hover,.inline-copy:hover{background:#eef3ff;color:var(--sheet-accent)}
.sheet-copy:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.terminal-content pre{background:var(--code-bg);border-color:var(--code-border)}
.terminal-content code{background:#f0f2f5;font-family:var(--mono)}
.terminal-content pre code{background:none}
.inline-copy{background:#fff;border:1px solid var(--code-border)}
@media print{.sheet-copy{display:none}.sheet-command{padding-right:18px}}

/* Inventory headers use the same badge while retaining their source coordinates. */
.sheet-canvas .inventory-number{background:var(--sheet-accent)!important;border-radius:11px;clip-path:none!important;font-weight:600}
.sheet-canvas .inventory-stage{color:var(--sheet-muted)!important}
.sheet-canvas h2{color:var(--sheet-ink)!important}
.sheet-canvas .overview-range{color:var(--sheet-accent)}
.sheet-canvas .overview-table .overview-action strong{font-weight:600}
.sheet-canvas .overview-table th{font-weight:600}
.sheet-canvas .inventory-table thead th{font-weight:600}
.sheet-canvas .tendon-map-sheet .map-number{background:var(--sheet-accent);border-radius:11px;clip-path:none;font-weight:600}
.sheet-canvas .tendon-map-sheet .map-panel-title{font-weight:600}
/* Colored tendon identifiers and raster diagram colors intentionally remain unchanged. */
.terminal-guide>header{border-bottom-color:var(--sheet-line)}
.terminal-guide>header h2{font-size:32px;font-weight:650;letter-spacing:-.5px;line-height:1.4;color:var(--sheet-ink)}
.terminal-guide>header p{color:var(--sheet-muted)}
.terminal-content h2,.terminal-content h3{color:var(--sheet-ink);font-weight:600}
.terminal-content #terminal-title{margin:0 0 20px;padding:0;border:0;font-size:32px;font-weight:650;line-height:1.4;letter-spacing:-.5px}
.terminal-content th{background:var(--sheet-soft);color:var(--sheet-ink)}
.terminal-content th,.terminal-content td{border-color:var(--sheet-line)}
.terminal-content pre,.command-block{border-radius:8px;background:var(--code-bg);border-color:var(--code-border)}
.terminal-guide .command-block>div{border-color:var(--code-border)}
.terminal-guide a{color:var(--sheet-accent)}
.terminal-guide .inline-copy{border-radius:6px;color:var(--sheet-muted)}
@media(max-width:700px){.terminal-guide>header h2,.terminal-content #terminal-title{font-size:27px}.assembly-sheet,.terminal-guide{border-radius:11px}}