/* scm-erp-modules (2026-10-05): the page is a bill of lading.
   Linked only from article-scm-erp-modules.html. One continuous-feed form on manila
   stock, printed in a single red form ink, a carbon set with its copies showing at the edge, laid on
   the corrugated steel wall of a container. Header boxes (shipper, consignee, notify
   party, ports), then each section is a numbered form box. The ten modules are the
   cargo: a manifest with piece numbers, marks, and get-right and watch counts.
   Motion: the seven conversion loads ride a roller conveyor into the container in
   dependency order, then the door rolls down when the count seals it. */

.bl-page{
  --bl-ink:#16150f; --bl-ink2:#33312a; --bl-mut:#6b6660;
  --bl-man:#ece5d4; --bl-crate:#e1ceac;
  --bl-red:#A93A3A; --bl-redh:rgba(169,58,58,.32); --bl-redd:rgba(169,58,58,.5);
  --bl-steel:#16304F; --bl-gold:#B8862F; --bl-copy1:#f7f5f0; --bl-copy2:#dcc89c;
  --bl-off:clamp(4px,.7vw,7px);
}
.bl-page ::selection{background:var(--bl-steel);color:#f7f5f0;}
.bl-page a:focus-visible,.bl-page button:focus-visible{outline:2px solid var(--bl-red);outline-offset:3px;}
.bl .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.bl-page .art-rail{display:none !important;}

/* ---------- the steel wall and the form ---------- */
.bl .bl-dock{
  padding:clamp(1.2rem,3vw,2.8rem) 0 clamp(2.4rem,5vw,4.4rem);
  background-color:var(--bl-steel);
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 3px,rgba(255,255,255,0) 3px 15px,rgba(0,0,0,.18) 15px 21px,rgba(0,0,0,0) 21px 34px);
}
.bl .bl-doc{
  position:relative;display:block;width:min(1100px,calc(100vw - 40px));margin:0 auto;
  background-color:var(--bl-man);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .33 0 0 0 0 .18 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='%75rl(%23n)'/%3E%3C/svg%3E");
  box-shadow:0 2px 0 rgba(22,21,15,.12);
  color:var(--bl-ink2);
}
.bl .bl-dock{position:relative;z-index:0;}
/* the carbon set: two copies under the original, offset down and right */
.bl .bl-doc::before,.bl .bl-doc::after{content:"";position:absolute;inset:0;z-index:-1;border:1px solid rgba(22,21,15,.18);}
.bl .bl-doc::before{background:var(--bl-copy1);transform:translate(var(--bl-off),var(--bl-off));}
.bl .bl-doc::after{background:var(--bl-copy2);transform:translate(calc(var(--bl-off) * 2),calc(var(--bl-off) * 2));z-index:-2;box-shadow:0 18px 40px rgba(5,10,30,.4);}
.bl .bl-in{padding:1.4rem clamp(16px,4.6vw,4rem) clamp(2.4rem,5vw,3.6rem);}

/* the one small-caps label style: form ink */
.bl .bl-lab{margin:0;font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--bl-red);line-height:1.3;}
.bl .bl-lab i{display:inline-block;min-width:1.7em;margin-right:.55em;padding:.05em .3em;border:1px solid var(--bl-red);font-style:normal;letter-spacing:0;text-align:center;font-variant-numeric:tabular-nums;}

.bl a{color:var(--bl-ink);text-decoration:underline;text-decoration-color:var(--bl-redd);text-underline-offset:3px;}
.bl a:hover{text-decoration-color:var(--bl-red);}

/* ---------- form head ---------- */
.bl .bl-top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;}
.bl .bl-top .back-link{margin:0;color:var(--bl-ink2);text-decoration:none;}
.bl .bl-form{margin:0;font-family:var(--serif);font-size:clamp(1.35rem,2.2vw,1.8rem);font-weight:600;letter-spacing:.01em;color:var(--bl-red);}
.bl .bl-head{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:2rem clamp(2rem,5vw,4.5rem);margin-top:.9rem;padding-top:1.6rem;border-top:4px double var(--bl-red);}
.bl .bl-kind{margin-bottom:1rem;}
.bl .bl-head h1{margin:0;max-width:19ch;font-family:var(--serif);font-size:clamp(2.2rem,4.7vw,3.75rem);font-weight:500;line-height:1.04;letter-spacing:-.025em;color:var(--bl-ink);}
.bl .bl-head .dek{max-width:46ch;margin:1.3rem 0 0;font-size:clamp(1.15rem,1.7vw,1.32rem);line-height:1.45;color:var(--bl-ink2);}
.bl .bl-meta{margin:0;align-self:end;border-top:1px solid var(--bl-red);}
.bl .bl-meta div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--bl-redh);}
.bl .bl-meta dd{margin:0;font-family:var(--sans);font-size:.92rem;font-weight:600;color:var(--bl-ink);text-align:right;}

