.buyer-resource-section{padding:70px max(5vw,calc((100vw - var(--max))/2));background:#f3f8fc}.buyer-resource-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}.buyer-resource-head h2{font-size:clamp(34px,4vw,54px);letter-spacing:-2px;margin:0}.buyer-resource-head p{max-width:520px;color:var(--muted);line-height:1.55;margin:0}.buyer-resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.buyer-resource-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.buyer-resource-card img{width:100%;aspect-ratio:1.5;object-fit:cover}.buyer-resource-card div{padding:18px;display:grid;gap:9px}.buyer-resource-card small{color:#1674bb;font-size:10px;letter-spacing:1px;text-transform:uppercase}.buyer-resource-card b{font-size:17px;line-height:1.3}.buyer-resource-card span{font-size:12px;color:var(--muted)}.article-cover{width:100%;max-height:560px;object-fit:cover;margin:28px 0 42px}.buyer-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.buyer-checklist li{list-style:none;border:1px solid var(--line);padding:15px 18px;color:#365a77}.boundary-note{padding:18px 20px;background:#edf6fb;border-left:3px solid #1674bb;color:#49677f;line-height:1.6}.related-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.related-links a{border:1px solid #bad2e4;padding:10px 14px;color:#0b67ad}@media(max-width:1000px){.buyer-resource-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.buyer-resource-head{display:block}.buyer-resource-head p{margin-top:12px}.buyer-resource-grid,.buyer-checklist{grid-template-columns:1fr}}

/* Resource cards lead with a compact drawn band rather than stock photography: the
   articles describe procurement situations we have no photographs of, and a 3:2
   photo in a single-column layout grew to almost a full screen of height before the
   reader reached the next item. The band is a fixed height at every breakpoint. */
.buyer-resource-card .resource-visual {
  height: 96px;
  display: grid;
  place-items: center;
  background: repeating-linear-gradient(135deg, #f4f9fc, #f4f9fc 12px, #edf4f9 12px, #edf4f9 24px);
  border-bottom: 1px solid var(--line);
}

.buyer-resource-card .resource-visual svg {
  width: 40px;
  height: 40px;
  fill: none;
  stroke: #1f6ea8;
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .85;
}