/* Quality & Supply step 3 v2: Responsible Sourcing + Documentation rebuild */

/* Responsible sourcing: one visual stage, four evidence rows */
.qs-responsible-v4{background:var(--qs-warm);overflow:hidden}
.qs-responsible-head-v4{align-items:start;margin-bottom:34px}
.qs-responsible-intro-v4>p{font-size:15px;line-height:1.58;color:var(--qs-muted);margin:0;max-width:650px}
.qs-responsible-note-v4{display:grid;grid-template-columns:3px 1fr;gap:14px;margin-top:22px;padding:14px 0;border-top:1px solid rgba(64,76,68,.18);border-bottom:1px solid rgba(64,76,68,.18)}
.qs-responsible-note-v4>i{display:block;background:#7d9642}
.qs-responsible-note-v4 b{display:block;font-size:12.5px;line-height:1.3;margin-bottom:4px}
.qs-responsible-note-v4 span{display:block;font-size:11.5px;line-height:1.48;color:#707970;max-width:590px}

.qs-source-explorer-v4{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(420px,.86fr);min-height:590px;border-top:1px solid rgba(54,67,59,.22);border-bottom:1px solid rgba(54,67,59,.22);background:rgba(247,244,236,.32)}
.qs-source-stage-v4{position:relative;overflow:hidden;min-height:590px;background:#13271f;isolation:isolate}
.qs-source-image-v4{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity .7s cubic-bezier(.2,.65,.2,1),transform 6.5s ease;z-index:0}
.qs-source-image-v4.is-active{opacity:1;transform:scale(1);z-index:1}
.qs-source-image-v4 img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.qs-source-image-v4:nth-child(1) img{object-position:center 48%}
.qs-source-image-v4:nth-child(2) img{object-position:center 46%}
.qs-source-image-v4:nth-child(3) img{object-position:center 45%}
.qs-source-image-v4:nth-child(4) img{object-position:center 50%}
.qs-source-stage-wash-v4{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(11,24,18,.04) 22%,rgba(11,24,18,.18) 62%,rgba(11,24,18,.78) 100%),linear-gradient(90deg,rgba(11,24,18,.18),transparent 48%);pointer-events:none}
.qs-source-stage-meta-v4{position:absolute;z-index:3;left:28px;right:28px;bottom:27px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;color:#f4f6ef;border-top:1px solid rgba(255,255,255,.34);padding-top:14px}
.qs-source-stage-meta-v4 span{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.085em;color:#e5eddf}
.qs-source-stage-meta-v4 b{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;font-weight:500;color:#c9dd68;text-align:right}
.qs-source-progress-v4{position:absolute;z-index:4;display:flex;gap:6px;left:28px;top:24px}
.qs-source-progress-v4 i{width:24px;height:2px;background:rgba(255,255,255,.3);overflow:hidden;position:relative}
.qs-source-progress-v4 i::after{content:"";position:absolute;inset:0;background:var(--qs-citron);transform:scaleX(0);transform-origin:left;transition:transform .34s ease}
.qs-source-progress-v4 i.is-active::after{transform:scaleX(1)}

.qs-source-index-v4{display:grid;grid-template-rows:repeat(4,1fr);background:rgba(244,241,232,.76)}
.qs-source-row-v4{appearance:none;border:0;border-bottom:1px solid rgba(54,67,59,.19);background:transparent;color:inherit;text-align:left;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:16px;align-items:start;padding:25px 22px 22px 24px;cursor:pointer;font:inherit;position:relative;overflow:hidden;transition:background .34s ease,padding-left .34s ease}
.qs-source-row-v4:last-child{border-bottom:0}
.qs-source-row-v4::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#78933f;transform:scaleY(0);transform-origin:top;transition:transform .34s ease}
.qs-source-row-v4::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(201,221,104,.15),rgba(201,221,104,0) 42%);opacity:0;transition:opacity .34s ease;pointer-events:none}
.qs-source-row-v4>*{position:relative;z-index:1}
.qs-source-row-v4.is-active{background:rgba(241,246,224,.76);padding-left:28px}
.qs-source-row-v4.is-active::before{transform:scaleY(1)}
.qs-source-row-v4.is-active::after{opacity:1}
.qs-source-num-v4{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#77827a;padding-top:5px}
.qs-source-row-v4 h3{font-size:25px;line-height:1.02;letter-spacing:-.03em;margin:0 0 8px}
.qs-source-row-v4 p{font-size:12.5px;line-height:1.5;color:#657068;margin:0;max-width:610px}
.qs-source-row-v4 small{display:block;margin-top:10px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.05em;color:#7b867e}
.qs-source-row-v4 em{font-style:normal;font-size:14px;color:#728078;transition:transform .3s ease,color .3s ease}
.qs-source-row-v4.is-active em{color:#78933f;transform:translate(3px,-3px)}
@media(hover:hover){.qs-source-row-v4:hover:not(.is-active){background:rgba(255,255,255,.28);padding-left:27px}.qs-source-row-v4:hover em{transform:translate(3px,-3px);color:#78933f}}

/* Documentation & qualification: a buyer-review dossier instead of cards */
.qs-compliance-v4{background:var(--qs-paper);overflow:hidden}
.qs-dossier-module-v4{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(430px,.94fr);border:1px solid rgba(50,65,56,.2);background:#e8e4da;min-height:620px;overflow:hidden}
.qs-dossier-stage-v4{position:relative;display:flex;align-items:center;justify-content:center;padding:54px 54px 48px;background:linear-gradient(rgba(28,50,41,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(28,50,41,.028) 1px,transparent 1px),radial-gradient(circle at 38% 32%,rgba(201,221,104,.12),transparent 34%),#e4dfd4;background-size:42px 42px,42px 42px,auto,auto;border-right:1px solid rgba(50,65,56,.18)}
.qs-dossier-stage-label-v4{position:absolute;left:22px;top:20px;right:22px;display:flex;justify-content:space-between;gap:20px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.075em;color:#718078}
.qs-dossier-stage-label-v4 b{font-weight:500;color:#78933f}
.qs-dossier-sheet-v4{position:relative;width:min(100%,670px);background:#fbfaf5;border:1px solid rgba(54,69,60,.23);box-shadow:0 18px 50px rgba(27,42,34,.11),9px 9px 0 rgba(249,247,239,.72),9px 9px 0 1px rgba(54,69,60,.11);padding:24px 25px 18px;overflow:hidden}
.qs-dossier-sheet-v4::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#173229 0 54%,#c9dd68 54% 100%)}
.qs-dossier-sheet-head-v4{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid rgba(59,72,64,.18)}
.qs-dossier-sheet-head-v4 span{display:block;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.085em;color:#738078;margin-bottom:5px}
.qs-dossier-sheet-head-v4 b{font-size:24px;line-height:1;letter-spacing:-.025em}
.qs-dossier-sheet-head-v4 em{font:8px ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;letter-spacing:.08em;color:#7a867f;border:1px solid rgba(59,72,64,.18);padding:5px 7px}
.qs-dossier-meta-v4{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid rgba(59,72,64,.18)}
.qs-dossier-meta-v4>div{padding:13px 11px 12px 0;border-right:1px solid rgba(59,72,64,.13)}
.qs-dossier-meta-v4>div:nth-child(2n){padding-left:14px;border-right:0}
.qs-dossier-meta-v4>div:nth-child(n+3){border-top:1px solid rgba(59,72,64,.13)}
.qs-dossier-meta-v4 span{display:block;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.07em;color:#859087;margin-bottom:4px}
.qs-dossier-meta-v4 b{font-size:11.5px;font-weight:650;color:#334139}
.qs-dossier-rows-v4{padding:10px 0}
.qs-dossier-row-v4{display:grid;grid-template-columns:32px minmax(0,1fr) 66px;gap:13px;align-items:center;padding:12px 10px 12px 7px;border-bottom:1px solid rgba(59,72,64,.12);position:relative;transition:background .3s ease,padding-left .3s ease}
.qs-dossier-row-v4:last-child{border-bottom:0}
.qs-dossier-row-v4::before{content:"";position:absolute;left:-25px;top:0;bottom:0;width:4px;background:#9bb34b;transform:scaleY(0);transform-origin:center;transition:transform .32s ease}
.qs-dossier-row-v4.is-active{background:linear-gradient(90deg,rgba(201,221,104,.19),rgba(201,221,104,.035));padding-left:12px}
.qs-dossier-row-v4.is-active::before{transform:scaleY(1)}
.qs-dossier-row-v4>span{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#7b867e}
.qs-dossier-row-v4 b{display:block;font-size:12.5px;margin-bottom:3px}
.qs-dossier-row-v4 small{display:block;font-size:9.5px;line-height:1.38;color:#707b73}
.qs-dossier-row-v4 em{font:8px ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;text-align:right;color:#7f8a82;letter-spacing:.055em}
.qs-dossier-sheet-foot-v4{display:flex;justify-content:space-between;gap:18px;padding-top:13px;border-top:1px solid rgba(59,72,64,.18);font:8px ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.45;letter-spacing:.045em;color:#7d8981}
.qs-dossier-sheet-foot-v4 b{font-weight:500;color:#5f6b63;text-align:right;white-space:nowrap}
.qs-dossier-scan-v4{position:absolute;left:5px;right:0;height:1px;top:17%;background:linear-gradient(90deg,transparent,rgba(126,151,66,.55),transparent);opacity:0;animation:qsDossierScan 8.4s ease-in-out infinite;pointer-events:none}
@keyframes qsDossierScan{0%,13%{top:17%;opacity:0}19%{opacity:.7}67%{top:85%;opacity:.45}76%,100%{top:85%;opacity:0}}

.qs-dossier-index-v4{display:flex;flex-direction:column;background:rgba(249,247,240,.72)}
.qs-dossier-index-head-v4{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid rgba(50,65,56,.17);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.07em;color:#6f7c74}
.qs-dossier-index-head-v4 small{font:inherit;color:#8b958e}
.qs-dossier-index-row-v4{appearance:none;border:0;border-bottom:1px solid rgba(50,65,56,.16);background:transparent;color:inherit;text-align:left;display:grid;grid-template-columns:38px minmax(0,1fr) 58px;gap:15px;align-items:start;flex:1;padding:20px 21px;cursor:pointer;font:inherit;position:relative;overflow:hidden;transition:background .3s ease,padding-left .3s ease}
.qs-dossier-index-row-v4:last-child{border-bottom:0}
.qs-dossier-index-row-v4::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#78933f;transform:scaleY(0);transition:transform .3s ease;transform-origin:top}
.qs-dossier-index-row-v4::after{content:"";position:absolute;left:0;top:0;bottom:0;width:40%;background:linear-gradient(90deg,rgba(201,221,104,.14),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}
.qs-dossier-index-row-v4>*{position:relative;z-index:1}
.qs-dossier-index-row-v4.is-active{background:rgba(241,246,224,.64);padding-left:25px}
.qs-dossier-index-row-v4.is-active::before{transform:scaleY(1)}
.qs-dossier-index-row-v4.is-active::after{opacity:1}
.qs-dossier-index-row-v4>span{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#7c8981;padding-top:3px}
.qs-dossier-index-row-v4 b{display:block;font-size:15px;line-height:1.15;margin-bottom:5px}
.qs-dossier-index-row-v4 p{font-size:11.5px;line-height:1.45;color:#68746c;margin:0;max-width:430px}
.qs-dossier-index-row-v4 em{font:8px ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;text-transform:uppercase;letter-spacing:.06em;text-align:right;color:#7b867f;padding-top:3px}
@media(hover:hover){.qs-dossier-index-row-v4:hover:not(.is-active){background:rgba(255,255,255,.32);padding-left:24px}}
.qs-compliance-foot-v4{margin-top:24px}

@media(max-width:1100px){
  .qs-source-explorer-v4{grid-template-columns:1fr;min-height:0}.qs-source-stage-v4{min-height:500px}.qs-source-index-v4{grid-template-rows:none;grid-template-columns:repeat(2,1fr)}.qs-source-row-v4:nth-child(1),.qs-source-row-v4:nth-child(2){border-bottom:1px solid rgba(54,67,59,.19)}.qs-source-row-v4:nth-child(odd){border-right:1px solid rgba(54,67,59,.19)}
  .qs-dossier-module-v4{grid-template-columns:1fr;min-height:0}.qs-dossier-stage-v4{border-right:0;border-bottom:1px solid rgba(50,65,56,.18);min-height:610px}.qs-dossier-index-v4{display:grid;grid-template-columns:repeat(2,1fr)}.qs-dossier-index-head-v4{grid-column:1/-1}.qs-dossier-index-row-v4{min-height:150px}.qs-dossier-index-row-v4:nth-of-type(odd){border-right:1px solid rgba(50,65,56,.16)}.qs-dossier-index-row-v4:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .qs-responsible-head-v4{margin-bottom:25px}.qs-source-stage-v4{min-height:390px}.qs-source-stage-meta-v4{left:18px;right:18px;bottom:18px;display:block}.qs-source-stage-meta-v4 b{display:block;text-align:left;margin-top:5px}.qs-source-progress-v4{left:18px;top:18px}.qs-source-index-v4{grid-template-columns:1fr}.qs-source-row-v4{border-right:0!important;padding:20px 15px 18px 17px;grid-template-columns:32px 1fr 15px}.qs-source-row-v4.is-active{padding-left:20px}.qs-source-row-v4 h3{font-size:22px}.qs-source-row-v4 p{font-size:12px}.qs-source-row-v4 small{font-size:8.5px}
  .qs-dossier-stage-v4{padding:52px 16px 35px;min-height:0}.qs-dossier-stage-label-v4{left:16px;right:16px}.qs-dossier-sheet-v4{padding:20px 16px 15px;box-shadow:0 12px 34px rgba(27,42,34,.1),5px 5px 0 rgba(249,247,239,.72),5px 5px 0 1px rgba(54,69,60,.11)}.qs-dossier-sheet-head-v4 b{font-size:21px}.qs-dossier-meta-v4{grid-template-columns:1fr 1fr}.qs-dossier-row-v4{grid-template-columns:28px 1fr}.qs-dossier-row-v4 em{display:none}.qs-dossier-sheet-foot-v4{display:block}.qs-dossier-sheet-foot-v4 b{display:block;text-align:left;margin-top:5px}.qs-dossier-index-v4{grid-template-columns:1fr}.qs-dossier-index-head-v4,.qs-dossier-index-row-v4:last-child{grid-column:auto}.qs-dossier-index-row-v4{min-height:0;border-right:0!important;padding:18px 16px}.qs-dossier-index-row-v4.is-active{padding-left:20px}.qs-dossier-index-row-v4 p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.qs-source-image-v4,.qs-dossier-scan-v4{transition:none!important;animation:none!important}}