/* Shared corrections from the customer review, 16 October 2026. */

/* Every reference tile uses the same landscape image window. */
body[data-design-variant=figma] .cp-card-grid>.mc-overview-card>img {
  aspect-ratio:16/9;object-fit:cover;
}
body[data-design-variant=figma] .cp-card-grid>.mc-overview-card:has(>.rc-card-caption)>img {
  object-fit:contain;padding:16px;background:var(--idh-warm-20,#f5f3f4);
}

body[data-design-variant=figma] .fp-certifications article {
  background:var(--idh-warm-20,#f5f3f4);border:0;
}
body[data-design-variant=figma] .fp-certifications article h3 {
  font-family:Poppins,sans-serif;font-size:16px;font-weight:700!important;line-height:1.5;
}
body[data-design-variant=figma] .fp-world .idh-section-heading>h2 {
  font-size:32px!important;line-height:1.22;margin-bottom:24px;
}

/* Keep the approved ExtraBold cut, with the common 48px desktop title scale. */
body[data-design-variant=figma] .fp-challenge .fp-line-hero .fp-hero-copy>h1 {
  font-family:Poppins,sans-serif;font-weight:800!important;font-size:48px!important;line-height:1.12;
  hyphens:auto!important;-webkit-hyphens:auto!important;hyphenate-limit-chars:10 4 4;
  overflow-wrap:break-word!important;word-break:normal!important;
}

/* Leave breathing room below social links without reducing their touch target. */
body[data-design-variant=figma] :is(.fp-contact-row,.fh-contact-grid):has(>.idh-person-quote)>:is(.fp-person-card,.fh-person)>div {
  padding-bottom:20px!important;
}

body[data-design-variant=figma] .cp-careers #offene-stellen .cp-section-head>p:not(.cp-label) {
  max-width:760px;margin:24px 0 0;text-align:left;
}
body[data-design-variant=figma] .cp-job-detail .cp-job-criteria+.cp-job-task-head {
  margin-top:72px!important;
}

/* Line icons follow the existing open circular outline and IDH accent colours. */
body[data-design-variant=figma] :is(.cp-careers,.cp-job-detail) .cp-benefit-grid>article {
  display:grid;grid-template-rows:64px minmax(54px,auto) 1fr;gap:24px;align-content:start;
  padding:32px;min-height:0;
}
body[data-design-variant=figma] :is(.cp-careers,.cp-job-detail) .cp-benefit-grid>article>:is(h3,p) {
  margin:0;min-width:0;overflow-wrap:break-word;
}
body[data-design-variant=figma] :is(.cp-careers,.cp-job-detail) .cp-benefit-grid h3 {
  hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:10 4 4;overflow-wrap:normal;word-break:normal;
}
body[data-design-variant=figma] .cp-benefit-grid .cp-benefit-icon {
  display:block;width:64px;height:64px;margin:0;color:var(--idh-red,#a70a1a);
}
.cp-benefit-icon svg {display:block;width:100%;height:100%}
.cp-benefit-icon-accent {stroke:var(--idh-lime,#d1e000)}
body[data-design-variant=figma] .cp-career-gallery {padding-block:64px}
.cp-career-gallery>.cp-shell {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.cp-career-gallery figure {min-width:0;margin:0}
.cp-career-gallery img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.cp-career-gallery figcaption {margin-top:16px;font-size:16px;font-weight:600;color:var(--idh-graphite,#2c282e)}

/* Career photographs reuse the approved photo hero and its responsive gradient. */
body[data-design-variant=figma] .cp-job-detail>.cp-hero .cp-hero-grid h1 {
  hyphens:manual!important;-webkit-hyphens:manual!important;hyphenate-limit-chars:10 4 4;
  overflow-wrap:break-word!important;word-break:normal!important;
}
body[data-design-variant=figma] .cp-job-detail[data-job="zerspanungsmechaniker-bohrwerk"]>.cp-hero .cp-hero-grid h1 {
  hyphens:auto!important;-webkit-hyphens:auto!important;
}
@media(min-width:901px) {
  body[data-design-variant=figma] .cp-hero.cp-photo-focus:has(img[src*="idh-beratung-vor-ort"]) .cp-hero-copy p:not(.cp-label) {max-width:560px!important}
  /* Use the existing cp-photo-focus image layer and wide IDH gradient. */
  body[data-design-variant=figma] .cp-job-detail>.cp-hero .cp-hero-grid>.cp-hero-copy {width:100%;max-width:none}
  body[data-design-variant=figma] .cp-job-detail[data-job="roboter-programmierer"]>.cp-hero .cp-hero-media {object-position:35% center!important}
  body[data-design-variant=figma] .cp-job-detail[data-job="konstrukteur"]>.cp-hero .cp-hero-media {object-position:65% center!important}
}
@media(min-width:821px) and (max-width:1100px) {
  body[data-design-variant=figma] .fp-challenge .fp-line-hero .fp-hero-copy>h1 {font-size:40px!important}
}
@media(max-width:820px) {
  body[data-design-variant=figma] .fp-challenge .fp-line-hero .fp-hero-copy>h1 {font-size:clamp(32px,6.2vw,40px)!important}
  body[data-design-variant=figma] .fp-world .idh-section-heading>h2 {font-size:28px!important}
  .cp-career-gallery>.cp-shell {grid-template-columns:1fr;gap:32px}
  body[data-design-variant=figma] .cp-job-detail .cp-job-criteria+.cp-job-task-head {margin-top:48px!important}
}
@media(max-width:600px) {
  body[data-design-variant=figma] :is(.cp-careers,.cp-job-detail) .cp-benefit-grid>article {padding:24px}
  body[data-design-variant=figma] .cp-career-gallery {padding-block:40px}
}

/* Career review: separate copy from headings and avoid doubled section spacing. */
body[data-design-variant=figma] :is(.cp-careers,.cp-job-detail) .cp-story-grid>div>h2+p {
  margin-top:24px;
}
body[data-design-variant=figma] .cp-job-detail>.cp-section:has(+.cp-job-profile) {
  padding-bottom:48px;
}
body[data-design-variant=figma] .cp-job-detail>.cp-job-profile {
  padding-top:48px;
}
@media(max-width:820px) {
  body[data-design-variant=figma] .cp-job-detail>.cp-section:has(+.cp-job-profile) {padding-bottom:32px}
  body[data-design-variant=figma] .cp-job-detail>.cp-job-profile {padding-top:32px}
}