/* x1-solutions-procurement - /solutions/procurement (2026-10-01). Every rule scoped under .x1-solutions-procurement.
   Signature: a draft vendor reply checked by FineShield (flagged phrase, conflict, cited source, proposed wording, approval route). */
.x1-solutions-procurement .pr-h2 {font-size: clamp(2rem, 1.35rem + 2.2vw, 3.25rem);}
.x1-solutions-procurement .eyebrow + .pr-h2 {margin-top: var(--stack-s);}

/* two-column text sections */
.x1-solutions-procurement .pr-two {align-items: start; row-gap: var(--stack-m);}
.x1-solutions-procurement .pr-two > :first-child {grid-column: 1 / span 5;}
.x1-solutions-procurement .pr-two > :last-child {grid-column: 7 / span 6;}

/* Counsel: what goes in, what it shows */
.x1-solutions-procurement .prose ul.pr-flow, .x1-solutions-procurement .pr-flow {margin: var(--stack-m) 0 0; padding: 0; list-style: none; display: grid; border-top: 1px solid var(--rule);}
.x1-solutions-procurement .pr-flow > li {display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); column-gap: 1rem; row-gap: .35rem; align-items: baseline; padding-block: 1rem; border-bottom: 1px solid var(--rule);}
.x1-solutions-procurement .pr-flow-k {grid-row: 1 / span 3; font: 600 var(--fs-eyebrow)/1.4 var(--sans); letter-spacing: var(--track-eyebrow); text-transform: uppercase; color: var(--muted);}
.x1-solutions-procurement .pr-flow-v {grid-column: 2; font: 400 1.3125rem/1.3 var(--serif); color: var(--ink);}
.x1-solutions-procurement .pr-flow-end .pr-flow-v {color: var(--accent);}

.x1-solutions-procurement .prose .pr-flow > li + li {margin-top: 0;}

/* FineShield check section */
.x1-solutions-procurement .pr-check {background: var(--tint); border-top: 0 !important;}
.x1-solutions-procurement .pr-check + .sec {border-top: 0;}
.x1-solutions-procurement .pr-split {align-items: center;}
.x1-solutions-procurement .pr-split .split-text .d29-lede {margin-top: var(--stack-m);}
.x1-solutions-procurement .pr-aha {margin-top: var(--stack-l); margin-inline: auto; max-width: 26ch;}

