/* IBM Cloud protected hiring cut — page-specific, scoped styles. */

[data-project="ibm-cloud"] .ibm-hiring-hero {
  padding-bottom: var(--space-12);
  border-bottom: 0;
}

[data-project="ibm-cloud"] .ibm-hiring-position {
  max-width: 820px;
  color: var(--text);
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.55rem, 3vw, 2.65rem);
  line-height: 1.15;
}

[data-project="ibm-cloud"] .ibm-hiring-hero-art {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 var(--page-x) var(--section-y);
}

[data-project="ibm-cloud"] .ibm-hiring-hero-art img {
  width: 100%;
  border: 1px solid var(--border);
}

[data-project="ibm-cloud"] .ibm-hiring-intro,
[data-project="ibm-cloud"] .ibm-proof-index,
[data-project="ibm-cloud"] .ibm-hiring-story,
[data-project="ibm-cloud"] .ibm-hiring-close {
  max-width: var(--max-w);
  margin-inline: auto;
}

[data-project="ibm-cloud"] .ibm-hiring-intro {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: clamp(32px, 6vw, 88px);
  padding: clamp(72px, 10vw, 136px) var(--page-x);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

[data-project="ibm-cloud"] .ibm-hiring-intro > .section-label {
  grid-column: 1;
}

[data-project="ibm-cloud"] .ibm-hiring-intro h2 {
  grid-column: 2;
  margin: 0;
  font-family: 'DM Serif Display', serif;
  font-size: clamp(2.6rem, 6vw, 5rem);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.035em;
}

[data-project="ibm-cloud"] .ibm-hiring-intro h2 em {
  color: var(--blue-text);
  font-style: normal;
}

[data-project="ibm-cloud"] .ibm-hiring-intro-copy {
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-8);
  margin-top: var(--space-8);
}

[data-project="ibm-cloud"] .ibm-hiring-intro-copy p {
  margin: 0;
  color: var(--text-2);
  font-size: var(--text-lead);
  line-height: var(--leading-body);
}

[data-project="ibm-cloud"] .ibm-proof-index {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-inline: var(--page-x);
}

[data-project="ibm-cloud"] .ibm-proof-index a {
  display: grid;
  min-height: 148px;
  padding: var(--space-6);
  border-left: 1px solid var(--border);
  color: var(--text);
  text-decoration: none;
  transition: background var(--duration-fast), color var(--duration-fast);
}

[data-project="ibm-cloud"] .ibm-proof-index a:last-child {
  border-right: 1px solid var(--border);
}

[data-project="ibm-cloud"] .ibm-proof-index a:hover,
[data-project="ibm-cloud"] .ibm-proof-index a:focus-visible {
  background: var(--text);
  color: var(--bg);
}

[data-project="ibm-cloud"] .ibm-proof-index span,
[data-project="ibm-cloud"] .ibm-proof-label,
[data-project="ibm-cloud"] .ibm-flow-screen-label span,
[data-project="ibm-cloud"] .ibm-action-steps span {
  color: var(--blue-text);
  font-family: 'Source Code Pro', monospace;
  font-size: var(--text-caption);
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[data-project="ibm-cloud"] .ibm-proof-index strong {
  align-self: end;
  max-width: 260px;
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  font-weight: 400;
  line-height: 1.05;
}

[data-project="ibm-cloud"] .ibm-hiring-story {
  padding: 0 var(--page-x);
}

[data-project="ibm-cloud"] .ibm-proof {
  padding: clamp(92px, 12vw, 160px) 0;
  border-top: 1px solid var(--border);
  scroll-margin-top: calc(var(--nav-h) + var(--space-6));
}

[data-project="ibm-cloud"] .ibm-proof:first-child {
  border-top: 0;
}

[data-project="ibm-cloud"] .ibm-proof-header {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: clamp(28px, 6vw, 84px);
  margin-bottom: clamp(52px, 8vw, 96px);
}

[data-project="ibm-cloud"] .ibm-proof-label {
  margin: 0;
}

[data-project="ibm-cloud"] .ibm-proof-header h2 {
  grid-column: 2;
  margin: -8px 0 0;
  max-width: 900px;
  font-size: clamp(3rem, 6.2vw, 5.4rem);
  line-height: 0.96;
  letter-spacing: -0.04em;
}

[data-project="ibm-cloud"] .ibm-proof-lede {
  grid-column: 2;
  max-width: 760px;
  margin: var(--space-6) 0 0;
  color: var(--text-2);
  font-size: clamp(1.1rem, 1.8vw, 1.4rem);
  line-height: 1.55;
}

[data-project="ibm-cloud"] .ibm-proof-product-layout,
[data-project="ibm-cloud"] .ibm-systems-layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: clamp(40px, 7vw, 88px);
  align-items: start;
}