.bl .bl-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:2.2rem;border-top:1.5px solid var(--bl-red);border-left:1px solid var(--bl-red);}
.bl .bl-f{grid-column:span 2;min-width:0;padding:.7rem .95rem 1rem;border-right:1px solid var(--bl-red);border-bottom:1px solid var(--bl-red);}
.bl .bl-w4{grid-column:span 4;}
.bl .bl-contents{grid-row:span 2;}
.bl .bl-val{margin:.4rem 0 0;font-family:var(--sans);font-size:1.02rem;font-weight:600;line-height:1.3;color:var(--bl-ink);}
.bl .bl-sub{margin:.3rem 0 0;font-family:var(--sans);font-size:.86rem;line-height:1.45;color:var(--bl-ink2);}
.bl .bl-big{margin:.6rem 0 0;max-width:54ch;font-family:var(--serif);font-size:clamp(1.15rem,1.7vw,1.32rem);line-height:1.42;color:var(--bl-ink);}
.bl .bl-contents ol{list-style:none;margin:.5rem 0 0;padding:0;font-family:var(--sans);font-size:.88rem;}
.bl .bl-contents li a{display:flex;gap:.6rem;padding:.27rem 0;border-bottom:1px dotted var(--bl-redh);text-decoration:none;color:var(--bl-ink);}
.bl .bl-contents li a:hover{color:var(--bl-red);}
.bl .bl-contents li i{font-style:normal;min-width:1.4rem;color:var(--bl-red);font-variant-numeric:tabular-nums;font-weight:600;}
.bl .bl-claim-in{display:grid;grid-template-columns:minmax(0,1fr) 13rem;gap:1.8rem;margin-top:.6rem;align-items:start;}
.bl .bl-claim-in>p{margin:0;font-family:var(--serif);font-size:1.08rem;line-height:1.6;color:var(--bl-ink2);}

/* weight-style figure lists */
.bl .bl-wt{margin:0;}
.bl .bl-wt div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.45rem 0;border-bottom:1px dotted var(--bl-redd);}
.bl .bl-wt dt{font-family:var(--sans);font-size:.85rem;line-height:1.35;color:var(--bl-ink2);}
.bl .bl-wt dd{margin:0;font-family:var(--sans);font-size:.92rem;font-weight:650;color:var(--bl-ink);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
.bl .bl-wt-lg div{padding:.7rem 0;}
.bl .bl-wt-lg dt{font-family:var(--serif);font-size:1.02rem;}
.bl .bl-wt-lg dd{font-size:1rem;white-space:normal;max-width:11rem;}

/* ---------- form boxes ---------- */
.bl .bl-box{margin-top:clamp(3rem,6vw,4.8rem);padding-top:.7rem;border-top:2px solid var(--bl-red);}
.bl .bl-nature{margin-top:2.4rem;}
.bl .bl-strip{margin-bottom:1.5rem;}
.bl .bl-box h2{max-width:24ch;margin:0 0 1.7rem;font-family:var(--serif);font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:500;line-height:1.1;letter-spacing:-.02em;color:var(--bl-ink);}
.bl .bl-two{display:grid;grid-template-columns:minmax(0,38rem) minmax(0,1fr);gap:2rem clamp(2rem,4.5vw,4.4rem);align-items:start;}
.bl .bl-prose{max-width:38rem;}
.bl .bl-prose p{margin:0 0 1.15rem;font-family:var(--serif);font-size:1.13rem;line-height:1.66;color:var(--bl-ink2);}
.bl .bl-data{padding-top:.25rem;min-width:0;}
.bl .bl-data>.bl-lab{margin-bottom:.65rem;}
.bl .bl-wide{margin:2.2rem 0 1.8rem;}
.bl .bl-gap{margin-top:1.8rem;}
.bl .bl-fine{margin:.6rem 0 0;font-family:var(--sans);font-size:.8rem;color:var(--bl-ink2);}

/* tables, printed in form ink */
.bl .bl-tab{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:.9rem;line-height:1.4;color:var(--bl-ink);}
.bl .bl-tab thead th{padding:.4rem .8rem .45rem 0;text-align:left;vertical-align:bottom;font-size:.8rem;font-weight:600;color:var(--bl-ink2);border-bottom:1.5px solid var(--bl-red);}
.bl .bl-tab thead th small{display:block;font-weight:400;font-size:.78rem;color:var(--bl-ink2);}
.bl .bl-tab td,.bl .bl-tab tbody th{padding:.55rem .8rem .55rem 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--bl-redh);}
.bl .bl-tab tbody th{font-weight:600;font-size:.84rem;color:var(--bl-ink2);width:6.5rem;}
.bl .bl-tab td:last-child{padding-right:0;}
.bl .bl-cmp td{width:42%;}
.bl .bl-edi td{border-bottom-style:dotted;}
.bl .bl-code{width:8.5rem;font-family:var(--mono);font-size:.88rem;color:var(--bl-ink);}
.bl .bl-insp td:last-child{width:15rem;font-weight:600;color:var(--bl-ink);}
.bl .bl-insp .bl-held td{color:var(--bl-ink2);}
.bl .bl-insp .bl-held td:last-child{color:var(--bl-red);}
.bl .bl-pod td:nth-child(2){width:6.5rem;}
.bl .bl-pod td:last-child{width:4.6rem;color:var(--bl-ink2);}
.bl .bl-blank{position:relative;}
.bl .bl-blank::after{content:"";position:absolute;left:0;right:1rem;bottom:.5rem;border-bottom:1px solid var(--bl-ink);}

/* inspection marks */
.bl .bl-defects{list-style:none;margin:0;padding:0;font-family:var(--sans);font-size:.92rem;color:var(--bl-ink);}
.bl .bl-defects li{position:relative;padding:.5rem 0 .5rem 1.7rem;border-bottom:1px dotted var(--bl-redd);}
.bl .bl-defects li::before{content:"";position:absolute;left:0;top:.68rem;width:.85rem;height:.85rem;border:1.5px solid var(--bl-red);
  background:linear-gradient(45deg,transparent 44%,var(--bl-red) 44% 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,var(--bl-red) 44% 56%,transparent 56%);}