/* signature: the checked reply */
.x1-solutions-procurement .pr-sig {margin: 0; display: grid; gap: 1rem;}
.x1-solutions-procurement .pr-mail, .x1-solutions-procurement .pr-card {background: var(--surface); border-radius: 12px; box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 18px 48px -12px rgba(20,20,20,.18);}
.x1-solutions-procurement .pr-mail {padding: clamp(1.1rem, .7rem + 1.4vw, 1.75rem); display: grid; gap: 1.25rem;}
.x1-solutions-procurement .pr-msg {display: grid; gap: .6rem;}
.x1-solutions-procurement .pr-msg-out {padding-top: 1.25rem; border-top: 1px solid var(--rule);}
.x1-solutions-procurement .pr-msg-k {font: 600 var(--fs-eyebrow)/1.4 var(--sans); letter-spacing: var(--track-eyebrow); text-transform: uppercase; color: var(--muted); display: flex; align-items: center; gap: .6rem;}
.x1-solutions-procurement .pr-tag {font: 600 .6875rem/1 var(--sans); letter-spacing: .06em; padding: .3rem .5rem; border-radius: 999px; background: var(--tint); color: var(--text);}
.x1-solutions-procurement .pr-line {display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .5rem; font-size: 1rem; line-height: 1.45; color: var(--ink);}
.x1-solutions-procurement .pr-bar {display: inline-block; height: .55rem; width: var(--w, 40%); min-width: 2.5rem; border-radius: 999px; background: #E4E0D7;}
.x1-solutions-procurement .pr-bar-ink {display: block; background: #D9D3C6;}
.x1-solutions-procurement .pr-bar-ink + .pr-bar-ink {margin-top: .45rem;}
.x1-solutions-procurement .pr-ask {color: var(--text);}
.x1-solutions-procurement .pr-flag {color: var(--ink); padding: .05em .3em; border-radius: 4px; box-shadow: inset 0 -2px 0 #C48A12;
  background: linear-gradient(90deg, rgba(245,158,11,.32), rgba(245,158,11,.32)) no-repeat 0 0 / 100% 100%;}

.x1-solutions-procurement .pr-card {padding: clamp(1.1rem, .7rem + 1.4vw, 1.75rem); border-left: 3px solid #C48A12; margin-left: clamp(0rem, -2rem + 6vw, 3rem);}
.x1-solutions-procurement .pr-card-k {display: flex; align-items: center; gap: .55rem; font: 600 .9375rem/1.3 var(--sans); color: var(--ink); margin-bottom: .75rem;}
.x1-solutions-procurement .pr-dot {width: 8px; height: 8px; border-radius: 50%; background: #C48A12; flex: none;}
.x1-solutions-procurement .pr-rows {margin: 0; display: grid;}
.x1-solutions-procurement .pr-row {display: grid; grid-template-columns: 9.5rem minmax(0, 1fr); gap: .25rem 1rem; padding-block: .8rem; border-top: 1px solid var(--rule); align-items: baseline;}
.x1-solutions-procurement .pr-row dt {font: 600 .75rem/1.4 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--muted);}
.x1-solutions-procurement .pr-row dd {margin: 0; font-size: 1rem; line-height: 1.45; color: var(--ink);}
.x1-solutions-procurement .pr-row-hot dd {color: #7A4B00; font-weight: 600;}
.x1-solutions-procurement .pr-arrow {color: var(--accent); padding-inline: .2rem;}

/* highlight sweep when the figure arrives (only when the reveal script runs) */
.x1-solutions-procurement.d29-anim .pr-sig .pr-flag {background-size: 0% 100%; transition: background-size 700ms var(--ease) 450ms;}
.x1-solutions-procurement.d29-anim .reveal.in .pr-sig .pr-flag, .x1-solutions-procurement.d29-anim .pr-sig.in .pr-flag {background-size: 100% 100%;}
.x1-solutions-procurement.d29-anim .pr-card {opacity: 0; transform: translateX(10px); transition: opacity 500ms var(--ease) 900ms, transform 500ms var(--ease) 900ms;}
.x1-solutions-procurement.d29-anim .reveal.in .pr-card {opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce){
  .x1-solutions-procurement .pr-sig .pr-flag {background-size: 100% 100% !important; transition: none !important;}
  .x1-solutions-procurement .pr-card {opacity: 1 !important; transform: none !important; transition: none !important;}
}

.x1-solutions-procurement .pr-shot {margin: 0;}
.x1-solutions-procurement .pr-shot .d29-shot {display: block;}
.x1-solutions-procurement #questions .d29-faq {margin: 0;}
.x1-solutions-procurement .close-card .d29-deck {max-width: var(--measure);}
.x1-solutions-procurement .close-card .h2 {max-width: 19ch;}

@media (max-width: 960px){
  .x1-solutions-procurement .pr-two > :first-child, .x1-solutions-procurement .pr-two > :last-child {grid-column: 1 / -1;}
  .x1-solutions-procurement .pr-card {margin-left: 0;}
  .x1-solutions-procurement .pr-aha {margin-inline: 0;}
}
@media (max-width: 560px){
  .x1-solutions-procurement .pr-flow > li {grid-template-columns: minmax(0, 1fr);}
  .x1-solutions-procurement .pr-flow-k {grid-row: auto; margin-bottom: .15rem;}
  .x1-solutions-procurement .pr-flow-v {grid-column: 1;}
  .x1-solutions-procurement .pr-row {grid-template-columns: minmax(0, 1fr);}
}
