/* Zhipact: technical sourcing and procurement guides. */
.task-first-hero h1 { font-size:clamp(36px,3.8vw,54px); }
.procurement-entry { margin-top:24px; padding:24px; border:1px solid var(--line); border-left:4px solid var(--accent); border-radius:var(--radius-small); background:var(--white); }
.procurement-entry h3 { margin-bottom:8px; }
.procurement-entry p { max-width:75ch; }
.procurement-links { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:16px; }
.procurement-links a { font-size:15px; font-weight:650; }
.procurement-hero { padding-block:56px 42px; background:var(--navy-soft); color:#e5ebf0; }
.procurement-hero h1 { max-width:22ch; color:var(--white); }
.procurement-hero .eyebrow { color:#ffb74d; }
.procurement-hero .lead { max-width:66ch; color:#e5ebf0; }
.procurement-hero .text-link { color:#ffdd75; }
.procurement-hero .button-row { margin-top:24px; }
.procurement-breadcrumb { display:flex; gap:8px; flex-wrap:wrap; font-size:14px; margin-bottom:24px; }
.procurement-breadcrumb a { color:#d5e0eb; }
.procurement-breadcrumb span { color:#d5e0eb; }
.procurement-proof { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); background:var(--white); border-radius:var(--radius); overflow:hidden; margin-block:28px 0; }
.procurement-proof > div { padding:20px 24px; }
.procurement-proof > div + div { border-left:1px solid var(--line); }
.procurement-proof strong { display:block; color:var(--ink); margin-bottom:4px; }
.procurement-proof p { font-size:15px; }
.sector-index { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.sector-card { background:var(--white); border:1px solid var(--line); border-radius:var(--radius); padding:28px; scroll-margin-top:110px; }
.sector-card h3 { font-size:25px; }
.sector-card .sector-number { color:var(--link); font-size:13px; font-weight:700; letter-spacing:.08em; margin-bottom:12px; }
.sector-card p { font-size:16px; }
.sector-card ul { padding-left:20px; font-size:16px; }
.sector-card .procurement-links { flex-direction:column; gap:12px; }
.sector-card:last-child:nth-child(odd) { grid-column:1 / -1; }
.procurement-layout { display:grid; grid-template-columns:minmax(0,2.2fr) minmax(250px,1fr); align-items:start; gap:40px; }
.procurement-article { min-width:0; }
.procurement-article > section { margin-bottom:40px; scroll-margin-top:110px; }
.procurement-article h2 { font-size:clamp(25px,2.6vw,33px); max-width:30ch; }
.procurement-article h3 { font-size:23px; }
.procurement-article p,.procurement-article li { font-size:17px; }
.procurement-article ul,.procurement-article ol { padding-left:24px; }
.procurement-article li + li { margin-top:9px; }
.procurement-aside { position:sticky; top:100px; padding:24px; background:var(--white); border:1px solid var(--line); border-top:4px solid var(--accent); border-radius:var(--radius-small); }
.procurement-aside h2 { font-size:23px; }
.procurement-aside p,.procurement-aside li { font-size:15px; }
.procurement-aside ul { padding-left:20px; }
.procurement-aside .button { width:100%; margin-top:10px; white-space:normal; text-align:center; }
.procurement-aside .text-link { display:block; margin-top:14px; }
.procurement-pitfall { padding-bottom:28px; margin-bottom:28px; border-bottom:1px solid var(--line); }
.procurement-pitfall:last-child { margin-bottom:0; }
.procurement-record { border-left:3px solid var(--accent); padding:14px 18px; background:var(--white); }
.procurement-table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:var(--radius-small); background:var(--white); }
.procurement-table { width:100%; min-width:540px; border-collapse:collapse; font-size:15px; text-align:left; }
.procurement-table caption { padding:16px; text-align:left; font-weight:650; color:var(--ink); }
.procurement-table th { background:#edf1f4; color:var(--ink); }
.procurement-table th,.procurement-table td { padding:14px 16px; border-top:1px solid var(--line); vertical-align:top; }
.procurement-scope { margin-top:24px; padding:20px 24px; background:#fff8df; border:1px solid #eadbab; border-radius:var(--radius-small); font-size:16px; }
.procurement-faq details { padding:18px 0; border-bottom:1px solid var(--line); }
.procurement-faq summary { font-weight:650; color:var(--ink); cursor:pointer; }
.procurement-faq details p { margin-top:14px; }
.procurement-related { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.procurement-related a { display:block; border:1px solid var(--line); border-radius:var(--radius-small); padding:20px; background:var(--white); font-size:16px; font-weight:650; }
.procurement-sources { font-size:14px; }
.procurement-sources a { overflow-wrap:anywhere; }
.procurement-actions { padding:32px; border:1px solid var(--line); border-radius:var(--radius); background:var(--white); }
.procurement-actions h2 { max-width:30ch; }
.procurement-actions .button-row { margin-top:20px; }
@media(max-width:960px) {
  .procurement-layout { grid-template-columns:1fr; gap:28px; }
  .procurement-aside { position:static; }
  .procurement-related { grid-template-columns:1fr; }
}
@media(max-width:640px) {
  .procurement-hero { padding-block:36px; }
  .procurement-hero h1 { font-size:36px; }
  .sector-index,.procurement-proof { grid-template-columns:1fr; }
  .procurement-proof > div + div { border-left:0; border-top:1px solid var(--line); }
  .sector-card,.procurement-actions { padding:22px; }
  .sector-card:last-child:nth-child(odd) { grid-column:auto; }
  .procurement-entry { padding:20px; }
  .procurement-links { gap:12px 16px; }
  .procurement-layout { gap:24px; }
}