/* handling instructions and field remarks */
.bl .bl-notes{display:flex;margin-top:1.9rem;border:1px solid var(--bl-red);}
.bl .bl-note{flex:1 1 0;min-width:0;padding:.9rem 1.2rem 1.1rem;}
.bl .bl-note+.bl-note{border-left:1px solid var(--bl-red);}
.bl .bl-note p:not(.bl-lab){margin:.5rem 0 0;max-width:62ch;font-family:var(--sans);font-size:.95rem;line-height:1.55;color:var(--bl-ink);}
.bl .bl-field p:not(.bl-lab){font-family:var(--serif);font-size:1.05rem;color:var(--bl-ink2);}
.bl .bl-field b{color:var(--bl-ink);font-weight:600;}

/* ---------- the manifest ---------- */
.bl .bl-man{--mc:3.6rem minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr) 6rem;margin-top:1.8rem;border-top:2px solid var(--bl-red);}
.bl .bl-man-h{display:grid;grid-template-columns:var(--mc);gap:0 1.4rem;padding:.55rem 0;border-bottom:1.5px solid var(--bl-red);font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--bl-red);}
.bl .bl-man-h span:last-child{text-align:right;}
.bl .bl-pc{display:grid;grid-template-columns:var(--mc);grid-template-areas:"no desc get watch qty" ". marks marks marks qty";gap:.5rem 1.4rem;padding:1.3rem 0 1.05rem;border-bottom:1px solid var(--bl-red);}
.bl .bl-no{grid-area:no;align-self:start;justify-self:start;margin:.15rem 0 0;min-width:2.4rem;padding:.2rem .45rem;border:1.5px solid var(--bl-ink);font-family:var(--sans);font-size:1.02rem;font-weight:700;text-align:center;color:var(--bl-ink);font-variant-numeric:tabular-nums;}
.bl .bl-desc{grid-area:desc;min-width:0;}
.bl .bl-desc h3{margin:0 0 .35rem;font-family:var(--serif);font-size:1.3rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--bl-ink);}
.bl .bl-desc p{margin:0;font-family:var(--serif);font-size:1.02rem;line-height:1.52;color:var(--bl-ink2);}
.bl .bl-get{grid-area:get;}
.bl .bl-watch{grid-area:watch;}
.bl .bl-get,.bl .bl-watch{list-style:none;margin:0;padding:0;min-width:0;font-family:var(--sans);font-size:.88rem;line-height:1.4;color:var(--bl-ink);}
.bl .bl-get li,.bl .bl-watch li{position:relative;padding:.2rem 0 .3rem 1.15rem;}
.bl .bl-get li::before{content:"";position:absolute;left:0;top:.5rem;width:.55rem;height:.55rem;border:1.5px solid var(--bl-ink);}
.bl .bl-watch li::before{content:"";position:absolute;left:0;top:.5rem;width:.55rem;height:.55rem;background:var(--bl-red);}
.bl .bl-get::before,.bl .bl-watch::before{display:none;}
.bl .bl-qty{grid-area:qty;margin:.2rem 0 0;font-family:var(--sans);font-size:.8rem;line-height:1.7;text-align:right;color:var(--bl-ink2);}
.bl .bl-qty b{font-size:1rem;font-weight:700;color:var(--bl-ink);font-variant-numeric:tabular-nums;margin-right:.25rem;}
.bl .bl-marks{grid-area:marks;margin:.25rem 0 0;padding-top:.55rem;border-top:1px dotted var(--bl-redd);font-family:var(--sans);font-size:.84rem;line-height:1.5;color:var(--bl-ink2);}
.bl .bl-marks .bl-lab{display:inline;margin-right:.6rem;}
.bl .bl-man-t{display:grid;grid-template-columns:var(--mc);gap:0 1.4rem;padding:.75rem 0 .8rem;border-top:3px double var(--bl-red);margin-top:-1px;font-family:var(--sans);font-size:.92rem;font-weight:600;color:var(--bl-ink);}
.bl .bl-man-t span:first-child{font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;color:var(--bl-red);align-self:center;}
.bl .bl-man-t b{font-variant-numeric:tabular-nums;}

/* ---------- the conveyor and the container ---------- */
.bl .bl-yard{--belt:clamp(44px,20%,230px);--cont-h:11.5rem;margin:2.2rem 0 2rem;}
.bl .bl-stage{position:relative;overflow:hidden;padding:2rem 0 2.8rem;}
.bl .bl-tag{position:absolute;top:.2rem;margin:0;font-family:var(--sans);font-size:.78rem;font-weight:600;color:var(--bl-ink2);white-space:nowrap;}
.bl .bl-tag-c{left:0;}
.bl .bl-tag-b{right:0;}
.bl .bl-cont{position:relative;width:calc(100% - var(--belt));height:var(--cont-h);padding:16px 20px 0 10px;border:2px solid var(--bl-ink);border-right:0;
  background:repeating-linear-gradient(90deg,transparent 0 21px,rgba(22,21,15,.07) 21px 23px);}
.bl .bl-cont::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;border-bottom:1px solid var(--bl-ink);
  background:repeating-linear-gradient(90deg,rgba(22,21,15,.55) 0 1px,transparent 1px 7px);}
.bl .bl-cont::after{content:"";position:absolute;left:-2px;right:0;bottom:-10px;height:8px;border:2px solid var(--bl-ink);border-top:0;
  background:repeating-linear-gradient(90deg,var(--bl-ink) 0 2px,transparent 2px 26px);}
