/* Shared Outplacement layout. Exact existing .com page-ID rules promoted to template scope; keep media-query ancestry. */
body.page-template-tpl-outplacement-php .left-right-container .wider-lr-container
{
    overflow: hidden;
    position: relative;
}
body.page-template-tpl-outplacement-php .left-right-container .row
{
    min-height: 864px;
    padding-left: 96px;
    padding-right: 96px;
    max-width: 1440px;
    display: flex;
    position: unset;
    width: unset;
}
body.page-template-tpl-outplacement-php .left-right-container .wider-lr-container .block-text
 {
    align-self: center;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    word-wrap: break-word;
    width: calc((23 / 58) * 100%);
    flex-basis: unset;
}
body.page-template-tpl-outplacement-php .left-right-container.left_image_start .wider-lr-container:nth-child(odd) .row .block-text
{
    margin-left: auto;
}
body.page-template-tpl-outplacement-php .left-right-container.left_image_start .wider-lr-container:nth-child(odd) .row .block-image
{
    left: 0;
    margin-left: 0;
}
body.page-template-tpl-outplacement-php .left-right-container:not(.zigzag-left-right) .block-image {
    border-radius: 0 96px;
}
body.page-template-tpl-outplacement-php .left-right-container .wider-lr-container .row .block-image  {
    right: 0;
}
body.page-template-tpl-outplacement-php .left-right-container .wider-lr-container .block-image
 {
    height: auto;
    position: absolute;
    overflow: hidden;
    width: 50%;
    align-items: center;
    top: 0;
    bottom: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}
