/* Scoped editorial knowledge centre: no decorative surfaces. */
.packaging-intelligence{background:var(--surface-page,#f4f5f1);padding:64px var(--page-gutter);color:#183f35;scroll-margin-top:110px}
.packaging-intelligence .pi-intro{display:block;text-align:left;margin:0 0 36px;max-width:940px}
.packaging-intelligence .pi-intro h2{font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(36px,4vw,64px);line-height:1.04;text-transform:uppercase;margin:0;color:#183f35}
.packaging-intelligence .pi-intro h2 span{display:block;color:#86A126}
.packaging-intelligence .pi-label{font-family:var(--font-accent);font-size:11px;letter-spacing:.1em;line-height:1.5;margin:0 0 16px}
.packaging-intelligence .pi-intro-description{font:400 16px/1.65 var(--font-body);margin:20px 0 0;max-width:660px}
.packaging-intelligence .pi-layout{display:grid;grid-template-columns:minmax(0,31fr) minmax(0,69fr);gap:24px;align-items:start}
.packaging-intelligence .pi-questions{display:grid;gap:10px;min-width:0}
.packaging-intelligence .pi-question{display:grid;grid-template-columns:22px 22px minmax(0,1fr) 16px;gap:12px;align-items:center;text-align:left;width:100%;padding:19px 18px;min-height:92px;background:#fff;border:1px solid #dce2d8;border-radius:15px;color:#183f35;font:500 14px/1.5 var(--font-body);cursor:pointer;transition:translate 250ms ease,border-color 250ms ease,background-color 250ms ease,color 250ms ease}
.packaging-intelligence .pi-question svg{display:block;width:22px;height:22px;color:#6f866e}
.packaging-intelligence .pi-question .pi-number{font-size:11px;color:#60764b}
.packaging-intelligence .pi-question[aria-pressed=true]{background:#183f35;color:#fff;border-color:#183f35}
.packaging-intelligence .pi-question[aria-pressed=true] :is(svg,.pi-number,span:last-child){color:#bccd83}
.packaging-intelligence .pi-question:focus-visible,.packaging-intelligence .pi-controls button:focus-visible{outline:3px solid #86A126;outline-offset:3px}
@media(hover:hover){.packaging-intelligence .pi-question:hover{translate:0 -2px;border-color:#86A126}.packaging-intelligence .pi-question:hover>span:last-child{translate:2px 0}}
.packaging-intelligence .pi-feature{background:#183f35;color:#fff;border:0;border-radius:20px;padding:32px;min-width:0;box-shadow:none;overflow:visible}
.packaging-intelligence .pi-feature-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;padding:0 0 24px;margin:0}
.packaging-intelligence .pi-feature-header>.pi-label{margin:0;color:#d9e4d9}
.packaging-intelligence .pi-controls{display:flex;align-items:center;gap:10px;color:#dce5dd;font:400 12px/1 var(--font-body)}
.packaging-intelligence .pi-controls button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ffffff40;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.packaging-intelligence .pi-controls button:hover{border-color:#86A126;background:#274e41}
.packaging-intelligence .pi-feature-body{display:block;padding:0;border:0}
.packaging-intelligence.pi-enhanced .pi-panels{display:grid}
.packaging-intelligence.pi-enhanced .pi-answer,.packaging-intelligence.pi-enhanced .pi-answer[hidden]{display:flex!important;flex-direction:column;grid-area:1/1;min-width:0;visibility:visible}
.packaging-intelligence.pi-enhanced .pi-answer[hidden]{visibility:hidden;pointer-events:none}
.packaging-intelligence .pi-feature .pi-topic-label{color:#bfd18c;margin:0 0 16px}
.packaging-intelligence .pi-answer h3{font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(28px,2.6vw,42px);line-height:1.12;text-transform:uppercase;color:#fff!important;letter-spacing:0;margin:0 0 22px;max-width:850px}
.packaging-intelligence .pi-answer-copy{font:400 16px/1.75 var(--font-body);color:#e4ebe5!important;margin:0 0 28px;max-width:78ch}
.packaging-intelligence .pi-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:0 0 30px}
.packaging-intelligence .pi-actions .button{background:#86A126!important;border:1px solid #86A126!important;border-radius:999px!important;color:#102b23!important;font:700 14px/1.3 var(--font-body)!important;padding:15px 22px!important;min-height:48px!important;text-decoration:none}
.packaging-intelligence .pi-actions .button:hover{border-color:#c9c711!important}
.packaging-intelligence .pi-contact{font:400 13px/1.6 var(--font-body);color:#fff;text-underline-offset:5px}
.packaging-intelligence .pi-takeaway{display:flex;gap:12px;background:#284d40;border:1px solid #ffffff20;border-radius:13px;padding:19px;margin:auto 0 0}
.packaging-intelligence .pi-takeaway>span{color:#bccd83;font-size:20px}
.packaging-intelligence .pi-takeaway .pi-label{font-size:10px;color:#c6d59f;margin:0 0 8px}
.packaging-intelligence .pi-takeaway p:last-child{font:400 14px/1.65 var(--font-body);color:#eef2eb!important;margin:0}
.packaging-intelligence .pi-answer.is-entering{animation:none}
.packaging-intelligence:not(.pi-enhanced) .pi-answer+.pi-answer{margin-top:35px;border-top:1px solid #ffffff30;padding-top:35px}
@media(min-width:768px) and (max-width:1100px){.packaging-intelligence .pi-layout{grid-template-columns:minmax(0,34fr) minmax(0,66fr);gap:20px}.packaging-intelligence .pi-question{grid-template-columns:20px minmax(0,1fr) 12px;gap:8px;padding:15px 13px;font-size:13px}.packaging-intelligence .pi-question svg{display:none}.packaging-intelligence .pi-feature{padding:24px}.packaging-intelligence .pi-answer-copy{font-size:15px}}
@media(max-width:767px){.packaging-intelligence{padding:40px var(--page-gutter)}.packaging-intelligence .pi-layout{display:flex;flex-direction:column;gap:18px}.packaging-intelligence .pi-feature{order:0;width:100%;box-sizing:border-box;padding:22px;border-radius:16px}.packaging-intelligence .pi-questions{order:1;display:flex;width:100%;overflow-x:auto;gap:12px;padding:4px 3px 12px;scroll-snap-type:x proximity;box-sizing:border-box}.packaging-intelligence .pi-question{flex:0 0 82%;min-height:90px;scroll-snap-align:start;padding:15px 12px;gap:8px;font-size:13px}.packaging-intelligence .pi-answer-copy{font-size:15px;line-height:1.65}.packaging-intelligence .pi-actions{align-items:stretch;flex-direction:column;gap:16px}.packaging-intelligence .pi-feature-header{gap:8px}.packaging-intelligence .pi-feature-header>.pi-label{font-size:9px}.packaging-intelligence .pi-controls{gap:7px}.packaging-intelligence .pi-controls button{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.packaging-intelligence .pi-question{transition:none}.packaging-intelligence .pi-question:hover{translate:none}}
/* Centre the Knowledge Centre introduction above both columns. */
.packaging-intelligence .pi-intro{text-align:center;margin:0 auto 36px;max-width:1100px}
.packaging-intelligence .pi-intro-description{margin:20px auto 0;max-width:780px}
/* Active topic reading timer; the question state controls the single progress bar. */
.packaging-intelligence .pi-question{position:relative;overflow:hidden}
.packaging-intelligence .pi-topic-timer{position:absolute;left:18px;right:18px;bottom:8px;height:2px;background:#ffffff22;opacity:0;pointer-events:none}
.packaging-intelligence .pi-question[aria-pressed=true] .pi-topic-timer{opacity:1}
.packaging-intelligence .pi-topic-timer i{display:block;width:100%;height:100%;background:#bccd83;transform:scaleX(0);transform-origin:left center}
@media(prefers-reduced-motion:reduce){.packaging-intelligence .pi-topic-timer{display:none}}