.bl .bl-loads{list-style:none;margin:0;padding:0;height:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:end;}
.bl .bl-crate{position:relative;z-index:2;height:8.4rem;display:flex;flex-direction:column;justify-content:space-between;gap:.3rem;padding:.4rem .5rem .5rem;
  border:1.5px solid var(--bl-ink);background-color:var(--bl-crate);
  background-image:linear-gradient(transparent calc(50% - 1px),rgba(22,21,15,.16) calc(50% - 1px) 50%,transparent 50%);
  font-family:var(--sans);color:var(--bl-ink);}
.bl .bl-crate b{font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums;}
.bl .bl-crate span{font-size:.82rem;font-weight:600;line-height:1.2;background:var(--bl-crate);}
.bl .bl-door{position:absolute;right:0;top:9px;bottom:0;width:14px;z-index:3;
  background:repeating-linear-gradient(0deg,var(--bl-ink) 0 2px,var(--bl-ink2) 2px 7px);border-left:1px solid var(--bl-ink);}
.bl .bl-belt{position:absolute;right:0;bottom:calc(2.8rem - 14px);width:var(--belt);height:16px;border-top:2px solid var(--bl-ink);border-bottom:2px solid var(--bl-ink);overflow:hidden;}
.bl .bl-belt svg{display:block;width:100%;height:12px;}
.bl .bl-belt circle{fill:var(--bl-man);stroke:var(--bl-ink);stroke-width:1.2;}
.bl .bl-belt path{stroke:var(--bl-ink);stroke-width:1.2;}
.bl .bl-stage::after{content:"";position:absolute;right:0;width:var(--belt);bottom:calc(2.8rem - 32px);height:16px;
  background:repeating-linear-gradient(90deg,transparent 0 18px,var(--bl-ink) 18px 20px,transparent 20px 40px);}
.bl .bl-seal{position:absolute;right:calc(var(--belt) - 7px);bottom:.2rem;margin:0;padding:.12rem .5rem;border:1px solid var(--bl-red);
  font-family:var(--sans);font-size:.78rem;font-weight:600;color:var(--bl-red);background:var(--bl-man);white-space:nowrap;}
.bl .bl-yard figcaption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem 1.2rem;margin-top:.5rem;padding-top:.55rem;border-top:1px solid var(--bl-redh);font-family:var(--sans);font-size:.88rem;line-height:1.45;color:var(--bl-ink2);}
.bl .bl-ctl{padding:0;border:0;background:none;cursor:pointer;font-family:var(--sans);font-size:.85rem;font-weight:600;color:var(--bl-red);text-decoration:underline;text-underline-offset:3px;}
.bl .bl-ctl[hidden]{display:none;}

/* blackout sequence */
.bl .bl-seq{list-style:none;counter-reset:s;margin:0;padding:0;font-family:var(--sans);font-size:.92rem;line-height:1.4;color:var(--bl-ink);}
.bl .bl-seq li{counter-increment:s;display:grid;grid-template-columns:2rem 1fr;gap:.7rem;align-items:baseline;padding:.5rem 0;border-bottom:1px dotted var(--bl-redd);}
.bl .bl-seq li::before{content:counter(s);text-align:center;padding:.05rem 0;border:1.5px solid var(--bl-ink);font-weight:700;font-size:.82rem;font-variant-numeric:tabular-nums;}

/* release block: the carrier's signature area */
.bl .bl-sign{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr) minmax(0,1fr);margin-top:2.2rem;border:1.5px solid var(--bl-red);}
.bl .bl-sign>*{min-width:0;margin:0;padding:1rem 1.2rem 1.2rem;}
.bl .bl-sign>*+*{border-left:1px solid var(--bl-red);}
.bl .bl-sign-t p:not(.bl-lab){margin:.5rem 0 0;font-family:var(--sans);font-size:.95rem;line-height:1.55;color:var(--bl-ink);}
.bl .bl-checks,.bl .bl-lines{list-style:none;font-family:var(--sans);}
.bl .bl-checks li{position:relative;padding:.42rem 0 .42rem 1.8rem;font-size:.92rem;color:var(--bl-ink);}
.bl .bl-checks li::before{content:"";position:absolute;left:0;top:.5rem;width:1rem;height:1rem;border:1.5px solid var(--bl-ink);}
.bl .bl-lines li{margin-top:1.55rem;padding-top:.25rem;border-top:1px solid var(--bl-ink);font-size:.78rem;color:var(--bl-ink2);}
.bl .bl-lines li:first-child{margin-top:1.1rem;}

/* lead time ranges */
.bl .bl-lead{font-family:var(--sans);font-size:.85rem;color:var(--bl-ink);}
.bl .bl-lead-row{display:grid;grid-template-columns:minmax(0,1fr) 4.2rem;gap:.15rem .8rem;align-items:center;padding:.45rem 0;}
.bl .bl-lead-n{grid-column:1 / -1;}
.bl .bl-lead-bar{grid-column:1;}
.bl .bl-lead-n{color:var(--bl-ink2);line-height:1.3;}
.bl .bl-lead-bar{position:relative;height:12px;background:linear-gradient(var(--bl-redh),var(--bl-redh)) 0 50%/100% 1px no-repeat;}
.bl .bl-lead-bar i{position:absolute;top:0;bottom:0;left:var(--a);right:calc(100% - var(--b));background:var(--bl-steel);}
.bl .bl-lead-v{text-align:right;font-weight:650;font-variant-numeric:tabular-nums;}
.bl .bl-lead-ax{display:flex;justify-content:space-between;margin:0 calc(4.2rem + .8rem) 0 0;padding-top:.3rem;border-top:1px solid var(--bl-ink);font-size:.76rem;color:var(--bl-ink2);font-variant-numeric:tabular-nums;}