body.page-template-tpl-outplacement-php .left-right-container.left_image_start .wider-lr-container .block-image figure {
    max-width: 540px;
    aspect-ratio: 600 / 396;
    position: relative;
    width: 100%;
    container-type: inline-size;
}
body.page-template-tpl-outplacement-php .left-right-container .wider-lr-container .block-image img {
    bottom: auto;
    position: absolute;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    right: 0;
    top: 0;
    max-height: none;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    transform: none;
}
@media (max-width: 1024px) {
    body.page-template-tpl-outplacement-php .left-right-container .row
    {
        padding-left: 40px;
        padding-right: 40px;
    }   
}
@media (max-width: 1024px) {
    body.page-template-tpl-outplacement-php .left-right-container .wider-lr-container .block-text
    {
        padding: 70px 0;
        width: calc((23 / 51) * 100%) !important;
    }   
}
@media (max-width: 1023px) {
    
    body.page-template-tpl-outplacement-php .left-right-container .row {
        min-height: auto;
        padding-left: 20px;
        padding-right: 20px;
        display: block;
    }
}
@media (max-width: 1023px) {
    body.page-template-tpl-outplacement-php .left-right-container .wider-lr-container .block-text {
        padding: 64px 0;
        width: 100%;
    }
}
@media (max-width: 1023px) {
    body.page-template-tpl-outplacement-php .left-right-container.left_image_start .wider-lr-container:nth-child(odd) .row .block-image,
body.page-template-tpl-outplacement-php .left-right-container .wider-lr-container .block-image
    {
        position: static;
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
    }
}
@media (max-width: 1023px) {
    body.page-template-tpl-outplacement-php .left-right-container.left_image_start .wider-lr-container .block-image figure
    {
        aspect-ratio: auto;
        max-width: unset;
    }
}
@media (max-width: 1023px) {
    body.page-template-tpl-outplacement-php .left-right-container .wider-lr-container .block-image img
    {
        position: static;
    }
}
@media (max-width: 1023px) {
    body.page-template-tpl-outplacement-php .left-right-container .wider-lr-container .block-text{
        width: 100% !important;
        padding: 64px 0px;
    }
}
/* Optional components inherit the shared page type and do not depend on a country or page ID. */
body.page-template-tpl-outplacement-php .cm-outplacement-image-only {
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}
body.page-template-tpl-outplacement-php .cm-outplacement-hero-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}
body.page-template-tpl-outplacement-php .outplacement-block:has(.cm-outplacement-image-only) .row {
  align-items: stretch;
}
body.page-template-tpl-outplacement-php .outplacement-block:has(.cm-outplacement-image-only) .middle-img-block {
  height: 100%;
}
body.page-template-tpl-outplacement-php .outplacement-block .top-block-image { min-width: 0; }
body.page-template-tpl-outplacement-php .cm-op-flat-benefits .we-help-wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 60px 32px;
  padding: 0;
}
body.page-template-tpl-outplacement-php .cm-op-flat-benefits .we-help-items { display: contents; }
body.page-template-tpl-outplacement-php .cm-op-flat-benefits .we-help-item { width: auto; min-width: 0; max-width: none; }
body.page-template-tpl-outplacement-php .left-right-container .row:not(.blue-heading) .block-text { color: #fff; }
body.page-template-tpl-outplacement-php .left-right-container .row:not(.blue-heading) .block-text ul,
body.page-template-tpl-outplacement-php .left-right-container .row:not(.blue-heading) .block-text ol,
body.page-template-tpl-outplacement-php .left-right-container .row:not(.blue-heading) .block-text li { color: #fff; }
body.page-template-tpl-outplacement-php .left-right-container .row:not(.blue-heading) .block-text a.button.blue {
  background: #c6e8e6;
  color: #1d264a;
}
body.page-template-tpl-outplacement-php .left-right-container .wider-lr-container .block-image.cm-op-image-cover figure {
  width: 100%; height: 100%; max-width: none; aspect-ratio: auto; margin: 0; position: relative;
}
body.page-template-tpl-outplacement-php .left-right-container .wider-lr-container .block-image.cm-op-image-cover img { object-fit: cover; }
body.page-template-tpl-outplacement-php .left-right-container .wider-lr-container .block-image.cm-op-image-contain figure {
  width: calc(100% - 64px); max-width: 540px; height: 100%; aspect-ratio: auto; margin: 0 auto; position: relative;
}
body.page-template-tpl-outplacement-php .left-right-container .wider-lr-container .block-image.cm-op-image-contain img {
  width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: contain; position: absolute;
}
body.page-template-tpl-outplacement-php .testimonials-block .client-desc h2 {
  font-size: clamp(28px, 3.34vw, 48px);
  line-height: 1.18;
  overflow-wrap: break-word;
}
body.page-template-tpl-outplacement-php .testimonials-block .client-desc h2 span { font-size: inherit; line-height: inherit; }
body.page-template-tpl-outplacement-php .testimonials-block .client_name { font-size: clamp(18px, 1.53vw, 22px); line-height: 1.45; }
body.page-template-tpl-outplacement-php .testimonials-block .client-desc { padding-top: 72px; padding-bottom: 72px; }
@media (max-width: 767px) {
  body.page-template-tpl-outplacement-php .cm-op-flat-benefits .we-help-wrap { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  body.page-template-tpl-outplacement-php .left-right-container .wider-lr-container .block-image.cm-op-image-contain figure { width: calc(100% - 48px); min-height: 360px; }
  body.page-template-tpl-outplacement-php .left-right-container .wider-lr-container .block-image.cm-op-image-cover figure { aspect-ratio: 4 / 3; height: auto; }
  body.page-template-tpl-outplacement-php .cm-outplacement-image-only { aspect-ratio: 4 / 3; min-height: 0; height: auto; }
  body.page-template-tpl-outplacement-php .cm-outplacement-hero-image { height: 100%; min-height: 0; }
  body.page-template-tpl-outplacement-php .testimonials-block .client-desc { padding-top: 48px; padding-bottom: 48px; }
}

/* Brand presets and content-led layout shared by every Outplacement page that selects them. */
body.page-template-tpl-outplacement-php {
  --cm-op-navy: #1d264a;
  --cm-op-sky: #e8f5fc;
  --cm-op-warm: #faf7f5;
  --cm-op-white: #fff;
}
body.page-template-tpl-outplacement-php .cm-op-theme-navy { background-color: var(--cm-op-navy); }
body.page-template-tpl-outplacement-php .cm-op-theme-sky { background-color: var(--cm-op-sky); }
body.page-template-tpl-outplacement-php .cm-op-theme-warm { background-color: var(--cm-op-warm); }
body.page-template-tpl-outplacement-php .cm-op-theme-white { background-color: var(--cm-op-white); }
body.cm-op-balanced .left-right-container .row { min-height: 560px; padding-top: 64px; padding-bottom: 64px; }
body.cm-op-balanced .left-right-container .wider-lr-container .block-text { padding-top: 0; padding-bottom: 0; }
body.cm-op-balanced .zigzag-left-right .number-block { padding: 8px 0 0; }
body.cm-op-balanced .left-right-container .block-text > :last-child { padding-bottom: 0; }
body.cm-op-balanced .left-right-container .block-text .button { margin-bottom: 0; }
body.cm-op-balanced .zigzag-left-right .button { margin-top: 24px !important; }
body.cm-op-balanced .left-right-container .blue-heading .button.aqua { background-color: #1d264a; color: #fff; }
body.cm-op-balanced .left-right-container .blue-heading .number-block h4 { color: #1d264a; }
body.page-template-tpl-outplacement-php .cm-op-alternating > .wider-lr-container:nth-child(even) .block-text { margin-left: auto; }
body.page-template-tpl-outplacement-php .cm-op-alternating > .wider-lr-container:nth-child(even) .block-image { left: 0; right: auto; }
/* Keep the hero copy on the same wide-screen content guide as the body. */
body.cm-op-balanced .outplacement-block .left-right-block p { max-width: 740px; }
@media (min-width: 1600px) {
  body.cm-op-balanced .outplacement-block .left-right-block { padding-left: max(96px, calc((100vw - 1320px) / 2)); }
}
/* A still photo fills the text-led hero height rather than making a wide-screen hero enormous. */
body.page-template-tpl-outplacement-php .outplacement-block .top-block-image { position: relative; }
body.page-template-tpl-outplacement-php .cm-outplacement-image-only { position: absolute; inset: 0; }
@media (max-width: 767px) {
  body.cm-op-balanced .left-right-container .row { min-height: 0; padding-top: 48px; padding-bottom: 0; }
  body.cm-op-balanced .left-right-container .wider-lr-container .block-text { padding-bottom: 40px; }
  body.page-template-tpl-outplacement-php .cm-op-alternating > .wider-lr-container:nth-child(even) .block-text { margin-left: 0; }
  body.page-template-tpl-outplacement-php .cm-outplacement-image-only { position: relative; inset: auto; }
}

/* Optional shared components. Empty fields render nothing on existing pages. */
body.page-template-tpl-outplacement-php .outplacement-block .button.blue,body.page-template-tpl-outplacement-php .charcoal-blue .button.blue { background:#c6e8e6;color:#1d264a; }
body.page-template-tpl-outplacement-php .cm-op-quick-links .row { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:32px 96px;width:100%;max-width:1440px;margin:auto; }
body.page-template-tpl-outplacement-php .cm-op-quick-links a { color:#1d264a;text-decoration:none;font-size:18px;line-height:1.4;border-bottom:1px solid #c6e8e6;padding-bottom:12px; }
body.page-template-tpl-outplacement-php .cm-op-features-grid { padding:72px 0;background:#faf7f5; }
body.page-template-tpl-outplacement-php .cm-op-features-grid .row.mw-100 { width:100%;max-width:1440px!important;padding:0 96px; }
body.page-template-tpl-outplacement-php .cm-op-features-grid .block-left-right-icon { display:block; }
body.page-template-tpl-outplacement-php .cm-op-features-grid .block-text { width:100%;max-width:none;padding:0 0 32px; }
body.page-template-tpl-outplacement-php .cm-op-features-grid .block-text h2 { margin:0;padding:0;font-size:clamp(28px,3vw,40px);line-height:1.2; }
body.page-template-tpl-outplacement-php .cm-op-features-grid .block-right-icon { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;width:100%;max-width:none;padding:0; }
body.page-template-tpl-outplacement-php .cm-op-features-grid .block_icon { width:100%;max-width:none;padding:0;display:block; }
body.page-template-tpl-outplacement-php .cm-op-features-grid .block_icon figure { margin:0 0 20px;width:48px;height:48px; }
body.page-template-tpl-outplacement-php .cm-op-features-grid .block_icon img { width:48px;height:48px;object-fit:contain; }
body.page-template-tpl-outplacement-php .cm-op-features-grid .block_icon h2 { font-size:24px;line-height:1.3;margin:0 0 16px;padding:0; }
body.page-template-tpl-outplacement-php .cm-op-features-grid .block_icon p { font-size:18px;line-height:1.5;margin:0;padding:0; }
body.page-template-tpl-outplacement-php .cm-op-accordion,body.page-template-tpl-outplacement-php .cm-op-comparison { padding:72px 0;background:#fff;color:#1d264a; }
body.page-template-tpl-outplacement-php .cm-op-comparison { background:#faf7f5; }
body.page-template-tpl-outplacement-php .cm-op-accordion>.row,body.page-template-tpl-outplacement-php .cm-op-comparison>.row { width:100%;max-width:1440px;padding:0 96px;margin:auto; }
body.page-template-tpl-outplacement-php .cm-op-accordion h2,body.page-template-tpl-outplacement-php .cm-op-comparison h2 { font-size:clamp(28px,3vw,40px);line-height:1.2;padding:0;margin:0 0 40px; }
body.page-template-tpl-outplacement-php .cm-op-accordion-grid { display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start; }
body.page-template-tpl-outplacement-php .cm-op-accordion details { border-bottom:1px solid #dce5e9;padding:22px 0; }
body.page-template-tpl-outplacement-php .cm-op-accordion details:first-child { padding-top:0; }
body.page-template-tpl-outplacement-php .cm-op-accordion summary { display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:24px;line-height:1.35;cursor:pointer;list-style:none; }
body.page-template-tpl-outplacement-php .cm-op-accordion summary::after { content:'+';color:#387d7e;font-size:28px;line-height:1;flex:none; }
body.page-template-tpl-outplacement-php .cm-op-accordion details[open]>summary::after { content:'−'; }
body.page-template-tpl-outplacement-php .cm-op-richtext { padding-top:20px;font-size:18px;line-height:1.55; }
body.page-template-tpl-outplacement-php .cm-op-richtext p { font-size:inherit;line-height:inherit;margin:0 0 16px;padding:0; }
body.page-template-tpl-outplacement-php .cm-op-richtext ul { list-style:disc;padding-left:24px;margin:0; }
body.page-template-tpl-outplacement-php .cm-op-richtext li { font-size:inherit;line-height:inherit;padding:0;margin:0 0 12px; }
body.page-template-tpl-outplacement-php .cm-op-accordion figure { margin:0;border-radius:0 64px;overflow:hidden; }
body.page-template-tpl-outplacement-php .cm-op-accordion figure img { width:100%;height:auto;display:block; }
body.page-template-tpl-outplacement-php .cm-op-table-scroll { overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #dce5e9;border-radius:16px;background:white; }
body.page-template-tpl-outplacement-php .cm-op-comparison table { border-collapse:collapse;width:100%;min-width:900px;table-layout:fixed; }
body.page-template-tpl-outplacement-php .cm-op-comparison th,body.page-template-tpl-outplacement-php .cm-op-comparison td { padding:18px 12px;border-bottom:1px solid #dce5e9;font-size:16px;line-height:1.4;text-align:center;vertical-align:middle; }
body.page-template-tpl-outplacement-php .cm-op-comparison th:first-child { width:29%;text-align:left; }
body.page-template-tpl-outplacement-php .cm-op-comparison thead { background:#e8f5fc; }
body.page-template-tpl-outplacement-php .cm-op-comparison small { display:block;font-size:14px;line-height:1.4;margin-top:8px;font-weight:400; }
body.page-template-tpl-outplacement-php .cm-op-inclusion { font-size:22px;line-height:1;color:#7b8398; }
body.page-template-tpl-outplacement-php .cm-op-inclusion.is-included { color:#387d7e;font-weight:700; }
body.page-template-tpl-outplacement-php .cm-op-video-preview { display:block;position:relative;width:100%;height:100%; }
body.page-template-tpl-outplacement-php .cm-op-video-play { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:white;color:#1d264a;box-shadow:0 6px 24px #1d264a26; }
body.page-template-tpl-outplacement-php .cm-op-video-play svg { margin-left:5px; }
@media(max-width:1024px){body.page-template-tpl-outplacement-php .cm-op-quick-links .row,body.page-template-tpl-outplacement-php .cm-op-features-grid .row.mw-100,body.page-template-tpl-outplacement-php .cm-op-accordion>.row,body.page-template-tpl-outplacement-php .cm-op-comparison>.row{padding-left:40px;padding-right:40px;}body.page-template-tpl-outplacement-php .cm-op-features-grid .block-right-icon{grid-template-columns:repeat(2,minmax(0,1fr));}body.page-template-tpl-outplacement-php .cm-op-accordion-grid{gap:32px;}}
@media(max-width:767px){body.page-template-tpl-outplacement-php .cm-op-quick-links .row,body.page-template-tpl-outplacement-php .cm-op-features-grid .row.mw-100,body.page-template-tpl-outplacement-php .cm-op-accordion>.row,body.page-template-tpl-outplacement-php .cm-op-comparison>.row{padding-left:24px;padding-right:24px;}body.page-template-tpl-outplacement-php .cm-op-quick-links .row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}body.page-template-tpl-outplacement-php .cm-op-quick-links a{font-size:16px;}body.page-template-tpl-outplacement-php .cm-op-features-grid,body.page-template-tpl-outplacement-php .cm-op-accordion,body.page-template-tpl-outplacement-php .cm-op-comparison{padding-top:48px;padding-bottom:48px;}body.page-template-tpl-outplacement-php .cm-op-features-grid .block-right-icon{grid-template-columns:1fr;gap:32px;}body.page-template-tpl-outplacement-php .cm-op-accordion-grid{grid-template-columns:minmax(0,1fr);}body.page-template-tpl-outplacement-php .cm-op-comparison th:first-child{width:220px;}}

/* Keep optional feature icons in document flow; do not reserve icon space where no icon exists. */
body.page-template-tpl-outplacement-php .cm-op-features-grid .block_icon>div { position:static;inset:auto;width:auto;height:auto;margin:0;padding:0; }
body.page-template-tpl-outplacement-php .cm-op-flat-benefits .we-help-item:not(:has(figure)) { padding-left:0; }

/* Long localised headings and optional comparison groups use the same component rules. */
body.page-template-tpl-outplacement-php .outplacement-block .left-right-block h2 { overflow-wrap:anywhere;hyphens:manual; }
body.page-template-tpl-outplacement-php .cm-op-comparison th { overflow-wrap:anywhere;hyphens:auto; }
body.page-template-tpl-outplacement-php .cm-op-comparison .cm-op-feature-group th { width:auto;text-align:left;background:#e8f5fc;font-weight:700; }

/* Outplacement heroes with one H1 use the same display type as H2 heroes. */
body.page-template-tpl-outplacement-php .outplacement-block .left-right-block:not(:has(h2)) h1 {
 display:block;font-family:TTTalent-Bold,"TT Talent",Arial,sans-serif;font-size:67px;line-height:64px;font-weight:400;
 color:#fff;text-transform:uppercase;letter-spacing:normal;margin:0;padding:0 0 16px;overflow-wrap:anywhere;hyphens:auto;hyphenate-limit-chars:6 4 4;
}
@media(max-width:1023px){
 body.page-template-tpl-outplacement-php .outplacement-block .left-right-block:not(:has(h2)) h1 {font-size:34px;line-height:35px;}
}

/* Localised section titles wrap safely inside their existing component gutters. */
body.page-template-tpl-outplacement-php :is(.work-place,.cm-op-features-grid,.cm-op-accordion,.cm-op-comparison) h2 {overflow-wrap:anywhere;hyphens:auto;}
