#packaging-lab{margin:35px 0 60px;padding-top:30px;border-top:1px solid #c6cfbb}#packaging-lab h2{font-family:'Songti TC',Georgia,serif;font-size:clamp(29px,4vw,43px);font-weight:500;margin:0 0 16px}.pkg-intro{max-width:70ch}.pkg-stage{background:#e5eadb;padding:28px}.pkg-stage h3{font-size:clamp(20px,2.4vw,27px);margin:0 0 15px;font-weight:500}.pkg-stage svg{display:block;width:100%;max-width:820px;margin:auto;overflow:visible}.pkg-stage svg text{font:14px system-ui;fill:#244638}.pkg-stage .pkg-white{fill:#fff}.pkg-route{fill:none;stroke:#a17839;stroke-width:3;stroke-linecap:round}.pkg-tools{display:flex;align-items:center;gap:20px;border-top:1px solid #b8c5aa;padding-top:20px}.pkg-tools label{flex:1;font-size:13px}.pkg-tools input{width:100%;accent-color:#244638;cursor:ew-resize}.pkg-caption{min-height:3.8em;margin:16px 0 0;font-size:16px;max-width:68ch}.pkg-stepbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.pkg-stepbar button{background:transparent;color:#244638;border:0;border-bottom:2px solid transparent;padding:9px 10px;font:inherit;font-size:14px;cursor:pointer}.pkg-stepbar button[aria-pressed=true]{border-color:#244638;font-weight:650}.pkg-takeaways{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:25px 0}.pkg-takeaways p{margin:5px 0;font-size:14px}.pkg-footnote{font-size:12px;color:#566b4e}.pkg-glossary{margin-top:24px;border-top:1px solid #c6cfbb;padding-top:18px}.pkg-glossary summary{cursor:pointer}#packaging-lab button:hover{background:#d0ddc2}#packaging-lab .tabs button[aria-pressed=true]{background:#244638;color:#fff}#packaging-lab input:focus-visible,#packaging-lab summary:focus-visible{outline:3px solid #ae8650;outline-offset:4px}@media(max-width:650px){.pkg-stage{padding:16px 12px}.pkg-takeaways{grid-template-columns:1fr;gap:15px}.pkg-tools{gap:12px;align-items:end}.pkg-tools button{padding:10px;min-width:110px}.pkg-stage svg text{font-size:16px}.pkg-caption{min-height:6em;font-size:14px}.pkg-stepbar button{font-size:13px;padding:8px 5px}}

.pkg-scroll{overflow:hidden}

/* Compact technical index and a single generous animation canvas. */
#packaging-lab{padding-top:42px}#packaging-lab>h2{max-width:22ch;font-size:clamp(30px,3.6vw,44px);line-height:1.35}.pkg-intro{font-size:16px;margin:18px 0 30px;color:#5c7055}.pkg-studio{display:grid;grid-template-columns:210px minmax(0,1fr);border:1px solid #bcc8b0;background:#f1f2e9}.pkg-nav{padding:16px 0;border-right:1px solid #bcc8b0}.pkg-nav button{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:0;background:transparent;color:#244638;padding:17px 18px;min-height:84px}.pkg-nav button svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.2;flex-shrink:0}.pkg-nav button b{font-size:17px;font-weight:500}.pkg-nav button small{display:block;font-size:11px;margin-top:3px;opacity:.8}.pkg-nav button[aria-pressed=true]{background:#244638;color:#f5f6ee}#packaging-lab .pkg-nav button[aria-pressed=true]:hover{background:#365b46}.pkg-stage{background:#f1f2e9;padding:25px 28px;min-width:0}.pkg-stage h3{font-family:'Songti TC',Georgia,serif;font-size:25px;line-height:1.45;max-width:24ch;min-height:2.9em}.pkg-scroll{background:#e5eadb;margin:20px -8px 24px;border-top:1px solid #ced7c1;border-bottom:1px solid #ced7c1}.pkg-stage svg{padding:15px 0}.pkg-caption{font-size:14px}.pkg-stepbar{justify-content:space-between}.pkg-stepbar button{font-size:12px}.pkg-tools .control{font-size:12px;padding:10px 13px}.pkg-tools label{font-size:12px}.pkg-takeaways{padding:22px 0;border-bottom:1px solid #c6cfbb;margin-top:0}.pkg-takeaways strong{font-size:13px;color:#617554}.pkg-takeaways p{font-size:15px;max-width:44ch}@media(max-width:760px){.pkg-studio{grid-template-columns:1fr}.pkg-nav{display:grid;grid-template-columns:repeat(3,1fr);padding:0;border-right:0;border-bottom:1px solid #bcc8b0}.pkg-nav button{padding:12px 8px;gap:6px;min-height:76px;justify-content:center}.pkg-nav button svg{width:24px;height:24px}.pkg-nav button b{font-size:14px}.pkg-nav button small{font-size:10px}.pkg-stage{padding:22px 16px}.pkg-stage h3{min-height:0;font-size:24px}.pkg-stage svg{padding:10px 0}}@media(max-width:430px){.pkg-nav button{flex-direction:column;gap:3px;text-align:center}.pkg-nav button small{font-size:11px}.pkg-stepbar button{padding:8px 3px;font-size:12px}}