/* forecast split */
.bl .bl-fc{display:flex;height:3rem;border:1.5px solid var(--bl-ink);font-family:var(--sans);font-size:.84rem;}
.bl .bl-fc span{display:flex;align-items:center;gap:.35rem;padding:0 .7rem;white-space:nowrap;overflow:hidden;}
.bl .bl-fc b{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;}
.bl .bl-fc-a{flex:0 0 var(--w);background:var(--bl-steel);color:#f7f5f0;}
.bl .bl-fc-e{flex:1 1 auto;color:var(--bl-ink);background:repeating-linear-gradient(45deg,transparent 0 6px,rgba(169,58,58,.22) 6px 8px);}

/* exceptions */
.bl .bl-exc .bl-grp th{padding:1.2rem 0 .4rem;font-size:.7rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--bl-red);border-bottom:1.5px solid var(--bl-red);width:auto;}
.bl .bl-exc .bl-ref{width:2.6rem;font-weight:700;color:var(--bl-red);}
.bl .bl-exc td:nth-child(2){font-weight:600;width:48%;}
.bl .bl-exc td:nth-child(3){color:var(--bl-ink2);}

/* received */
.bl .bl-q{margin:2.4rem 0 0;padding:1.3rem 0 1.4rem;border-top:1px solid var(--bl-red);border-bottom:1px solid var(--bl-red);}
.bl .bl-q p{margin:0;max-width:36ch;font-family:var(--serif);font-size:clamp(1.4rem,2.6vw,1.95rem);font-weight:500;line-height:1.3;color:var(--bl-ink);}
.bl .bl-att{margin-top:2.4rem;padding-top:.8rem;border-top:4px double var(--bl-red);}
.bl .bl-att p:not(.bl-lab){margin:.6rem 0 0;max-width:80ch;font-family:var(--sans);font-size:.9rem;line-height:1.55;color:var(--bl-ink);}
.bl .bl-att .bl-src{font-size:.8rem;color:var(--bl-ink2);}

/* bands after the form */
.bl .bl-kit{padding:clamp(3rem,6vw,4.5rem) 0 0;}
.bl .bl-cta{padding:1.4rem 0 3rem;}

/* ---------- narrower screens ---------- */
@media (max-width:1000px){
  .bl .bl-man{--mc:3rem minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);}
  .bl .bl-man-h span:last-child{display:none;}
  .bl .bl-pc{grid-template-areas:"no desc get watch" ". marks marks marks" ". qty qty qty";}
  .bl .bl-qty{text-align:left;}
  .bl .bl-qty br{display:none;}
  .bl .bl-qty b:last-of-type{margin-left:1rem;}
  .bl .bl-man-t{grid-template-columns:3rem minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);}
}
@media (max-width:860px){
  .bl .bl-head{grid-template-columns:1fr;}
  .bl .bl-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.4rem;}
  .bl .bl-fields{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bl .bl-f,.bl .bl-w4{grid-column:span 2;}
  .bl .bl-contents{grid-row:auto;}
  .bl .bl-contents ol{columns:2;column-gap:1.4rem;}
  .bl .bl-two{grid-template-columns:1fr;}
  .bl .bl-claim-in{grid-template-columns:1fr;gap:1rem;}
  .bl .bl-man-h{display:none;}
  .bl .bl-pc{grid-template-columns:2.8rem minmax(0,1fr);grid-template-areas:"no desc" ". get" ". watch" ". marks" ". qty";gap:.55rem .9rem;}
  .bl .bl-get::before,.bl .bl-watch::before{display:block;margin:.35rem 0 .2rem;font-size:.7rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--bl-red);}
  .bl .bl-get::before{content:"Get right";}
  .bl .bl-watch::before{content:"Watch for";}
  .bl .bl-man-t{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:.35rem 1.4rem;}
  .bl .bl-man-t span:first-child{grid-column:1 / -1;}
  .bl .bl-sign{grid-template-columns:1fr 1fr;}
  .bl .bl-sign-t{grid-column:1 / -1;}
  .bl .bl-sign>*+*{border-left:0;border-top:1px solid var(--bl-red);}
  .bl .bl-sign>.bl-lines{border-left:1px solid var(--bl-red);}
}
@media (max-width:620px){
  .bl .bl-notes{flex-direction:column;}
  .bl .bl-note+.bl-note{border-left:0;border-top:1px solid var(--bl-red);}
  .bl .bl-contents ol{columns:1;}
  .bl .bl-meta{grid-template-columns:1fr;}
  .bl .bl-sign{grid-template-columns:1fr;}
  .bl .bl-sign>.bl-lines{border-left:0;}
  .bl .bl-exc thead{display:none;}
  .bl .bl-exc tr{display:grid;grid-template-columns:2rem minmax(0,1fr);}
  .bl .bl-exc .bl-grp{display:block;}
  .bl .bl-exc .bl-grp th{display:block;}
  .bl .bl-exc td{border-bottom:0;padding-bottom:.15rem;}
  .bl .bl-exc td:nth-child(2){width:auto;}
  .bl .bl-exc td:nth-child(3){grid-column:2;padding-top:0;padding-bottom:.65rem;border-bottom:1px solid var(--bl-redh);}
  .bl .bl-exc .bl-ref{width:auto;}
  .bl .bl-tab{font-size:.86rem;}
  .bl .bl-tab tbody th{width:4.6rem;}
  .bl .bl-insp td:last-child{width:7.5rem;}
  .bl .bl-lead-row{grid-template-columns:minmax(0,1fr) 4rem;}
  .bl .bl-lead-n{grid-column:1 / -1;}
  .bl .bl-lead-bar{grid-column:1;}
  .bl .bl-lead-ax{margin:0 calc(4rem + .8rem) 0 0;}
  .bl .bl-yard{--belt:40px;--cont-h:13.4rem;}
  .bl .bl-cont{padding:12px 17px 0 5px;}
  .bl .bl-loads{gap:3px;}
  .bl .bl-crate{height:11rem;padding:.3rem .15rem .4rem;align-items:center;}
  .bl .bl-crate span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.72rem;line-height:1.15;max-height:9rem;}
  .bl .bl-door{width:11px;}
  .bl .bl-pod td:nth-child(2){width:4.5rem;}
  .bl .bl-cmp thead tr,.bl .bl-cmp tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:.9rem;}
  .bl .bl-cmp thead th:first-child{display:none;}
  .bl .bl-cmp tbody th{grid-column:1 / -1;width:auto;padding:.7rem 0 .1rem;border-bottom:0;}
  .bl .bl-cmp td{width:auto;padding-right:0;}
}