[data-project="ibm-cloud"] .ibm-proof-copy {
  padding-top: var(--space-6);
  border-top: 1px solid var(--border);
}

[data-project="ibm-cloud"] .ibm-proof-copy--wide {
  max-width: 790px;
  margin-left: calc(33.333% + 28px);
}

[data-project="ibm-cloud"] .ibm-proof-copy p {
  max-width: 750px;
  margin: 0;
  font-size: clamp(1rem, 1.45vw, 1.2rem);
  line-height: 1.7;
}

[data-project="ibm-cloud"] .ibm-proof-copy p + p {
  margin-top: var(--space-6);
}

[data-project="ibm-cloud"] .ibm-proof-copy .case-study-thesis {
  margin-bottom: var(--space-8);
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.8rem, 3.3vw, 2.8rem);
  line-height: 1.08;
  letter-spacing: -0.02em;
}

[data-project="ibm-cloud"] .ibm-product-evidence {
  position: sticky;
  top: calc(var(--nav-h) + var(--space-8));
}

[data-project="ibm-cloud"] .ibm-flow-screen {
  margin: 0;
  min-width: 0;
}

[data-project="ibm-cloud"] .ibm-flow-screen-label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
  padding: 0 0 var(--space-3);
}

[data-project="ibm-cloud"] .ibm-flow-screen-label strong {
  font-family: 'DM Serif Display', serif;
  font-size: 1.1rem;
  font-weight: 400;
}

[data-project="ibm-cloud"] .product-facsimile {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--border);
  background: #f4f4f4;
}

[data-project="ibm-cloud"] .ibm-flow-screen figcaption,
[data-project="ibm-cloud"] .ibm-atlas-feature figcaption {
  margin-top: var(--space-3);
  color: var(--text-2);
  font-family: 'Source Code Pro', monospace;
  font-size: var(--text-caption);
  line-height: 1.5;
}

[data-project="ibm-cloud"] .ibm-flow-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-8);
}

[data-project="ibm-cloud"] .ibm-flow-pair .ibm-flow-screen-label {
  display: block;
  min-height: 52px;
}

[data-project="ibm-cloud"] .ibm-flow-pair .ibm-flow-screen-label strong {
  display: block;
  margin-top: var(--space-1);
}

