/* Supply Chain & Vendor Operations — page-scoped bespoke CSS (department-based deployment: MOU unit, function grid, coordinator, outcome, contact panel).
   Extracted verbatim from the original page inline <style>. Shared DSv2 classes live in /proposal/_v2/v2.css.
   Kept page-scoped to avoid cross-page selector collisions (per hybrid migration approach). */
.supply-investment-section{
  background:
    radial-gradient(circle at 12% 10%,rgba(255,159,67,.08),transparent 24%),
    radial-gradient(circle at 86% 12%,rgba(77,243,162,.08),transparent 24%),
    linear-gradient(180deg,var(--bg),var(--bg2));
}
.supply-mou-card{
  display:grid;grid-template-columns:.88fr 1.12fr;gap:18px;padding:20px;
  border:1px solid rgba(77,243,162,.42);border-radius:24px;
  background:radial-gradient(circle at 12% 10%,rgba(77,243,162,.06),transparent 22%),linear-gradient(180deg,var(--surface),var(--surface-deep));
  box-shadow:var(--shadow)
}
.supply-mou-summary small,.supply-contact-panel small,.supply-outcome small{
  display:block;color:var(--yellow);font-size:.62rem;font-weight:950;letter-spacing:.12em
}
.supply-mou-summary h3{margin:12px 0;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.02;letter-spacing:-.045em}
.supply-mou-summary p{color:var(--muted);line-height:1.5}
.supply-price{margin:16px 0;color:var(--green);font-size:3.25rem;font-weight:950}
.supply-price span{display:block;margin-top:6px;color:var(--muted);font-size:.8rem;font-weight:700}
.supply-capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.supply-capability-grid article{padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}
.supply-capability-grid strong{display:block;color:var(--green);font-size:.8rem}
.supply-capability-grid p{margin:7px 0 0;color:var(--muted);font-size:.7rem;line-height:1.35}
.supply-function-grid{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.supply-function-grid article{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}
.supply-function-grid small{display:block;color:var(--orange);font-size:.61rem;font-weight:950;letter-spacing:.1em}
.supply-function-grid strong{display:block;margin-top:7px;color:var(--muted);font-size:.75rem;line-height:1.35}
.supply-coordinator-section{margin-top:18px;display:grid;grid-template-columns:.82fr 1.18fr;gap:16px}
.supply-coordinator-summary,.supply-coordinator-grid{
  border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--surface),var(--surface-deep));box-shadow:var(--shadow)
}
.supply-coordinator-summary{padding:24px}
.supply-coordinator-summary h3{margin:10px 0;font-size:1.85rem;line-height:1}
.supply-coordinator-summary>p{color:var(--muted);line-height:1.6}
.supply-coordinator-grid{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.supply-coordinator-grid article{padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018)}
.supply-coordinator-grid h4{margin:0 0 10px;font-size:.84rem}
.supply-coordinator-grid ul{margin:0;padding-left:17px}
.supply-coordinator-grid li{color:var(--muted);font-size:.72rem;line-height:1.45;margin-bottom:5px}
.supply-outcome{margin-top:18px;padding:28px;text-align:center;border:1px solid rgba(77,243,162,.24);border-radius:20px;
  background:radial-gradient(circle at center,rgba(77,243,162,.08),transparent 42%),linear-gradient(180deg,var(--surface),var(--surface-deep))
}
.supply-outcome strong{display:block;max-width:980px;margin:10px auto 0;font-size:1.04rem;line-height:1.5}
.supply-contact-panel{margin-top:18px;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(90deg,rgba(77,243,162,.04),rgba(255,159,67,.03))}
.supply-contact-panel strong{display:block;max-width:850px;margin-top:7px;line-height:1.5}
@media(max-width:1100px){
  .supply-mou-card,.supply-coordinator-section{grid-template-columns:1fr}
  .supply-function-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .supply-capability-grid,.supply-function-grid,.supply-coordinator-grid{grid-template-columns:1fr}
  .supply-contact-panel{align-items:flex-start;flex-direction:column}
  .supply-price{font-size:2.8rem}
}

