:root{--ink:var(--tb-ink);--muted:var(--tb-muted);--line:var(--tb-rule);--mint:var(--tb-tint);--amber:#86530b;--honey:#fff2cf;--canvas:var(--tb-pale);font-family:var(--tb-sans);font-size:15px;color:var(--ink);background:var(--canvas);font-variant-numeric:tabular-nums}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button{background:none;border:0}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #4577e6;outline-offset:3px}button:disabled{opacity:.48}h1,h2,h3,p,dl,dd,fieldset{margin:0}button,a{ -webkit-tap-highlight-color:transparent}svg.ic,.topbar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}.sr,.skip:not(:focus){position:absolute;overflow:hidden;clip-path:inset(50%);width:1px;height:1px;white-space:nowrap}.skip:focus{position:absolute;z-index:3;background:white;color:var(--ink);padding:10px}
.topbar{background:white;color:var(--tb-ink);border-bottom:1px solid var(--line)}.bar-inner{max-width:1480px;margin:auto;min-height:66px;display:flex;align-items:center;padding:0 clamp(18px,3.4vw,53px);gap:16px}.topbar .tb-brand{font-size:30px}.division{height:22px;border-left:1px solid var(--line)}.product{font-size:14px;letter-spacing:.06em;font-weight:650}.topbar nav{display:flex;align-self:stretch;gap:4px;margin-left:24px}.topbar nav a,.guide{position:relative;display:inline-flex;align-items:center;gap:7px;padding:0 12px;color:var(--tb-muted);text-decoration:none;font-size:13px;font-weight:600}.topbar nav a.current{color:var(--tb-blue)}.topbar nav a.current:after{position:absolute;content:"";height:3px;background:var(--tb-blue);bottom:0;left:13px;right:13px}.topbar nav a:hover,.guide:hover{background:var(--tb-pale);color:var(--tb-navy)}.demo-tag{margin-left:auto;border-left:2px solid var(--tb-blue);color:var(--tb-muted);line-height:18px;padding:0 8px;font-size:11px;font-weight:650;white-space:nowrap}.guide{align-self:center;padding:6px 0 6px 8px}
main,.foot{max-width:1480px;margin:0 auto;padding:0 clamp(18px,3.4vw,53px)}main:focus{outline:none}.crumb{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin:20px 0 18px}.crumb a{text-decoration:none}.crumb a:hover{text-decoration:underline}.crumb .ic{width:11px;height:11px}.crumb b{font-weight:600;color:#465064}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.page-heading h1{color:var(--tb-navy);font-family:var(--tb-display);font-size:clamp(26px,2.5vw,36px);line-height:1.22;letter-spacing:.025em;margin-top:4px}.progress{width:160px}.progress>span{display:flex;align-items:baseline;justify-content:space-between;color:var(--muted);font-size:12px}.progress b{color:var(--tb-blue);font:700 21px/1 "Segoe UI",sans-serif}.progress em{font:500 12px/1.2 "Yu Gothic UI",sans-serif;color:var(--muted)}.bars{display:flex;gap:3px;margin-top:7px}.bars i{height:4px;flex:1;background:#dfe4ec;border-radius:1px}.bars .done{background:var(--tb-blue)}
.order-strip{border:1px solid var(--line);border-left:3px solid var(--tb-blue);border-radius:8px;background:#fff;display:flex;align-items:center;gap:clamp(20px,3vw,52px);padding:13px 20px;margin:0 0 18px}.order-identity{display:flex;align-items:center;gap:12px;min-width:20%}.docmark{display:grid;place-items:center;width:37px;height:37px;border-radius:8px;background:var(--tb-tint);color:var(--tb-blue)}.order-identity small,.order-strip dt{display:block;font-size:11px;color:var(--muted);line-height:1.6}.order-identity small span{color:#58667b;font-family:Consolas,monospace}.order-identity strong{font-size:17px;letter-spacing:.035em}.order-strip dl{display:flex;align-items:center;gap:clamp(20px,4vw,70px);border-left:1px solid var(--line);padding-left:clamp(18px,3vw,50px)}.order-strip dd{margin-top:2px;font-size:14px;font-weight:650}.mono{font-family:Consolas,"Yu Gothic UI",monospace;letter-spacing:.015em}
.work-grid{display:grid;grid-template-columns:minmax(0, .96fr) minmax(0,1.04fr);gap:18px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:0 2px 5px #0a163408;min-width:0}.panel-head{display:flex;align-items:center;min-height:54px;border-bottom:1px solid var(--line);gap:10px;padding:10px 17px}.panel-head h2{display:flex;align-items:center;gap:9px;font-size:17px;letter-spacing:.025em}.panel-head h2 .ic{color:var(--tb-navy);width:19px;height:19px}.source-tag,.count{font:600 11px/1.6 "Segoe UI","Yu Gothic UI",sans-serif;color:var(--muted);background:#f0f3f8;border:1px solid var(--line);border-radius:4px;padding:0 5px}.zoom{display:flex;align-items:center;margin-left:auto;gap:1px;color:var(--tb-muted)}.zoom span{min-width:38px;text-align:center;font:500 11px/1 Consolas,monospace}.zoom button,.icon-btn{display:grid;place-items:center;padding:5px;border:1px solid transparent;border-radius:4px}.zoom button:not(:disabled):hover,.icon-btn:hover{background:var(--mint)}.zoom .ic{width:14px;height:14px}.right{margin-left:auto}.badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:650;line-height:20px;border-radius:4px;padding:0 7px;white-space:nowrap}.badge .ic{width:12px;height:12px;stroke-width:2}.amber{background:var(--honey);color:var(--amber)}.green{background:#e6f1e8;color:#2e6243}.neutral{background:#eef1f5;color:#4a5669}
.paper-bed{background:#e8ebf1}.paper-scope{overflow:auto;padding:21px clamp(13px,2.3vw,38px) 22px}.paper{background:#fff;border:1px solid #c7cdd7;box-shadow:0 3px 8px #14203918;position:relative;padding:16px clamp(16px,1.85vw,30px) 17px;color:#282e38;min-height:382px}.paper.zoom-125{width:125%;font-size:1.13em}.paper.zoom-150{width:150%;font-size:1.26em}.faxhead{display:flex;justify-content:space-between;color:#606977;font:10px/1.3 Consolas,"Yu Gothic UI",monospace;letter-spacing:.04em;border-bottom:1px solid #9ba2ad;padding-bottom:7px}.doc-title{text-align:center;margin:12px 0 13px}.doc-title small{font:600 .56em/1.5 Georgia,serif;letter-spacing:.2em;color:#69717e}.doc-title h3{font:600 1.65em/1.3 "Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.28em;text-indent:.28em}.letter{display:flex;gap:10px;align-items:center;margin:0 0 13px}.letter small{display:block;font-size:.62em;color:#596271;margin-bottom:2px}.letter strong{font:600 1.04em/1.5 "Yu Mincho",serif;border-bottom:1px solid #767e8a;padding-bottom:2px}.sender{margin-left:auto;min-width:0}.sender b{font-size:.76em;display:block}.sender span{font-size:.63em;color:#596271}.seal{font:600 .85em/1.2 "Yu Mincho",serif;border:2px double #a96a5d;color:#9d5b50;writing-mode:vertical-rl;letter-spacing:.04em;padding:3px 1px;transform:rotate(-6deg);border-radius:3px}.paper-fields{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #a2a9b5;border-left:1px solid #b8bfca}.paper-fields div{display:flex;border-right:1px solid #b8bfca;border-bottom:1px solid #b8bfca;min-width:0}.paper-fields dt,.paper-fields dd{padding:4px 6px;font-size:.67em}.paper-fields dt{background:#f1f3f6;white-space:nowrap}.paper-fields dd{font-weight:600}.doc-intro{font-size:.68em;margin:14px 0 6px}.paper-table,.queue,.export-preview{border-collapse:collapse;width:100%}.paper-table{font-size:.72em;line-height:1.4}.paper-table th,.paper-table td{border:1px solid #aeb7c3;padding:6px 5px;text-align:left}.paper-table th{font-weight:650;background:#edf0f4}.paper-table :is(th,td):first-child{width:32px;text-align:center;font-family:Consolas,monospace}.paper-table td:nth-child(3){white-space:nowrap}.paper-table td:last-child{font-size:.95em}.paper-table tr.marked td{background:#ffedb1;border-block:1.5px solid #ba842d}.paper-table tr.marked td:first-child{box-shadow:inset 3px 0 #a57525}.paper-table button{font:inherit;width:100%;padding:0;color:inherit;text-decoration:underline;text-decoration-color:#aeb6c4;text-underline-offset:2px}.doc-memo{margin-top:13px;border-bottom:1px solid #bcc3ce;padding-bottom:9px;font-size:.7em}.doc-memo b{color:#4c5564;font-size:.91em}.doc-memo p{margin-top:4px}.paper-end{text-align:right;font-size:.65em;color:#626c7b;margin-top:8px}.panel-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:8px 15px;color:var(--muted);font-size:11px}.panel-foot .ic{width:13px;height:13px;margin-right:5px}
.lines{padding:12px;display:grid;gap:7px}.line-card{border:1px solid var(--line);border-radius:7px;overflow:hidden}.line-card.active{border-color:#c89e51;box-shadow:inset 3px 0 #bf903c}.line-summary{display:flex;align-items:center;text-align:left;gap:10px;width:100%;min-height:51px;padding:8px 11px}.line-summary:hover{background:var(--tb-pale)}.line-card.active .line-summary{background:#fffaec}.lineno{font:600 12px/24px Consolas,monospace;color:#556076;min-width:26px;background:#f0f3f8;border-radius:4px;text-align:center}.active .lineno{background:#f3dfab;color:#73511c}.line-info{min-width:0;flex:1}.line-info strong,.option b{display:block;font-size:14px;line-height:1.5;letter-spacing:.012em}.line-info small,.option small{display:block;font-size:11px;color:var(--muted);line-height:1.45}.line-info i,.option i{font-style:normal;color:#737d8e;margin:0 2px}.line-summary>.ic{width:13px;height:13px;color:#707c8d}.active .line-summary>.ic{transform:rotate(180deg)}.detail{padding:0 12px 12px;background:#fff}.reason{border-top:1px solid #efe4cb;display:flex;align-items:flex-start;gap:6px;padding:9px 0 8px;color:#74551e;font-size:12px;line-height:1.55}.reason .ic{width:14px;height:14px;margin-top:2px}.reason.good{color:#2e6243}fieldset{padding:0;border:none;display:grid;gap:4px;min-width:0}legend,.readonly small{font-size:11px;color:var(--muted);font-weight:600;margin-bottom:5px}.option{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);border-radius:5px;padding:6px 10px;cursor:pointer}.option:hover{border-color:#7495db}.option:has(:checked){border-color:var(--tb-blue);background:var(--tb-tint);box-shadow:inset 0 0 0 1px var(--tb-blue)}.option input{accent-color:var(--tb-blue);width:15px;height:15px;margin:0;flex:none}.option b{font-size:13px}.choose{display:flex;align-items:center;gap:12px;margin-top:10px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:7px 13px;font-size:13px;line-height:1.25;font-weight:650;text-decoration:none;border-radius:5px;border:1px solid transparent}.primary{background:var(--tb-blue);color:#fff}.primary:not(:disabled):hover{background:var(--tb-hover)}.primary:disabled{background:#e4e8ef;color:#596373;opacity:1}.btn .ic,.quiet .ic{width:15px;height:15px}.quiet{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:12px;padding:5px}.quiet:hover{text-decoration:underline}.readonly{display:grid;gap:2px;background:#f2f4f8;border-radius:4px;padding:8px;font-size:12px}.readonly small{margin:0}.export-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);background:var(--tb-pale);padding:11px 15px;font-size:12px;color:var(--muted)}.foot{display:flex;justify-content:space-between;align-items:center;color:var(--tb-muted);font-size:11px;gap:8px;margin:18px auto}.foot b{color:#adb6c4;margin:0 5px}
.active.resolved{border-color:#8eab93;box-shadow:inset 3px 0 #729879}.active.resolved .line-summary,.active.resolved .detail{background:#f3f7ef}.active.resolved .lineno{background:#d9e7d8;color:#36563c}.paper-table .marked.resolved td{background:#e2eddc;border-block-color:#77957b}.paper-table .marked.resolved td:first-child{box-shadow:inset 3px 0 #618269}
.mobile-tabs{display:none}.secondary{background:white;border:1px solid #a5b2c8;color:var(--tb-blue)}.secondary:hover{background:var(--mint)}.list-tools{padding:15px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.filters{display:flex;gap:3px;flex-wrap:wrap}.filters button{border-radius:5px;font-size:13px;font-weight:600;padding:7px 10px;color:var(--tb-muted)}.filters b{font:600 11px/1 Consolas,monospace;margin-left:5px}.filters [aria-pressed=true],.mobile-tabs [aria-pressed=true]{background:var(--tb-tint);color:var(--tb-blue)}.search{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:5px;padding:5px 9px;color:var(--muted)}.search input{border:0;max-width:200px;padding:3px;background:white;font-size:13px}.search .ic{width:15px}.table-scroll{overflow:auto}.queue :is(th,td),.export-preview :is(th,td){text-align:left;padding:12px 15px;border-bottom:1px solid var(--line);white-space:nowrap;font-size:13px}.queue th,.export-preview th{background:#f1f4f9;color:#48546a;font-weight:600;font-size:12px}.queue tr:last-child td{border-bottom:0}.queue td a{color:var(--tb-blue);font-weight:650;text-underline-offset:3px}.queue td small{display:block;font:11px/1.8 Consolas,monospace;color:var(--muted)}.empty{text-align:center;padding:45px 15px;color:var(--muted)}.empty>.ic{width:30px;height:30px;color:#5873a8}.empty h3{margin:8px 0 4px;color:var(--ink)}.empty .btn{margin-top:18px}
dialog{padding:22px 25px 24px;width:min(500px,calc(100% - 28px));color:var(--ink);border:1px solid var(--line);border-radius:6px;box-shadow:0 15px 65px #0917352f}dialog::backdrop{background:#091735e0;opacity:.53}.dlg-head{display:flex;justify-content:space-between;align-items:center}dialog h2{font-size:22px;margin:5px 0 10px}dialog p{font-size:14px;line-height:1.6}dialog .table-scroll{margin:14px 0}.export-preview :is(th,td){padding:7px;font-size:12px}.instructions{margin:12px 0;padding-left:25px}.instructions li{padding-left:3px;margin:10px 0}.instructions li::marker{color:var(--tb-blue);font-weight:700}.instructions b,.instructions span{display:block;font-size:14px}.instructions span,.caption{color:var(--muted)}dialog p.caption{font-size:12px;margin:14px 0}.icon-btn .ic{width:17px;height:17px}
.math{display:grid;gap:4px;background:var(--tb-tint);border:1px solid #cad7f1;border-radius:5px;padding:9px 12px}.math small{font-size:11px;color:var(--muted)}.math strong{font-size:18px;letter-spacing:.03em}.math i{font-style:normal;color:#68768d}.math label{font-size:12px;margin-top:3px}.math input{background:white;border:1px solid #acb8cd;border-radius:4px;width:70px;padding:4px 7px;margin:0 4px;font-weight:650}.paper-scope{container-type:inline-size}.paper.zoom-125,.paper.zoom-150{width:100cqi;font-size:inherit;max-width:none}.paper.zoom-125{zoom:1.25}.paper.zoom-150{zoom:1.5}
/* Keep action, attention and verified status visually distinct. */
.order-strip{background:var(--tb-navy);color:white;border:0;border-radius:5px}
.order-strip dl{border-color:#49546b}.order-identity small,.order-identity small span,.order-strip dt{color:#c2cce0}
.docmark{background:#20345a;color:white}.foot a{color:var(--tb-blue);text-underline-offset:3px}
@media(min-width:1550px){.paper{font-size:16px}.paper.zoom-125,.paper.zoom-150{font-size:16px}.lines{padding:16px}.line-summary{min-height:58px}.paper-scope{padding:26px 40px}.paper{min-height:435px}.paper-table td{padding:8px}.option{padding:8px 10px}}
@media(max-width:1000px){.bar-inner{gap:10px}.topbar nav{margin-left:6px}.work-grid{gap:12px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.paper-scope{padding:14px 11px}.paper{padding:12px}.line-summary{padding:7px;gap:6px}.lines{padding:8px}.detail{padding:0 9px 9px}.order-strip{gap:16px}.order-strip dl{gap:24px}.panel-head{padding:8px 12px}.letter{gap:6px}}
@media(max-width:760px){.bar-inner{flex-wrap:wrap;gap:9px;padding-top:9px}.topbar .tb-brand{font-size:25px}.division{height:16px}.product{font-size:12px}.topbar nav{order:5;width:100%;margin:0;height:35px;gap:12px}.topbar nav a{padding:0 4px}.topbar nav a.current:after{left:2px;right:2px}.guide span{display:none}.demo-tag{font-size:10px;line-height:20px}.crumb{margin:13px 0}.page-heading{margin-bottom:13px}.progress{width:116px;flex-shrink:0}.progress>span{white-space:nowrap}.order-strip{padding:10px 13px;display:block;margin-bottom:12px}.order-identity{margin-bottom:9px}.order-strip dl{padding:8px 0 0;border-left:0;border-top:1px solid #49546b;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.order-strip dd{font-size:12px}.mobile-tabs{display:flex;gap:4px;margin:0 0 10px}.mobile-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:white;border:1px solid var(--line);border-radius:5px;padding:7px 12px;font-size:13px}.mobile-tabs .ic{width:16px;height:16px}.work-grid{display:block}.show-lines .source,.show-paper .editor{display:none}.panel-head{min-height:46px}.paper-scope{padding:15px}.paper{margin:auto;min-height:370px}.list-tools{padding:10px}.foot{flex-wrap:wrap}.line-summary{padding:9px}.lines{padding:9px}.foot span:first-child{display:none}.filters button{padding:6px}.faxhead{font-size:9px}}
@media(max-width:400px){main,.foot,.bar-inner{padding-left:12px;padding-right:12px}.bar-inner{gap:8px}.paper-scope{padding:9px}.paper{padding:10px}.paper-table :is(th,td){padding:5px 3px}.paper-fields dt,.paper-fields dd{padding:4px}.line-info strong{font-size:13px}.progress{width:110px}.docmark{width:30px;height:30px}}
.choose{flex-wrap:wrap;gap:6px 12px}.edit-link{color:var(--tb-blue);font-weight:650;font-size:12px;padding:7px 2px;text-decoration:underline;text-underline-offset:3px}
.original-line{display:grid;gap:3px;border-left:3px solid var(--tb-blue);background:var(--tb-pale);padding:10px 14px;margin:12px 0 18px}.original-line small,.master-count{color:var(--muted);font-size:12px}.original-line span{font-size:13px}
.correction{display:grid;gap:12px}.correction label{display:grid;gap:5px;font-size:13px;font-weight:650}.correction input,.correction select{border:1px solid #979fac;border-radius:4px;background:white;padding:8px 10px;width:100%;min-width:0;color:var(--ink);font:inherit}.correction select:focus-visible{outline:3px solid #4577e6;outline-offset:2px}.correction .master-count{margin-top:-6px}.edit-qty{display:flex;gap:8px;align-items:center}.edit-qty input{width:7em}.dialog-actions{display:flex;gap:10px;margin-top:5px;flex-wrap:wrap}
@media(max-width:760px){.mobile-tabs button,.choose button,.dialog-actions button{min-height:40px}.line-summary{min-height:44px}dialog{max-height:90dvh;overflow:auto}}
.correction .qty-tip{font-size:12px;color:var(--amber);line-height:1.5;margin:-6px 0 0}.qty-tip:empty{display:none}