/* One BOM, one scroll coordinate; no timed or velocity-based movement. */
.bom-story{--groups:0;--nested:0;--quantity:0;--parameters:0;--analysis:0;--review:0;--bom-progress:0;background:#02084b;color:#f1ead9;padding:100px 0 70px;overflow:visible!important}.bom-story *{box-sizing:border-box}.bom-eyebrow{color:#f49780;font:500 10px/1.4 var(--f-text);letter-spacing:.16em;margin-bottom:22px}.bom-pin{display:none}.bom-scroll-track{position:relative}.bom-chapters{max-width:1180px;display:grid;gap:40px}.bom-chapter{padding:30px 0;border-top:1px solid #f1ead936}.bom-chapter-number{font-size:11px;color:#f49780}.bom-chapter h3{font:500 clamp(26px,3.8vw,42px)/1.12 var(--f-display);letter-spacing:-.025em;margin:14px 0}.bom-chapter>p{max-width:750px;font-size:16px;line-height:1.6;color:#b9c0d9}.bom-static-art{max-width:850px;margin-top:27px;background:#f1ead9;color:#02084b;padding:27px 30px;border-radius:5px}.bom-static-product{display:flex;align-items:center;gap:25px}.bom-static-product>span,.bom-static-product>small{font-size:12px;color:#505477}.bom-static-product>strong{font-size:25px;font-weight:500}.bom-static-product>small{margin-left:auto}.bom-static-list{list-style:none;margin:0;padding:0}.bom-static-list li{padding:14px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #02084b1f;font-size:16px}.bom-static-list li:last-child{border:0}.bom-static-list li>span{font-size:12px;color:#505477}.bom-static-tree li{padding:8px 0;border:0;display:block}.bom-static-fields{display:flex;gap:20px;flex-wrap:wrap}.bom-static-fields>strong{font-size:17px;font-weight:500;border:1px solid #02084b33;padding:15px}.bom-static-fields>span{width:100%;font-size:12px;color:#505477}.bom-static-version{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.bom-static-version>span{padding:10px 14px;border:1px solid #02084b33;border-radius:4px}.bom-static-version>p{width:100%;font-size:12px;color:#505477}.bom-static-version>i{font-style:normal;color:#b33e2a}
.bom-story.is-scrub .bom-scroll-track{height:450svh;min-height:3600px}.bom-story.is-scrub .bom-chapters{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.bom-story.is-scrub .bom-pin{display:flex;flex-direction:column;justify-content:center;position:sticky;top:90px;max-width:1180px;width:calc(100% - 96px);height:calc(100svh - 120px);max-height:900px;min-height:650px;margin:0 auto}.bom-caption{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:25px;min-height:85px}.bom-caption>div{flex:1.3}.bom-caption>p{flex:1;font-size:14px;color:#b9c0d9;line-height:1.6;max-width:420px;margin:0}.bom-caption span{color:#f49780;letter-spacing:.1em;font-size:10px}.bom-caption h3{font:500 32px/1.12 var(--f-display);letter-spacing:-.03em;margin:10px 0 0}.bom-paper{background:#f1ead9;color:#02084b;padding:21px 30px 0;border-radius:6px;box-shadow:0 20px 80px #0002;overflow:hidden;font-family:var(--f-text)}.bom-paper-top{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.09em;padding-bottom:16px;border-bottom:1px solid #02084b2b}.bom-paper-top i{font-style:normal;color:#5b5d7a;margin-left:17px;letter-spacing:0}.bom-product{display:flex;align-items:center;gap:25px;padding:22px 0}.bom-product-drawing{height:90px;width:85px;flex:0 0 85px;stroke:#02084b;stroke-width:1.5;fill:none}.bom-product-drawing circle{stroke:#d95840}.bom-small-label{font-size:9px;letter-spacing:.09em;color:#666984}.bom-product h3{font:500 32px/1.1 var(--f-display);letter-spacing:-.035em;margin:8px 0}.bom-product p{font-size:11px;color:#565979;margin:0}.bom-product p>span{color:#d95840;margin:0 6px}.bom-origin{font-size:11px;line-height:1.6;margin-left:auto;color:#666984}.bom-table-head,.bom-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 100px;gap:15px;align-items:center}.bom-table-head{font-size:9px;color:#666984;border-block:1px solid #02084b2b;padding:10px 0}.bom-table-head>span:last-child,.bom-row>span:last-child{text-align:right}.bom-row{min-height:54px;border-bottom:1px solid #02084b22;font-size:12px}.bom-component-name{display:flex;gap:10px;align-items:center;min-width:0}.bom-component-name strong{font-weight:500}.bom-component-name small{font-size:12px;color:#666984;margin-left:auto;white-space:nowrap}.bom-square{width:9px;height:9px;flex:0 0 9px;border:1px solid #02084b80}.bom-square.coral{border-color:#cf533e;background:#cf533e14}.bom-groups{opacity:var(--groups);transform:translateY(calc((1 - var(--groups))*8px))}.bom-nested{height:calc(var(--nested)*82px);overflow:hidden;opacity:var(--nested);margin-left:19px;border-left:1px solid #cf533e70;padding-left:20px}.bom-nested .bom-row{min-height:41px;border-bottom:1px solid #02084b13}.bom-quantity{opacity:var(--quantity)}.bom-detail-strip{display:flex;gap:35px;padding:18px 0;min-height:85px}.bom-detail-strip>div{flex:1}.bom-detail-strip strong{display:block;font-size:11px;font-weight:500;margin-top:8px}.bom-detail-strip strong i{font-style:normal;color:#cf533e;margin:0 8px}.bom-detail-strip p{font-size:10px;color:#666984;margin:8px 0 0}.bom-specification{opacity:var(--quantity)}.bom-parameters{opacity:var(--quantity)}.bom-review{display:flex;gap:16px;align-items:center;border-top:1px solid #02084b2b;padding:17px 0;opacity:var(--review);min-height:68px}.bom-review-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #cf533e80;border-radius:50%;color:#b94b38}.bom-review>div strong{display:block;font-weight:500;font-size:13px}.bom-review>div span{display:block;font-size:10px;color:#666984;margin-top:6px}.bom-review>div i{font-style:normal;color:#cf533e;margin:0 7px}.bom-review-note{margin-left:auto;font-size:9px;color:#666984;text-align:right;line-height:1.5}.bom-progress{height:1px;background:#f1ead930;margin:25px 0 13px}.bom-progress span{display:block;width:100%;height:1px;background:#f49780;transform:scaleX(var(--bom-progress));transform-origin:left}.bom-example-note{font-size:10px;color:#9da6c8}.bom-feature-area{max-width:1180px;margin-top:85px}.bom-feature-area>h2{font:500 clamp(32px,4vw,50px)/1.1 var(--f-display);letter-spacing:-.03em;margin:0 0 40px}.bom-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 55px}.bom-feature{border-top:1px solid #f1ead92d;padding-top:20px}.bom-feature h3{font:500 20px/1.25 var(--f-display);margin:0 0 12px;letter-spacing:-.015em}.bom-feature p{color:#b9c0d9;font-size:14px;line-height:1.7;margin:0}.bom-evidence{border-top:1px solid #f1ead925;margin-top:40px;padding-top:18px;font-size:11px;color:#9da6c8}.bom-evidence summary{cursor:pointer}.bom-evidence p{line-height:1.7;max-width:900px}
@media(max-width:959px),(max-height:899px){.bom-story{padding-top:55px}.bom-feature-area{margin-top:65px}.bom-feature-grid{gap:25px 30px}}
@media(max-width:540px){.bom-chapters{gap:20px}.bom-chapter{padding-top:25px}.bom-chapter>p{font-size:14px}.bom-static-art{padding:20px}.bom-static-product{display:block}.bom-static-product>*{display:block;margin:8px 0}.bom-static-list li{font-size:14px;gap:12px}.bom-static-list li>span{font-size:11px;text-align:right}.bom-feature-grid{grid-template-columns:1fr}.bom-feature h3{font-size:21px}.bom-feature p{font-size:14px}.bom-static-version{font-size:12px;gap:8px}.bom-static-version>span{padding:8px}.bom-static-fields>strong{font-size:14px}.bom-story .wrap{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){.bom-pin{display:none!important}.bom-story.is-scrub .bom-scroll-track{height:auto;min-height:0}.bom-story.is-scrub .bom-chapters{position:static;width:auto;height:auto;clip-path:none;overflow:visible}}

.bom-detail-strip{position:relative}.bom-analysis{position:absolute;inset:14px 0;opacity:var(--analysis);background:#f1ead9;z-index:2}.bom-analysis strong{font-size:14px}.bom-story.is-scrub .bom-pin{justify-content:flex-start;padding-top:30px}.bom-caption{flex:0 0 85px}.bom-paper{flex:0 0 auto;min-height:575px}.bom-paper{padding-top:16px}.bom-paper-top{padding-bottom:12px}.bom-product{padding:16px 0}.bom-product-drawing{height:70px}.bom-row{min-height:44px}.bom-nested{height:calc(var(--nested)*68px)}.bom-nested .bom-row{min-height:34px}.bom-detail-strip{min-height:70px;padding:12px 0}.bom-review{min-height:55px;padding:12px 0}.bom-caption{min-height:75px;margin-bottom:18px}.bom-progress{margin-top:20px}
/* Match the existing workflow section's open navy canvas and fine coral/cream geometry. */
.bom-paper{background:transparent;color:#f1ead9;box-shadow:none;border-radius:0;border-top:2px solid #f1ead9;border-bottom:1px solid #f1ead94a;padding-inline:0}
.bom-paper-top{border-color:#f1ead930}.bom-paper-top i,.bom-small-label,.bom-product p,.bom-origin,.bom-table-head,.bom-component-name small,.bom-detail-strip p,.bom-review>div span,.bom-review-note{color:#b9c0d9}
.bom-product-drawing{stroke:#f1ead9}.bom-product-drawing circle{stroke:#e8583e}.bom-product p>span{color:#f49780}.bom-table-head{border-color:#f1ead93a}.bom-row{border-color:#f1ead92b}.bom-square{border-color:#b9c0d9}.bom-square.coral{border-color:#f49780;background:#f497801c}.bom-nested{border-color:#e8583e99}.bom-nested .bom-row{border-color:#f1ead91f}
.bom-detail-strip strong i,.bom-review>div i{color:#f49780}.bom-review{border-color:#f1ead93a}.bom-review-mark{color:#f49780;border-color:#e8583e88}.bom-analysis{background:#02084b}.bom-analysis strong{color:#f1ead9}.bom-analysis strong i{color:#f49780}
.bom-static-art{background:transparent;color:#f1ead9;border-radius:0;border-top:1px solid #f1ead97a;border-bottom:1px solid #f1ead93a;padding-inline:0}.bom-static-product>span,.bom-static-product>small,.bom-static-list li>span,.bom-static-fields>span,.bom-static-version>p{color:#b9c0d9}.bom-static-list li{border-color:#f1ead929}.bom-static-fields>strong,.bom-static-version>span{border-color:#f1ead940}.bom-static-version>i{color:#f49780}

/* One compact page section; scroll progress no longer needs a pinned spacer. */
.bom-story{padding:24px 0 16px;--groups:1;--nested:1;--quantity:1;--analysis:1;--review:1;--bom-progress:1}.bom-scroll-track,.bom-story.is-scrub .bom-scroll-track{height:auto!important;min-height:0!important}.bom-pin,.bom-story.is-scrub .bom-pin{display:block;position:static;top:auto;height:auto;max-height:none;min-height:0;padding:0;width:calc(100% - 96px);max-width:1180px;margin:0 auto}.bom-chapters,.bom-story.is-scrub .bom-chapters{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;padding:0!important}.bom-caption{display:flex;min-height:58px;height:58px;gap:30px;align-items:center;margin-bottom:8px;flex:none}.bom-caption h3{font-size:23px;line-height:1.15;margin-top:6px}.bom-caption span{font-size:9px}.bom-caption>p{font-size:12px;line-height:1.5;max-width:440px}.bom-paper{min-height:0!important;padding-top:10px}.bom-paper-top{font-size:9px;padding-bottom:8px}.bom-product{padding:10px 0;gap:17px}.bom-product-drawing{width:55px;height:45px;flex-basis:55px}.bom-product h3{font-size:25px;margin:4px 0}.bom-product p{font-size:10px}.bom-small-label{font-size:9px}.bom-origin{font-size:10px}.bom-table-head{padding:8px 0;font-size:9px}.bom-row{min-height:32px;font-size:12px}.bom-nested{height:calc(var(--nested)*48px)}.bom-nested .bom-row{min-height:24px}.bom-detail-strip{min-height:54px;padding:9px 0}.bom-detail-strip strong{font-size:11px;margin-top:5px}.bom-detail-strip p{font-size:9px;margin-top:5px}.bom-analysis{inset:8px 0}.bom-analysis strong{font-size:12px}.bom-review{min-height:42px;padding:7px 0}.bom-review>div strong{font-size:12px}.bom-review>div span{font-size:9px;margin-top:4px}.bom-review-mark{width:26px;height:26px}.bom-progress{margin:10px 0 7px}.bom-example-note{font-size:9px}.bom-more{max-width:1180px;margin:12px auto 0;border-top:1px solid #f1ead930;padding-top:10px;font-size:12px;color:#b9c0d9}.bom-more>summary{cursor:pointer;min-height:24px}.bom-feature-area{margin:25px 0 0}.bom-feature-area>h2{font-size:30px;margin-bottom:24px}.bom-feature-grid{gap:22px 35px}.bom-evidence{margin-top:24px}
@media(max-width:959px){.bom-pin{width:calc(100% - 48px)}.bom-table-head,.bom-row{grid-template-columns:minmax(0,1fr) 95px 78px;gap:10px}.bom-origin{display:none}.bom-component-name small{font-size:10px}.bom-caption>p{max-width:320px}.bom-caption h3{font-size:20px}}
@media(max-width:600px){.bom-story{padding:18px 0 14px}.bom-pin{width:calc(100% - 40px)}.bom-caption{height:49px;min-height:49px;margin-bottom:8px}.bom-caption h3{font-size:18px}.bom-caption>p{display:none}.bom-product-drawing{width:42px;height:44px;flex-basis:42px}.bom-product h3{font-size:23px}.bom-product p{font-size:9px}.bom-paper-top{font-size:8px;letter-spacing:0}.bom-paper-top i{margin-left:7px}.bom-table-head,.bom-row{grid-template-columns:minmax(0,1fr) 67px;gap:7px}.bom-table-head>span:nth-child(2),.bom-row>span:nth-child(2){display:none}.bom-component-name{display:flex;flex-wrap:wrap;gap:5px}.bom-component-name small{width:100%;margin:0 0 0 14px;font-size:9px}.bom-row{min-height:41px;font-size:12px}.bom-nested{height:calc(var(--nested)*54px);padding-left:12px;margin-left:14px}.bom-nested .bom-row{min-height:27px}.bom-review-note{display:none}.bom-review>div strong{font-size:11px}.bom-review>div span{font-size:8px}.bom-analysis strong{font-size:11px}.bom-specification strong{font-size:10px}.bom-parameters{display:none}.bom-detail-strip p{font-size:8px}.bom-example-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.bom-pin{display:block!important}.bom-chapters{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important}.bom-more{position:static}}
@media(max-width:600px){.bom-story .bom-pin,.bom-story.is-scrub .bom-pin{width:calc(100% - 40px)}.bom-product p{display:none}.bom-review{gap:10px}}

/* Stable workflow boxes: only the emphasis moves, never the reader's content. */
.bom-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;margin:0 0 15px;padding:0}.bom-flow-box{position:relative;display:flex;gap:11px;align-items:flex-start;min-height:79px;padding:13px 15px;border:1px solid #f1ead937;border-radius:6px;background:transparent;opacity:1;transition:border-color 200ms ease,background-color 200ms ease,box-shadow 200ms ease}.bom-flow-number{font-size:10px;line-height:1.5;color:#aeb4d0;padding-top:3px}.bom-flow-box h3{font:500 16px/1.3 var(--f-display);margin:0 0 5px;letter-spacing:-.01em;color:#f1ead9}.bom-flow-box p{font-size:11px;line-height:1.45;margin:0;color:#b9c0d9}.bom-flow-box.is-active{border-color:#f49780;background:#e8583e0f;box-shadow:inset 0 -2px #e8583e}.bom-flow-box.is-active .bom-flow-number,.bom-flow-box.is-complete .bom-flow-number{color:#f49780}.bom-flow-arrow{position:absolute;right:-13px;top:29px;font-size:12px;color:#aeb4d0;z-index:1;background:#02084b;line-height:18px}.bom-flow-box:last-child .bom-flow-arrow{display:none}.bom-review{display:none}.bom-paper{transition:none}.bom-product,.bom-lines,.bom-detail-strip{transition:background-color 200ms ease}.bom-story[data-focus='0'] .bom-product,.bom-story[data-focus='1'] .bom-lines,.bom-story[data-focus='2'] .bom-detail-strip{background:#ffffff03}.bom-groups,.bom-nested,.bom-quantity,.bom-specification,.bom-parameters,.bom-analysis{opacity:1!important;transform:none!important}.bom-progress{display:none}.bom-example-note{display:block;margin-top:10px}.bom-more{margin-top:10px}
@media(max-width:959px){.bom-flow{gap:9px}.bom-flow-box{padding:11px 10px;gap:7px}.bom-flow-box h3{font-size:14px}.bom-flow-box p{font-size:10px}.bom-flow-arrow{right:-10px}}
@media(max-width:600px){.bom-flow{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.bom-flow-box{min-height:74px;padding:10px;gap:8px}.bom-flow-box h3{font-size:14px}.bom-flow-box p{font-size:10px}.bom-flow-arrow{display:none}.bom-paper-top{display:none}.bom-product{padding:8px 0}.bom-product-drawing{display:none}.bom-product h3{font-size:20px}.bom-product .bom-small-label{font-size:8px}.bom-row{min-height:36px}.bom-component-name small{font-size:8px}.bom-example-note{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.bom-flow-box,.bom-product,.bom-lines,.bom-detail-strip{transition:none!important}}

.bom-flow-box.is-complete .bom-flow-arrow{color:#f49780}.bom-flow-arrow{transition:color 200ms ease}
@media(max-width:600px){.bom-flow-box{padding:8px 10px}}
@media(max-width:600px){.bom-story{padding-top:14px;padding-bottom:10px}}

/* Match the preceding workflow's actual inner edges, not a second narrower box. */
#bom .bom-intro,#bom .bom-pin,#bom.is-scrub .bom-pin{width:calc(100% - 96px);max-width:1360px;margin-inline:auto}#bom .bom-detail-strip{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;min-height:67px;align-items:start}#bom .bom-analysis{position:static;inset:auto;background:none;z-index:auto}#bom .bom-component-controls strong{display:block;font-size:11px;margin-top:5px}#bom .bom-component-controls p{font-size:10px;margin-top:6px;color:#b9c0d9}#bom .bom-detail-strip .bom-small-label{font-size:8px}#bom .bom-product p{display:block}
@media(max-width:1150px){#bom .bom-intro,#bom .bom-pin,#bom.is-scrub .bom-pin{width:calc(100% - 64px)}}
@media(max-width:850px){#bom .bom-intro,#bom .bom-pin,#bom.is-scrub .bom-pin{width:calc(100% - 40px)}#bom .bom-detail-strip{gap:15px;grid-template-columns:1fr 1fr}}
@media(max-width:600px){#bom .bom-detail-strip{grid-template-columns:1fr;gap:10px;min-height:0}#bom .bom-analysis{display:none}#bom .bom-component-controls{padding:7px 0}#bom .bom-component-controls strong{font-size:11px}#bom .bom-component-controls p{font-size:9px}#bom .bom-product p{font-size:8px}#bom .bom-product .bom-origin{display:none}}

/* Compact laptop viewport: retain type and all content; reduce only surrounding space. */
@media(min-width:851px) and (max-height:760px){.bom-story{padding:12px 0 8px}.sec .bom-intro{margin-bottom:16px}.bom-flow{margin-bottom:10px}.bom-paper{padding-top:6px}.bom-product{padding-block:6px}.bom-table-head{padding-block:6px}#bom .bom-detail-strip{min-height:57px;padding-block:6px}}