/* V17 supply-chain expression. Extends the established coral, sage and oat system. */

.supply-coordinator-band{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:46px;
  align-items:stretch;
}
.supply-coordinator-copy{
  padding:42px;
  border-radius:22px;
  color:#f7f3ec;
  background:
    radial-gradient(circle at 86% 10%,rgba(233,144,125,.32),transparent 28%),
    linear-gradient(145deg,#203d33,#315b4d 64%,#24483c);
  box-shadow:0 20px 55px rgba(33,65,53,.13);
}
.supply-coordinator-copy .eyebrow{color:#f1b29f}
.supply-coordinator-copy h2{max-width:640px;margin-top:13px;color:#fff;font-size:clamp(32px,3.4vw,52px);line-height:1.04}
.supply-coordinator-copy>.zh-sub{color:#d8e9de;margin-top:12px}
.supply-coordinator-copy p{max-width:670px;margin:24px 0 26px;color:#dbe8e0;font-size:13px;line-height:1.85}
.supply-coordinator-copy .btn{border-color:#ffffff52;background:#fff;color:#254c3e}
.supply-coordinator-facts{display:grid;margin:0;border:1px solid #d5dfd5;border-radius:22px;background:#f1f6f1;overflow:hidden}
.supply-coordinator-facts>div{display:grid;grid-template-columns:110px 1fr;gap:22px;padding:25px 27px;border-bottom:1px solid #d5dfd5}
.supply-coordinator-facts>div:last-child{border-bottom:0}
.supply-coordinator-facts dt{color:#b35f4c;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.supply-coordinator-facts dd{margin:0;color:#30443b;font-size:13px;line-height:1.75}
.supply-home-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
.supply-home-flow article:nth-child(3n+2){background:#f0f5ef}

.supply-card-no{display:block;margin-bottom:28px;color:#bd684f;font-size:11px;font-weight:800;letter-spacing:.08em}
.supply-why-pillars .mini-card:nth-child(2){background:#f1f6f1;border-color:#d4e0d5}
.supply-role-statement{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:55px;align-items:start}
.supply-role-statement h2{font-size:clamp(30px,3vw,44px);line-height:1.08;margin-top:12px}
.supply-role-statement>div:last-child>p:first-child{font-size:14px;line-height:1.8;color:#544a43}
.supply-check-list{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.supply-check-list li{position:relative;padding-left:22px;color:#46544d;font-size:12px;line-height:1.65}
.supply-check-list li::before{content:'✓';position:absolute;left:0;top:0;color:#bb654f;font-weight:800}
.supply-role-statement .supply-check-list{grid-template-columns:1fr 1fr}
.supply-boundary-note{margin-top:22px;padding:14px 16px;border-left:3px solid #d67c64;background:#fff6f1;color:#73594e;font-size:11px;line-height:1.75}

.supply-levels{padding:42px;border:1px solid #dfd7cb;border-radius:22px;background:#fff}
.supply-levels>.section-heading{max-width:860px}
.supply-tier-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:27px}
.supply-tier-tabs button{display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;gap:4px 12px;align-items:start;padding:17px 18px;border:1px solid #dfd7cb;border-radius:12px;background:#faf8f4;color:#39332f;text-align:left;transition:border-color .2s,background .2s,transform .2s}
.supply-tier-tabs button:hover{transform:translateY(-2px);border-color:#cf8974}
.supply-tier-tabs button.is-active{border-color:#bd684f;background:#fff1ea;box-shadow:inset 0 0 0 1px #bd684f}
.supply-tier-tabs button>span{grid-row:1/3;color:#bb654f;font-size:10px;font-weight:800;letter-spacing:.08em}
.supply-tier-tabs strong{font-size:14px}
.supply-tier-tabs small{color:#776c65;font-size:10px;line-height:1.5}
.supply-tier-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:0;margin-top:12px;border:1px solid #d9dfd8;border-radius:15px;background:#f3f7f3;overflow:hidden}
.supply-tier-panel-main{padding:30px}
.supply-tier-panel-main h3{margin-top:7px;font-size:29px}
.supply-tier-panel-main>p{margin-top:11px;max-width:760px;color:#536159;font-size:13px;line-height:1.75}
.supply-tier-handoff{display:flex;flex-direction:column;gap:0;margin:0;padding:26px;background:#283f36;color:#eef5ef}
.supply-tier-handoff>div{padding:0 0 17px;margin-bottom:17px;border-bottom:1px solid #ffffff1f}
.supply-tier-handoff dt{color:#efa58d;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.supply-tier-handoff dd{margin:8px 0 0;color:#dce8df;font-size:11px;line-height:1.7}
.supply-tier-handoff .btn{margin-top:auto}
.supply-milestone-note{margin-bottom:0}

.supply-execution>.section-heading{max-width:880px}
.supply-execution-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:24px 0 0;padding:0;list-style:none}
.supply-execution-grid li{min-width:0}
.supply-execution-grid details{height:100%;border:1px solid #ded9d0;border-radius:13px;background:#fbf9f5;overflow:hidden}
.supply-execution-grid details[open]{border-color:#9bb4a4;background:#f1f6f2}
.supply-execution-grid summary{display:flex;flex-direction:column;min-height:205px;padding:20px;cursor:pointer;list-style:none}
.supply-execution-grid summary::-webkit-details-marker{display:none}
.supply-execution-grid summary>span{color:#bd684f;font-size:10px;font-weight:800;letter-spacing:.08em}
.supply-execution-grid summary>strong{margin-top:26px;color:#342f2b;font-size:15px;line-height:1.3}
.supply-execution-grid summary>small{margin-top:10px;color:#6b625c;font-size:11px;line-height:1.65}
.supply-execution-grid details>div{padding:17px 20px;border-top:1px solid #d7e2d9;background:#fff}
.supply-execution-grid details>div b{color:#315846;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.supply-execution-grid details>div p{margin-top:7px;color:#4e5c54;font-size:11px;line-height:1.65}
.supply-baseline{display:grid;grid-template-columns:1.05fr .95fr;gap:15px}
.supply-baseline-card{padding:33px;border-radius:18px}
.supply-baseline-card h2{margin-top:10px;font-size:30px;line-height:1.12}
.supply-baseline-dark{background:linear-gradient(145deg,#273e35,#314f42);color:#ecf3ed}
.supply-baseline-dark .eyebrow{color:#f1ad95}
.supply-baseline-dark h2{color:#fff}
.supply-baseline-dark ul{display:grid;grid-template-columns:1fr 1fr;gap:11px 22px;margin:25px 0 0;padding:0;list-style:none}
.supply-baseline-dark li{position:relative;padding-left:18px;color:#dce8df;font-size:11px;line-height:1.55}
.supply-baseline-dark li::before{content:'•';position:absolute;left:0;color:#efa28a}
.supply-baseline-dark p{margin-top:24px;padding-top:19px;border-top:1px solid #ffffff24;color:#cbd9cf;font-size:11px;line-height:1.75}
.supply-baseline-light{border:1px solid #e2d9ce;background:#fff7f0}
.supply-baseline-light>.zh-sub{margin-top:10px}
.supply-baseline-light>p{margin-top:18px;color:#655a52;font-size:12px;line-height:1.75}
.supply-baseline-light dl{display:grid;gap:8px;margin:20px 0}
.supply-baseline-light dl>div{display:grid;grid-template-columns:80px 1fr;gap:14px;padding:11px 13px;border:1px solid #e8d8cc;border-radius:9px;background:#fff}
.supply-baseline-light dt{color:#a95644;font-size:9px;font-weight:800;text-transform:uppercase}
.supply-baseline-light dd{margin:0;color:#4e4945;font-size:11px}

.supply-pdp-readiness{border-top:1px solid #e3dbd0}
.supply-readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.supply-readiness-grid article{padding:22px;border:1px solid #dbe1db;border-radius:13px;background:#f7faf7}
.supply-readiness-grid article>span{color:#bc654f;font-size:10px;font-weight:800}
.supply-readiness-grid h3{margin-top:24px;font-size:15px}
.supply-readiness-grid p{margin-top:9px;color:#655e58;font-size:11px;line-height:1.7}
.supply-readiness-cta{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:14px;padding:16px 18px;border-radius:12px;background:#f4e5dc}
.supply-readiness-cta p{color:#705a50;font-size:11px}

.supply-inquiry-fields{display:grid;gap:13px;margin:0;padding:15px;border:1px solid #d9e3dc;border-radius:12px;background:#fff}
.supply-inquiry-fields legend{padding:0 6px;color:#315846;font-size:12px;font-weight:800}
.supply-inquiry-fields>p{margin:-3px 0 2px;color:#66756d;font-size:11px;line-height:1.55}

@media(max-width:1023px){
  .supply-coordinator-band,.supply-role-statement,.supply-baseline{grid-template-columns:1fr}
  .supply-tier-panel{grid-template-columns:1fr}
  .supply-execution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .supply-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:767px){
  .supply-coordinator-band{gap:13px}
  .supply-coordinator-copy{padding:27px 23px;border-radius:17px}
  .supply-coordinator-copy h2{font-size:34px}
  .supply-coordinator-copy p{font-size:12px}
  .supply-coordinator-facts{border-radius:17px}
  .supply-coordinator-facts>div{grid-template-columns:82px 1fr;gap:13px;padding:20px}
  .supply-home-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .supply-role-statement{gap:27px}
  .supply-role-statement .supply-check-list{grid-template-columns:1fr}
  .supply-levels{padding:26px 19px;border-radius:17px}
  .supply-tier-tabs{grid-template-columns:1fr}
  .supply-tier-tabs button{grid-template-columns:31px 1fr;padding:14px}
  .supply-tier-panel-main,.supply-tier-handoff{padding:23px 19px}
  .supply-execution{padding:23px 18px}
  .supply-execution-grid{grid-template-columns:1fr}
  .supply-execution-grid summary{min-height:0;padding:18px}
  .supply-execution-grid summary>strong{margin-top:17px;font-size:16px}
  .supply-baseline-card{padding:25px 21px}
  .supply-baseline-card h2{font-size:27px}
  .supply-baseline-dark ul{grid-template-columns:1fr}
  .supply-readiness-grid{grid-template-columns:1fr}
  .supply-readiness-cta{align-items:flex-start;flex-direction:column}
  .supply-readiness-cta .btn{width:100%}
}

@media(max-width:480px){
  .supply-home-flow{grid-template-columns:1fr}
  .supply-coordinator-facts>div{grid-template-columns:1fr;gap:7px}
}