.visual-change>.section-heading{margin-bottom:30px}.work-comparison{display:grid;grid-template-columns:1fr 1.15fr;gap:24px}.work-comparison figure{margin:0;border:1px solid var(--line);border-radius:18px;padding:27px;min-width:0}.manual-flow{background:#f7f8fa}.connected-flow{background:#f0f4ff;border-color:#cbd8fa!important}.flow-chip{display:inline-flex;padding:5px 10px;border-radius:5px;background:#e6eaf0;color:#596779;font-size:10px;font-weight:700}.blue-chip{background:#dfe8ff;color:var(--accent)}.work-comparison h3{font-size:22px;margin:16px 0 26px}.manual-files{display:grid;gap:13px;max-width:330px;margin:0 auto}.manual-card{display:flex;gap:13px;align-items:center;padding:15px;background:white;border:1px solid #dbe1e9;border-radius:9px;box-shadow:0 4px 8px #21345404}.manual-card>svg{width:30px;height:30px;color:#7b8ba1;flex:none}.manual-card b{display:block;font-size:13px}.manual-card div span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.manual-pointer{margin-left:auto;color:#74859e;font-size:23px}.manual-loop{display:flex;gap:10px;justify-content:center;align-items:center;margin:23px 0 0;font-size:11px;color:var(--muted)}.manual-loop>span{font-size:24px;font-weight:400}.manual-loop b{font-weight:550}.connected-input{display:grid;grid-template-columns:82px 20px 1fr;gap:12px;align-items:center}.base-design{height:120px;background:white;border:1px solid #cfdbf4;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.base-design svg{width:35px;height:35px;color:var(--accent)}.base-design b{font-size:10px;font-weight:650}.join-mark{text-align:center;color:#7d96c3;font-size:22px}.diagram-sheet{background:white;border:1px solid #c9d8ed;border-radius:7px;overflow:hidden;min-width:0}.sheet-bar{display:flex;align-items:center;gap:7px;padding:7px 10px;background:#edf5f3;border-bottom:1px solid #d8e9e4}.sheet-symbol{font:700 10px Arial;background:#2b7461;color:white;border-radius:3px;padding:2px 5px}.sheet-bar b{font-size:10px;color:#37594f}.sheet-grid{display:grid;grid-template-columns:1fr .9fr 1fr;font-size:9px}.sheet-grid>*{padding:7px 8px;border-right:1px solid #e5eaf1;border-bottom:1px solid #e5eaf1;font-weight:500;white-space:nowrap}.sheet-grid>:nth-child(-n+3){background:#f7f9fc;color:#68788d;font-size:8px}.sheet-grid b{color:#234475}.distribution{display:flex;gap:10px;align-items:center;justify-content:center;margin:18px 0;color:var(--accent)}.distribution span{width:30px;height:1px;background:#b4c7f1}.distribution b{font-size:10px;font-weight:650}.distribution b:after{content:'↓';display:block;text-align:center;margin-top:5px;font-size:16px;line-height:1}.diagram-outputs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.diagram-output{min-width:0}.diagram-output img{width:100%;height:auto;border:1px solid #d4dff4;border-radius:4px;box-shadow:0 5px 10px #2457dc09}.diagram-output span{display:block;text-align:center;font-size:9px;color:#627ba3;margin-top:6px}.diagram-disclosure{font-size:10px;color:var(--muted);margin-top:14px}.visual-benefits{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.visual-benefits article{display:grid;grid-template-columns:155px 1fr;gap:24px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:23px}.visual-benefits h3{font-size:18px;line-height:1.45}.visual-benefits p{font-size:12px;margin-top:10px}.benefit-illustration{display:flex;align-items:center;justify-content:center;background:var(--panel);border-radius:9px;min-height:110px;padding:14px;gap:10px;min-width:0}.benefit-illustration svg{width:33px;height:33px;flex:none;color:#5274a8}.compare-dots{color:#8ca2c3;font-size:16px}.mini-result{width:64px;flex:none}.mini-result img{border:1px solid var(--line);border-radius:3px;width:100%;height:auto}.reorder-illustration{gap:10px;position:relative}.reorder-illustration>div{text-align:center}.reorder-illustration>div svg{display:block;margin:auto}.reorder-illustration small{display:block;margin-top:5px;font-size:9px;color:#617591}.reorder-illustration>span{color:#91a2bc;font-size:18px}.reorder-arrow{position:absolute;right:5px;bottom:3px;font-size:14px!important}
.process-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}.process-timeline>li{position:relative;min-width:0}.timeline-top{display:flex;align-items:center;gap:16px;margin-bottom:18px}.timeline-top>span{width:33px;height:33px;background:var(--accent);color:#fff;display:grid;place-items:center;font:11px monospace;border-radius:50%;flex:none;box-shadow:0 0 0 5px var(--light)}.timeline-top i{font-style:normal;color:#92a8cc;flex:1;display:flex;align-items:center;gap:7px}.timeline-top i:before{content:'';height:1px;background:#d5dff0;flex:1}.process-timeline>li:last-child .timeline-top i{visibility:hidden}.process-visual{height:145px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:flex;align-items:center;justify-content:center;gap:13px;padding:18px;overflow:hidden}.process-file{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.process-file svg{width:38px;height:38px;color:#5f7eae}.process-file span{font-size:10px;color:#4d6484}.process-caption{display:block;font-size:10px;color:#74839a;margin:12px 0 15px}.process-timeline h3{font-size:20px;margin-bottom:10px}.process-timeline p{font-size:13px}.link-sample{width:100%;display:grid;grid-template-columns:1fr 16px 1.2fr;align-items:center;gap:10px 7px;font-size:9px}.link-sample>span{padding:8px 5px;background:#fff;border:1px solid var(--line);border-radius:4px;text-align:center}.link-sample>i{font-style:normal;color:#96aaca;text-align:center}.link-sample>b{padding:8px 5px;color:var(--accent);background:#e7eeff;border:1px solid #cfdbfa;border-radius:4px;text-align:center;font-weight:600}.process-real{width:100%;max-width:155px;display:grid;gap:7px}.process-real img{width:100%;height:auto;border:1px solid #d9e1ed;border-radius:3px}.process-screen{display:flex;flex-direction:column;align-items:center;gap:8px}.process-screen svg{width:63px;height:63px;color:#557bb8}.process-screen span{font-size:10px;color:#4d6484}.template-reference{padding:26px 0}.template-reference details{border:1px solid var(--line);border-radius:10px;background:#fbfcfe}.template-reference summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 23px;list-style:none}.template-reference summary::-webkit-details-marker{display:none}.template-reference summary b{display:block;font-size:13px;font-weight:600}.template-reference summary small{font-size:11px;color:var(--muted);margin-top:2px;display:block}.reference-plus{font-size:20px;color:#7a91b1}.template-reference details[open] .reference-plus{transform:rotate(45deg)}.reference-content{padding:0 23px 23px}.reference-content>p{font-size:12px;margin-bottom:20px;max-width:700px}.reference-content .image-open{max-width:620px;margin:auto}.reference-content img{width:100%;height:auto}.template-reference+.consult{margin-top:45px}
@media(max-width:1050px){.work-comparison{gap:18px;grid-template-columns:1fr 1.1fr}.work-comparison figure{padding:22px}.work-comparison h3{font-size:19px}.connected-input{grid-template-columns:62px 14px 1fr;gap:8px}.sheet-grid>*{padding:6px 5px;font-size:8px}.base-design{height:110px}.visual-benefits{gap:18px}.visual-benefits article{grid-template-columns:120px 1fr;padding:18px;gap:16px}.benefit-illustration{padding:10px;gap:6px}.benefit-illustration svg{width:26px;height:26px}.mini-result{width:52px}.visual-benefits h3{font-size:16px}.process-timeline{gap:18px}.process-visual{height:135px;padding:13px}.process-timeline h3{font-size:18px}}
@media(max-width:720px){.work-comparison{grid-template-columns:1fr;gap:17px}.work-comparison figure{padding:22px 18px}.work-comparison h3{font-size:21px;margin:16px 0 23px}.manual-files{max-width:100%;gap:10px}.manual-card{padding:13px}.manual-card>svg{width:27px;height:27px}.manual-loop{margin-top:18px}.connected-input{grid-template-columns:62px 14px 1fr;gap:7px}.sheet-grid>*{padding:7px 4px;font-size:8px}.sheet-bar{padding:7px}.sheet-bar b{font-size:9px}.sheet-grid>:nth-child(-n+3){font-size:8px}.diagram-outputs{gap:7px}.diagram-disclosure{font-size:9px}.visual-benefits{grid-template-columns:1fr;gap:15px;margin-top:22px}.visual-benefits article{grid-template-columns:99px 1fr;gap:15px;padding:17px 14px}.visual-benefits h3{font-size:16px}.visual-benefits p{font-size:11px;margin-top:8px}.benefit-illustration{padding:9px 5px;gap:4px;min-height:100px}.benefit-illustration svg{width:23px;height:23px}.mini-result{width:42px}.compare-dots{font-size:13px}.reorder-illustration{gap:5px}.reorder-illustration small{font-size:8px}.process-timeline{grid-template-columns:1fr;gap:25px;margin-top:30px}.process-timeline>li{padding-left:52px}.timeline-top{position:absolute;left:1px;top:0;height:100%;margin:0;display:flex;flex-direction:column;gap:13px}.timeline-top i{display:flex;flex-direction:column;line-height:1;gap:4px;transform:none;font-size:0;padding-bottom:0;position:relative}.timeline-top i:before{width:1px;height:auto;flex:1}.timeline-top i:after{content:'↓';font-size:15px;position:absolute;bottom:-14px}.timeline-top>span{width:31px;height:31px;font-size:10px}.process-visual{height:150px;gap:25px}.process-caption{font-size:9px;margin:10px 0 12px}.process-timeline h3{font-size:20px}.process-timeline p{font-size:12px}.process-file svg{width:43px;height:43px}.link-sample{max-width:210px;font-size:10px}.process-real{max-width:158px}.template-reference{padding:20px 0}.template-reference summary{padding:17px}.template-reference summary b{font-size:12px}.template-reference summary small{font-size:10px}.reference-content{padding:0 17px 17px}.reference-content>p{font-size:11px}.template-reference+.consult{margin-top:30px}}

/* Show both print faces without clipping them inside the workflow panel. */
.process-real{grid-template-columns:1fr 1fr;max-width:100%;gap:7px}
@media(max-width:720px){.process-real{max-width:100%}}