/* Wave 2：並排比較、價值鏈、手機字級 */
.pkg-term{font-size:14px;color:#566b4e;border-left:3px solid #ae8650;padding-left:12px;max-width:720px}
.pkg-judge{background:#eeeee3;padding:16px 20px;font-size:15px;max-width:900px}
.pkg-forms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 16px}
.pkg-form{margin:0;background:#e5eadb;display:flex;flex-direction:column}
.pkg-form-visual{background:#f5f5ee;border:1px solid #d5dccb;padding:34px 10px 8px;overflow:hidden}
.pkg-form-visual svg{display:block;width:100%;height:auto;overflow:visible}
.pkg-form figcaption{padding:16px 18px 20px}
.pkg-form-tag{font:12px monospace;letter-spacing:2px;color:#728365}
.pkg-form h3{font-size:19px;line-height:1.5;margin:6px 0 8px}
.pkg-form p{font-size:14px;margin:0 0 10px}
.pkg-form dl{margin:0;font-size:13.5px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px}
.pkg-form dt{color:#65765c;font-weight:600}.pkg-form dd{margin:0}
.pkg-form-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;font-size:13px;color:#53674e}
.pkg-key::before{content:"";display:inline-block;width:16px;height:3px;vertical-align:middle;margin-right:6px;background:#b68b4c}
.pkg-key-green::before{background:#698b79}
.pkg-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 8px}
.pkg-thumb{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;font:inherit;color:#244638;background:#eeeee3;border:1px solid #c6cfbb;padding:10px 10px 12px;cursor:pointer}
.pkg-thumb svg{width:100%;height:auto;background:#f5f5ee;margin-bottom:6px}
.pkg-thumb b{font-size:15px;font-weight:600}.pkg-thumb small{font-size:12.5px;line-height:1.45;color:#53674e}
#packaging-lab .pkg-thumb:hover{background:#dfe7d3}
.pkg-thumb-note{font-size:12px;color:#566b4e;margin:6px 0 30px}
.pkg-sub{font-family:'Songti TC',Georgia,serif;font-size:24px;font-weight:500;margin:34px 0 12px}
.pkg-swipe{display:none;font-size:12px;color:#566b4e;margin:0 0 6px}
.pkg-matrix-wrap:focus-visible{outline:3px solid #ae8650;outline-offset:3px}
.pkg-matrix{min-width:980px;font-size:13.5px}
.pkg-matrix th[scope=row]{position:sticky;left:0;background:#eeeee3;font-weight:600;min-width:120px;z-index:1}
.pkg-matrix thead th:first-child{position:sticky;left:0;z-index:2}
.pkg-matrix td:nth-child(5){min-width:300px}
.pkg-matrix-note{font-size:12.5px;color:#566b4e;margin:10px 0 0}
.pkg-play-note{font-size:12px;color:#566b4e;margin:10px 0 0}
.pkg-chain{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;counter-reset:none}
.pkg-chain>li{background:#e5eadb;padding:18px 18px 20px;position:relative}
.pkg-chain>li:not(:last-child)::after{content:"→";position:absolute;right:-18px;top:18px;color:#ae8650;font-size:18px}
.pkg-step{font:12px monospace;letter-spacing:2px;color:#728365}
.pkg-chain h3{font-size:18px;line-height:1.5;margin:4px 0 6px}
.pkg-chain p{font-size:13.5px;margin:0 0 10px}
.pkg-firms{list-style:none;padding:0;margin:0;font-size:13.5px}
.pkg-firms li{border-top:1px solid #c6cfbb;padding:8px 0}
.pkg-chain .pkg-firms b{display:block;color:#244638}
.pkg-firms cite{display:block;font-style:normal;font-size:12px;color:#65765c}
.pkg-rail{margin-top:18px;background:#eeeee3;padding:16px 18px;border-left:3px solid #ae8650}
.pkg-rail h3{font-size:17px;margin:0 0 6px}
.pkg-disclose{color:#7a5a2a}
@media(max-width:1000px){.pkg-chain{grid-template-columns:repeat(2,minmax(0,1fr))}.pkg-chain>li:nth-child(2)::after{display:none}.pkg-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.pkg-forms{grid-template-columns:1fr}.pkg-chain{grid-template-columns:1fr}.pkg-chain>li::after{display:none!important}.pkg-swipe{display:block}.pkg-stage svg text{font-size:24px}.pkg-scroll{margin:16px -6px 20px}}
@media(max-width:430px){.pkg-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}}