/* ---------- motion: only with JS, only when the reader allows it ---------- */
@media screen and (prefers-reduced-motion:no-preference){
  .bl .bl-yard.armed.ghost .bl-crate,.bl .bl-yard.armed.ghost .bl-door,.bl .bl-yard.armed.ghost .bl-seal{opacity:.2;}
  .bl .bl-yard.armed.run .bl-crate.wait{opacity:0;}
  .bl .bl-yard.armed .bl-door{transition:clip-path .8s cubic-bezier(.6,0,.3,1),opacity .3s;}
  .bl .bl-yard.armed.run.open .bl-door{clip-path:inset(0 0 100% 0);}
  .bl .bl-yard.armed .bl-seal{transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.1,1);}
  .bl .bl-yard.armed.run .bl-seal.off{opacity:0;transform:translateY(6px);}
  .bl .bl-yard.armed .sp{transform-box:fill-box;transform-origin:center;}
  .bl .bl-yard.armed.run.roll .sp{animation:bl-spin .55s linear infinite;}
  @keyframes bl-spin{to{transform:rotate(-360deg);}}
}

@media print{
  .bl .bl-dock{background:#fff;padding:0;}
  .bl .bl-doc{width:auto;box-shadow:none;background:#fff;}
  .bl .bl-doc::before,.bl .bl-doc::after{display:none;}
  .bl .bl-in{padding:0;}
  .bl-page .reveal{opacity:1 !important;transform:none !important;}
  .bl .bl-pc,.bl .bl-notes,.bl .bl-sign,.bl .bl-yard{break-inside:avoid;}
  .bl .bl-box h2{break-after:avoid;}
  .bl .bl-ctl{display:none !important;}
}

/* ---------- restored images (2026-10-05) ----------
   Two of the live article's pictures: the cover on a dark band (the steel
   showing through the form, edge to edge of the sheet) and an inset beside a
   paragraph. QA 2026-10-05 cut three charts that repeated native tables. */
.bl .bl-in{--bl-pad:clamp(16px,4.6vw,4rem);}
.bl .bl-img{margin:2.2rem 0 2rem;}
.bl .bl-img img{display:block;width:100%;height:auto;}
.bl .bl-img figcaption{margin-top:.5rem;padding-top:.55rem;border-top:1px solid var(--bl-redh);font-family:var(--sans);font-size:.88rem;line-height:1.45;color:var(--bl-ink2);}
/* D: dark band across the full sheet */
.bl .bl-band{margin-left:calc(-1 * var(--bl-pad));margin-right:calc(-1 * var(--bl-pad));padding:clamp(1.4rem,4vw,2.6rem) var(--bl-pad) clamp(1.1rem,2.6vw,1.6rem);background:#232f45;}
.bl .bl-band img{max-width:58rem;margin:0 auto;}
.bl .bl-band figcaption{max-width:58rem;margin:.7rem auto 0;border-top-color:rgba(236,229,212,.28);color:#e6dfcd;}
.bl .bl-band-hero{margin-top:clamp(2rem,4vw,3rem);margin-bottom:0;}
.bl .bl-band-hero + .bl-box{margin-top:clamp(2.2rem,4.5vw,3.4rem);}
/* C: inset beside a paragraph run */
.bl .bl-inset{display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);gap:1.4rem clamp(1.6rem,3.6vw,3rem);align-items:start;margin:.6rem 0 2rem;}
.bl .bl-inset .bl-img{margin:0;}
.bl .bl-inset .bl-prose{padding-top:.2rem;}
@media (max-width:860px){
  .bl .bl-inset{grid-template-columns:1fr;}
}
@media print{
  .bl .bl-band{margin-left:0;margin-right:0;padding:0;background:none;}
  .bl .bl-band figcaption{color:var(--bl-ink2);border-top-color:var(--bl-redh);}
  .bl .bl-img{break-inside:avoid;}
}
@media (max-width:620px){
  .bl .bl-band{padding:1.1rem 8px .9rem;}
  .bl .bl-band figcaption{padding-left:calc(var(--bl-pad) - 8px);padding-right:calc(var(--bl-pad) - 8px);}
}

/* ==========================================================================
   Color 2026-10-09. Lead red: the bright red #e5322d joins the deep red form
   ink for figures, stamps and the hold zone. Gold marks adoption and the
   short lead time; steel marks the recovery. Big red figures stay at display
   size so they clear 3:1 on manila.
   ========================================================================== */
.bl-page{--bl-hot:#e5322d;--bl-hot-t:rgba(229,50,45,.075);--bl-pad:clamp(16px,4.6vw,4rem);}

/* claim on file: the loss as a stamped figure */
.bl .bl-claim .bl-wt div:first-child{display:block;padding:.2rem 0 .7rem;}
.bl .bl-claim .bl-wt div:first-child dt{display:block;margin-bottom:.15rem;}
.bl .bl-claim .bl-wt div:first-child dd{display:block;text-align:left;font-family:var(--serif);font-weight:500;font-size:clamp(2.2rem,3.6vw,2.8rem);line-height:1;letter-spacing:-.03em;color:var(--bl-hot);white-space:nowrap;}

/* declared value: three disruption figures in red serif */
.bl .bl-figs{margin-top:.5rem;}
.bl .bl-fig{margin:0;padding:.85rem 0 .9rem;border-bottom:1px dotted var(--bl-redd);}
.bl .bl-fig b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(2.3rem,3.8vw,3rem);line-height:1;letter-spacing:-.03em;color:var(--bl-hot);font-variant-numeric:lining-nums;}
.bl .bl-fig b small{font-size:.42em;letter-spacing:0;color:var(--bl-red);font-weight:600;}
.bl .bl-fig span{display:block;margin-top:.4rem;font-family:var(--sans);font-size:.84rem;line-height:1.4;color:var(--bl-ink2);max-width:30ch;}

/* dock hold: the section sits in a red hold zone with barrier striping */
.bl .bl-holdband{position:relative;margin-left:calc(-1 * var(--bl-pad));margin-right:calc(-1 * var(--bl-pad));
  padding:2.2rem var(--bl-pad) 2.4rem;border-top:0;background-color:var(--bl-hot-t);
  background-image:repeating-linear-gradient(-45deg,rgba(229,50,45,.05) 0 1px,transparent 1px 14px);}
.bl .bl-holdband::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;
  background:repeating-linear-gradient(-45deg,var(--bl-hot) 0 10px,transparent 10px 20px);opacity:.85;}
.bl .bl-holdband .bl-seq li::before{background:var(--bl-red);border-color:var(--bl-red);color:#fff;}
.bl .bl-holdband .bl-seq li{border-bottom-color:rgba(169,58,58,.35);}

/* lead time: the short run in gold, the ERP run in red */
.bl .bl-lead-row:first-child .bl-lead-bar i{background:var(--bl-gold);}
.bl .bl-lead-row:nth-child(2) .bl-lead-bar i{background:var(--bl-hot);}
.bl .bl-lead-bar{height:16px;}
.bl .bl-lead-row:nth-child(2) .bl-lead-v{color:var(--bl-red);}

/* AI adoption: the five shares as bars, adoption in gold, failure in red */
.bl .bl-adopt{margin:.5rem 0 0;font-family:var(--sans);}
.bl .bl-adopt div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem .8rem;align-items:center;padding:.55rem 0;border-bottom:1px dotted var(--bl-redd);}
.bl .bl-adopt dt{grid-column:1 / -1;font-size:.84rem;line-height:1.35;color:var(--bl-ink2);}
.bl .bl-adopt div::after{content:"";grid-column:1;grid-row:2;height:10px;background:linear-gradient(90deg,var(--c) calc(var(--v) * 1%),rgba(22,21,15,.09) 0);}
.bl .bl-adopt dd{grid-column:2;grid-row:2;margin:0;font-size:.9rem;font-weight:700;color:var(--bl-ink);font-variant-numeric:tabular-nums;white-space:nowrap;}
.bl .bl-ad-g{--c:var(--bl-gold);}
.bl .bl-ad-r{--c:var(--bl-hot);}
.bl .bl-ad-r dd{color:var(--bl-red);}

/* inspection: status as stamps */
.bl .bl-chip{display:inline-block;padding:.18rem .55rem;font-family:var(--sans);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;border:1.5px solid currentColor;}
.bl .bl-chip-ok{color:var(--bl-steel);}
.bl .bl-chip-held{color:#fff;background:var(--bl-red);border-color:var(--bl-red);transform:rotate(-2deg);}
.bl .bl-chip-t{margin-left:.55rem;font-weight:500;color:var(--bl-red);}
.bl .bl-insp .bl-held td:first-child{color:var(--bl-ink2);}
.bl .bl-insp .bl-held{background:rgba(229,50,45,.05);}

/* where AI pays: range bars */
.bl .bl-range{font-family:var(--sans);font-size:.85rem;color:var(--bl-ink);margin-top:.6rem;}
.bl .bl-rg-row{display:grid;grid-template-columns:minmax(0,1fr) 4.8rem;gap:.2rem .8rem;align-items:center;padding:.45rem 0;}
.bl .bl-rg-n{grid-column:1 / -1;color:var(--bl-ink2);}
.bl .bl-rg-bar{grid-column:1;position:relative;height:16px;background:
  linear-gradient(90deg,rgba(22,21,15,.14) 1px,transparent 1px) 0 0/33.333% 100%,
  linear-gradient(var(--bl-redh),var(--bl-redh)) 0 50%/100% 1px no-repeat;}
.bl .bl-rg-bar i{position:absolute;top:0;bottom:0;left:calc(var(--a) / 30 * 100%);right:calc(100% - var(--b) / 30 * 100%);background:var(--bl-hot);}
.bl .bl-rg-v{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;color:var(--bl-red);}
.bl .bl-rg-ax{display:flex;justify-content:space-between;margin:0 calc(4.8rem + .8rem) 0 0;padding-top:.3rem;border-top:1px solid var(--bl-ink);font-size:.76rem;color:var(--bl-ink2);font-variant-numeric:tabular-nums;}

/* proof of delivery: the cost and the cure */
.bl .bl-pod-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:2rem 0 .2rem;border-top:1px solid var(--bl-red);border-bottom:1px solid var(--bl-redh);}
.bl .bl-pod-figs .bl-fig{border:0;border-left:1px dotted var(--bl-redd);padding:1.1rem 1.3rem 1.1rem;}
.bl .bl-pod-figs .bl-fig:first-child{border-left:0;padding-left:0;}
.bl .bl-fig-fix b{color:var(--bl-steel);}

/* forecast: error hatched in the bright red */
.bl .bl-fc-e{background:repeating-linear-gradient(45deg,transparent 0 6px,rgba(229,50,45,.4) 6px 8px);}

.bl .bl-holdband,.bl .bl-holdband::before,.bl .bl-adopt div::after,.bl .bl-lead-bar i,.bl .bl-rg-bar i,.bl .bl-chip,.bl .bl-insp tr,.bl .bl-fc span{-webkit-print-color-adjust:exact;print-color-adjust:exact;}

@media (max-width:640px){
  .bl .bl-pod-figs{grid-template-columns:1fr;}
  .bl .bl-pod-figs .bl-fig{border-left:0;border-top:1px dotted var(--bl-redd);padding:.9rem 0;}
  .bl .bl-pod-figs .bl-fig:first-child{border-top:0;}
  .bl .bl-chip-t{display:block;margin:.3rem 0 0;}
  .bl .bl-rg-row{grid-template-columns:minmax(0,1fr) 4.4rem;}
  .bl .bl-rg-ax{margin-right:calc(4.4rem + .8rem);}
}
.bl .bl-claim .bl-wt div:first-child dd{font-size:clamp(2rem,3.2vw,2.5rem);}
.bl .bl-claim .bl-wt div:first-child dd small{font-family:var(--sans);font-size:.36em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bl-red);margin-right:.3rem;vertical-align:.5em;}
/* manifest quantities: get right in steel, watch in red, set as figures */
.bl .bl-qty b{font-family:var(--serif);font-weight:500;font-size:1.45rem;line-height:1.1;color:var(--bl-steel);}
.bl .bl-qty b + br + b{color:var(--bl-hot);}
.bl .bl-defects li::before{border-color:var(--bl-hot);}
.bl .bl-seal{background:var(--bl-red);color:#fff;border-color:var(--bl-red);font-weight:700;-webkit-print-color-adjust:exact;print-color-adjust:exact;}

/* QA 2026-10-10 */
/* adoption bars: a fixed value column so every track is the same length and the bars compare on one scale */
.bl .bl-adopt div{grid-template-columns:minmax(0,1fr) 6.8rem;}
.bl .bl-adopt dd{text-align:right;}
/* lead time and range axes: labels sit on their ticks instead of being spread across the row */
.bl .bl-lead-ax,.bl .bl-rg-ax{display:block;position:relative;height:1.55rem;}
.bl .bl-lead-ax span,.bl .bl-rg-ax span{position:absolute;top:.35rem;line-height:1;}
.bl .bl-lead-ax span::before,.bl .bl-rg-ax span::before{content:"";position:absolute;top:-.35rem;height:.25rem;border-left:1px solid var(--bl-ink);}
.bl .bl-lead-ax span:nth-child(1),.bl .bl-rg-ax span:nth-child(1){left:0;}
.bl .bl-lead-ax span:nth-child(1)::before,.bl .bl-rg-ax span:nth-child(1)::before{left:0;}
.bl .bl-lead-ax span:nth-child(2),.bl .bl-rg-ax span:nth-child(2){left:33.333%;transform:translateX(-50%);}
.bl .bl-lead-ax span:nth-child(3),.bl .bl-rg-ax span:nth-child(3){left:66.667%;transform:translateX(-50%);}
.bl .bl-lead-ax span:nth-child(2)::before,.bl .bl-rg-ax span:nth-child(2)::before,.bl .bl-lead-ax span:nth-child(3)::before,.bl .bl-rg-ax span:nth-child(3)::before{left:50%;}
.bl .bl-lead-ax span:nth-child(4),.bl .bl-rg-ax span:nth-child(4){right:0;}
.bl .bl-lead-ax span:nth-child(4)::before,.bl .bl-rg-ax span:nth-child(4)::before{right:0;}
/* watch counts: the bright red failed contrast at this size on manila; the deep form red keeps the color and reads */
.bl .bl-qty b + br + b{color:var(--bl-red);}
/* closing quote: drop its bottom rule so it doesn't stack on the Attached double rule */
.bl .bl-q{border-bottom:0;padding-bottom:.4rem;}
/* manifest qty: "get right" and "watch" are different lengths, so right-aligned text left the two figures out of line; the figures now sit in their own right-aligned column */
@media (min-width:1001px){
  .bl .bl-qty{display:grid;grid-template-columns:auto auto;justify-content:end;align-content:start;align-self:start;align-items:baseline;column-gap:.35rem;row-gap:.15rem;}
  .bl .bl-qty br{display:none;}
  .bl .bl-qty b{margin-right:0;text-align:right;}
}