[data-project="ibm-cloud"] .product-facsimile text { font-family: Arial, Helvetica, sans-serif; }
[data-project="ibm-cloud"] .product-facsimile .en-bg { fill: #f4f4f4; }
[data-project="ibm-cloud"] .product-facsimile .en-topbar { fill: #161616; }
[data-project="ibm-cloud"] .product-facsimile .en-pagehead,
[data-project="ibm-cloud"] .product-facsimile .en-panel { fill: #fff; }
[data-project="ibm-cloud"] .product-facsimile .en-rail { fill: #f4f4f4; stroke: #dedede; stroke-width: 1; }
[data-project="ibm-cloud"] .product-facsimile .en-topmark { fill: #f4f4f4; font-size: 13px; font-weight: 600; }
[data-project="ibm-cloud"] .product-facsimile .en-crumb { fill: #0f62fe; font-size: 11px; }
[data-project="ibm-cloud"] .product-facsimile .en-title { fill: #161616; font-size: 24px; }
[data-project="ibm-cloud"] .product-facsimile .en-step { fill: #393939; font-size: 12px; }
[data-project="ibm-cloud"] .product-facsimile .en-step-strong { font-weight: 700; }
[data-project="ibm-cloud"] .product-facsimile .en-active-line { fill: #0f62fe; }
[data-project="ibm-cloud"] .product-facsimile .en-card-title { fill: #161616; font-size: 18px; }
[data-project="ibm-cloud"] .product-facsimile .en-large { font-size: 22px; }
[data-project="ibm-cloud"] .product-facsimile .en-label { fill: #6f6f6f; font-size: 10px; }
[data-project="ibm-cloud"] .product-facsimile .en-value { fill: #262626; font-size: 13px; }
[data-project="ibm-cloud"] .product-facsimile .en-field,
[data-project="ibm-cloud"] .product-facsimile .en-node { fill: #fff; stroke: #8d8d8d; stroke-width: 1; }
[data-project="ibm-cloud"] .product-facsimile .en-field-active { stroke: #0f62fe; stroke-width: 2; }
[data-project="ibm-cloud"] .product-facsimile .en-node-title { font-size: 15px; font-weight: 600; }
[data-project="ibm-cloud"] .product-facsimile .en-mapline { stroke: #0f62fe; stroke-width: 2; }

[data-project="ibm-cloud"] .ibm-action-map {
  margin-top: clamp(52px, 8vw, 92px);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

[data-project="ibm-cloud"] .ibm-action-map > header {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: clamp(28px, 5vw, 70px);
  padding: var(--space-6) 0 var(--space-8);
}

[data-project="ibm-cloud"] .ibm-action-map h3,
[data-project="ibm-cloud"] .ibm-visual-atlas h3,
[data-project="ibm-cloud"] .ibm-system-result h3 {
  margin: 0;
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.9rem, 4vw, 3.4rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.025em;
}

[data-project="ibm-cloud"] .ibm-action-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--border);
}

[data-project="ibm-cloud"] .ibm-action-steps article {
  min-height: 250px;
  padding: var(--space-6);
  border-right: 1px solid var(--border);
}

[data-project="ibm-cloud"] .ibm-action-steps article:last-child { border-right: 0; }

[data-project="ibm-cloud"] .ibm-action-steps h4 {
  margin: var(--space-16) 0 var(--space-4);
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  font-weight: 400;
  line-height: 1.05;
}

[data-project="ibm-cloud"] .ibm-action-steps p {
  margin: 0;
  color: var(--text-2);
  font-size: 0.9rem;
  line-height: 1.55;
}

[data-project="ibm-cloud"] .ibm-action-outcomes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: var(--space-14);
  border: 1px solid var(--border);
  background: var(--border);
}

[data-project="ibm-cloud"] .ibm-action-outcomes article {
  padding: var(--space-6);
  background: var(--bg-2);
}

[data-project="ibm-cloud"] .ibm-action-outcomes strong {
  color: var(--blue-text);
  font-family: 'Source Code Pro', monospace;
  font-size: var(--text-caption);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[data-project="ibm-cloud"] .ibm-action-outcomes p {
  margin: var(--space-4) 0 0;
  font-family: 'DM Serif Display', serif;
  font-size: 1.3rem;
  line-height: 1.3;
}

[data-project="ibm-cloud"] .ibm-system-result {
  padding: var(--space-8);
  border: 1px solid var(--border);
  background: var(--bg-2);
}

[data-project="ibm-cloud"] .ibm-system-result h3 {
  margin: var(--space-6) 0 var(--space-4);
}

[data-project="ibm-cloud"] .ibm-system-result > p:last-child {
  margin: 0;
  color: var(--text-2);
  font-size: 1rem;
  line-height: 1.6;
}

[data-project="ibm-cloud"] .ibm-evidence-reservation {
  max-width: 760px;
  margin: clamp(40px, 6vw, 72px) 0 0 auto;
  padding: var(--space-6);
  border: 1px dashed var(--border);
  background: var(--bg-2);
}

[data-project="ibm-cloud"] .ibm-evidence-reservation span {
  color: var(--blue-text);
  font-family: 'Source Code Pro', monospace;
  font-size: var(--text-caption);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[data-project="ibm-cloud"] .ibm-evidence-reservation p {
  max-width: 620px;
  margin: var(--space-4) 0 0;
  color: var(--text-2);
  font-size: 0.95rem;
  line-height: 1.6;
}

[data-project="ibm-cloud"] .ibm-hiring-close {
  padding: clamp(92px, 12vw, 160px) var(--page-x);
  border-top: 1px solid var(--border);
}

[data-project="ibm-cloud"] .ibm-hiring-close > div {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(36px, 7vw, 92px);
  margin-top: var(--space-6);
  padding-top: var(--space-6);
  border-top: 1px solid var(--border);
}

[data-project="ibm-cloud"] .ibm-hiring-close h2 {
  margin: 0;
  font-family: 'DM Serif Display', serif;
  font-size: clamp(2.8rem, 6vw, 5rem);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.035em;
}

[data-project="ibm-cloud"] .ibm-hiring-close p {
  max-width: 700px;
  margin: 0;
  font-size: clamp(1.05rem, 1.7vw, 1.35rem);
  line-height: 1.6;
}

[data-project="ibm-cloud"] .ibm-hiring-close p + p { margin-top: var(--space-6); }

@media (max-width: 900px) {
  [data-project="ibm-cloud"] .ibm-proof-product-layout,
  [data-project="ibm-cloud"] .ibm-systems-layout { grid-template-columns: 1fr; }
  [data-project="ibm-cloud"] .ibm-product-evidence { position: static; margin-top: var(--space-12); }
  [data-project="ibm-cloud"] .ibm-proof-copy--wide { margin-left: 0; }
  [data-project="ibm-cloud"] .ibm-action-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-project="ibm-cloud"] .ibm-action-steps article:nth-child(2) { border-right: 0; }
  [data-project="ibm-cloud"] .ibm-action-steps article:nth-child(-n+2) { border-bottom: 1px solid var(--border); }
}

@media (max-width: 720px) {
  [data-project="ibm-cloud"] .ibm-hiring-intro,
  [data-project="ibm-cloud"] .ibm-proof-header,
  [data-project="ibm-cloud"] .ibm-action-map > header,
  [data-project="ibm-cloud"] .ibm-hiring-close > div { grid-template-columns: 1fr; }

  [data-project="ibm-cloud"] .ibm-hiring-intro h2,
  [data-project="ibm-cloud"] .ibm-hiring-intro-copy,
  [data-project="ibm-cloud"] .ibm-proof-header h2,
  [data-project="ibm-cloud"] .ibm-proof-lede { grid-column: 1; }

  [data-project="ibm-cloud"] .ibm-hiring-intro-copy { grid-template-columns: 1fr; }
  [data-project="ibm-cloud"] .ibm-proof-index { grid-template-columns: 1fr; }
  [data-project="ibm-cloud"] .ibm-proof-index a {
    min-height: 104px;
    border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
  }
  [data-project="ibm-cloud"] .ibm-proof-index a:last-child { border-bottom: 0; }
  [data-project="ibm-cloud"] .ibm-flow-pair { gap: var(--space-3); }
  [data-project="ibm-cloud"] .ibm-action-steps,
  [data-project="ibm-cloud"] .ibm-action-outcomes { grid-template-columns: 1fr; }
  [data-project="ibm-cloud"] .ibm-action-steps article {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }
  [data-project="ibm-cloud"] .ibm-action-steps article:nth-child(2) { border-bottom: 1px solid var(--border); }
  [data-project="ibm-cloud"] .ibm-action-steps article:last-child { border-bottom: 0; }
  [data-project="ibm-cloud"] .ibm-action-steps h4 { margin-top: var(--space-8); }
}

@media (max-width: 480px) {
  [data-project="ibm-cloud"] .ibm-flow-pair { grid-template-columns: 1fr; }
  [data-project="ibm-cloud"] .ibm-flow-pair .ibm-flow-screen-label { min-height: 0; }
  [data-project="ibm-cloud"] .ibm-flow-pair .ibm-flow-screen + .ibm-flow-screen { margin-top: var(--space-8); }
}
