/* x1-compare-contract-management — /compare/contract-management (1001 additional pages).
   Signature: a blank "Name the job" worksheet in the hero. Every rule scoped under the page class. */
.x1-compare-contract-management .cm-vh {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
.x1-compare-contract-management .cm-col-h {font-size: clamp(2rem, 1.35rem + 2.2vw, 3.25rem); margin-bottom: var(--stack-m);}
.x1-compare-contract-management .eyebrow {margin-bottom: var(--stack-s);}

/* hero: the worksheet takes the picture slot */
.x1-compare-contract-management .hero-text .display {max-width: 13ch;}
.x1-compare-contract-management .cm-sheet-wrap {justify-content: center;}
.x1-compare-contract-management .cm-sheet {background: var(--surface); border: 1px solid var(--rule); border-radius: var(--radius-img);
  box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 24px 60px -24px rgba(20,20,20,.22);
  padding: clamp(1.25rem, .8rem + 1.6vw, 2.25rem); position: relative;}
.x1-compare-contract-management .cm-sheet::before {content: ""; position: absolute; left: clamp(1.25rem, .8rem + 1.6vw, 2.25rem); top: 0; width: 2.5rem; height: 3px; background: var(--accent); border-radius: 0 0 2px 2px;}
.x1-compare-contract-management .cm-sheet-k {font: 400 clamp(1.625rem, 1.3rem + 1vw, 2.125rem)/1.1 var(--serif); color: var(--ink); letter-spacing: -.015em; margin-bottom: 1.1rem;}
.x1-compare-contract-management .cm-tbl {width: 100%; border-collapse: collapse; table-layout: fixed; font-size: .9375rem;}
.x1-compare-contract-management .cm-tbl th, .x1-compare-contract-management .cm-tbl td {padding: .62rem .35rem; border-bottom: 1px solid var(--rule); vertical-align: middle;}
.x1-compare-contract-management .cm-tbl thead th {font: 600 .6875rem/1.3 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); text-align: center; vertical-align: bottom; padding-bottom: .75rem; border-bottom-color: rgba(0,0,0,.18);}
.x1-compare-contract-management .cm-tbl thead th:first-child {width: 34%;}
.x1-compare-contract-management .cm-tbl thead th:nth-child(2) {color: var(--ink);}
.x1-compare-contract-management .cm-tbl tbody th {text-align: left; font-weight: 600; color: var(--ink);}
.x1-compare-contract-management .cm-tbl td {text-align: center;}
.x1-compare-contract-management .cm-tbl td:nth-child(2) {background: rgba(143,82,14,.045);}
.x1-compare-contract-management .cm-row-mid th, .x1-compare-contract-management .cm-row-mid td {border-top: 1px solid rgba(0,0,0,.18);}
.x1-compare-contract-management .cm-tbl tbody tr:last-child th, .x1-compare-contract-management .cm-tbl tbody tr:last-child td {border-bottom: 0;}
.x1-compare-contract-management .cm-box {display: inline-block; width: 1.05rem; height: 1.05rem; border: 1.5px solid rgba(0,0,0,.28); border-radius: 4px; vertical-align: middle;}

/* source split */
.x1-compare-contract-management .cm-archive {aspect-ratio: 4 / 3; object-position: 40% 60%;}

/* two-column head + text */
.x1-compare-contract-management .cm-two {align-items: start; row-gap: 1.5rem;}
.x1-compare-contract-management .cm-two > :first-child {grid-column: 1 / span 5;}
.x1-compare-contract-management .cm-two > :last-child {grid-column: 7 / span 6;}
.x1-compare-contract-management .cm-two .d29-lede {max-width: 40rem;}

/* editorial band */
.x1-compare-contract-management .cm-editorial .bleed {height: clamp(16rem, 34vw, 32rem); object-position: 50% 62%;}

/* after signature: the route */
.x1-compare-contract-management .cm-after {align-items: center;}
.x1-compare-contract-management .cm-route {list-style: none; margin: 0; display: grid; gap: 0; position: relative;}
.x1-compare-contract-management .cm-step {display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: 1rem; align-items: center; padding-block: 1.05rem; position: relative;}
.x1-compare-contract-management .cm-step + .cm-step {border-top: 1px solid var(--rule);}
.x1-compare-contract-management .cm-dot {width: 12px; height: 12px; border-radius: 50%; background: #B9B6AE; justify-self: center;}
.x1-compare-contract-management .cm-step-t {font: 400 clamp(1.25rem, 1.05rem + .7vw, 1.625rem)/1.25 var(--serif); color: var(--ink); letter-spacing: -.01em; text-wrap: balance;}
.x1-compare-contract-management .cm-step-warn .cm-dot {background: #C48A12;}
.x1-compare-contract-management .cm-step-warn .cm-step-t {background-image: linear-gradient(transparent 62%, var(--accent-soft) 62%); width: fit-content;}
.x1-compare-contract-management .cm-step-flag .cm-dot {background: var(--accent); box-shadow: 0 0 0 5px rgba(143,82,14,.14);}
.x1-compare-contract-management .cm-aha {margin: var(--stack-l) auto 0; max-width: 30ch;}

/* the three comparisons */
.x1-compare-contract-management .cm-rows .row-t {font-size: clamp(1.5rem, 1.2rem + 1vw, 2.125rem); line-height: 1.15; text-wrap: balance;}
.x1-compare-contract-management .cm-rows > li > p {max-width: 40rem; text-wrap: pretty;}

/* end band */
.x1-compare-contract-management .close-card .h2 {max-width: 18ch;}

/* questions */
.x1-compare-contract-management .d29-faq summary {font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem);}

@media (max-width: 960px){
  .x1-compare-contract-management .cm-two > :first-child, .x1-compare-contract-management .cm-two > :last-child {grid-column: 1 / -1;}
  .x1-compare-contract-management .cm-sheet-wrap {max-width: 40rem;}
}
@media (max-width: 560px){
  .x1-compare-contract-management .cm-tbl {font-size: .875rem;}
  .x1-compare-contract-management .cm-tbl thead th {font-size: .625rem; letter-spacing: .04em;}
  .x1-compare-contract-management .cm-tbl th, .x1-compare-contract-management .cm-tbl td {padding-inline: .2rem;}
  .x1-compare-contract-management .cm-tbl thead th:first-child {width: 31%;}
}