/* Mediators v3.2.27 — cohesive editorial card system.
 * Enhances only existing cards; does not alter copy, image assets, or grid markup.
 * Corporate navy/red, purposeful depth, better hierarchy and accessible focus.
 */

/* 01 / The six numbered capability cards on every Expertise detail page. */
.service-detail .svc-offerings-grid {gap:19px}
.service-detail .svc-offering {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-width:0;
  min-height:253px;
  padding:30px 32px 35px;
  border:1px solid #d8e2e8;
  border-top:4px solid #183b51;
  border-radius:9px;
  background:
    radial-gradient(ellipse 120px 115px at 100% 0%,rgba(194,213,224,.38),transparent 91%),
    linear-gradient(152deg,#ffffff 40%,#f2f6f8 100%);
  box-shadow:0 12px 32px rgba(18,44,61,.084),0 2px 6px rgba(18,44,61,.025);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.service-detail .svc-offering:nth-child(3n + 2){border-top-color:#b71f3a}
.service-detail .svc-offering:nth-child(3n + 3){border-top-color:#2b5369}
.service-detail .svc-offering::before{
  content:"";position:absolute;top:-37px;right:-32px;width:155px;height:155px;
  border:1px solid rgba(38,78,99,.13);border-radius:50%;
  box-shadow:0 0 0 22px rgba(40,81,104,.028),0 0 0 47px rgba(40,81,104,.024);
  pointer-events:none;z-index:-1;
}
.service-detail .svc-offering::after{
  content:"";position:absolute;right:30px;bottom:26px;width:44px;height:3px;
  background:linear-gradient(90deg,#bd253d,#234c62);border-radius:3px;opacity:.85;
  pointer-events:none;
}
.service-detail .svc-offering-no{
  display:inline-flex;align-items:center;justify-content:center;
  width:45px;height:45px;margin:0 0 23px;
  padding:0;border-radius:11px;
  background:#18394d;color:#fff;
  font-size:14px;font-weight:800;line-height:1;letter-spacing:.06em;
  box-shadow:0 6px 15px rgba(16,47,66,.16);
}
.service-detail .svc-offering:nth-child(3n + 2) .svc-offering-no{
  background:#af1d36;box-shadow:0 6px 16px rgba(175,29,54,.17);
}
.service-detail .svc-offering h3{
  position:relative;z-index:1;font-size:clamp(21px,1.7vw,25px);
  letter-spacing:-.037em;line-height:1.24;color:#112d40;margin:0 0 13px;
}
.service-detail .svc-offering p{position:relative;z-index:1;color:#4a6070;font-size:15px;line-height:1.71;max-width:37ch;margin:0}
@media(hover:hover) and (pointer:fine){
  .service-detail .svc-offering:hover{
    transform:translateY(-5px);border-color:#9eb5c1;
    box-shadow:0 22px 46px rgba(18,43,62,.145),0 5px 12px rgba(18,43,62,.025);
  }
}

/* 02 / Step-by-step cards, use cases, and related-service cards. */
.service-detail .svc-process-item{
  border:1px solid #d7e1e7;border-top:4px solid #bc2540;
  border-radius:8px;
  background:linear-gradient(150deg,#fff 43%,#f1f6f8);
  box-shadow:0 10px 26px rgba(19,47,62,.07);
  padding:26px 23px 27px;
}
.service-detail .svc-process-item:nth-child(even){border-top-color:#234e66}
.service-detail .svc-process-item .svc-step{
  display:inline-flex;align-items:center;min-height:29px;padding:5px 10px;
  border-radius:5px;background:#f8e9ec;color:#9e1730;
  font-size:12px;letter-spacing:.09em;margin-bottom:18px;
}
.service-detail .svc-process-item:nth-child(even) .svc-step{background:#e6eff3;color:#1b435a}
.service-detail .svc-process-item h3{color:#163348;line-height:1.25}
.service-detail .svc-process-item p{font-size:14px;line-height:1.72;color:#4d6170}
.service-detail .svc-usecase{
  border:1px solid #dce4e8;border-left:4px solid #b72540;border-radius:7px;
  background:linear-gradient(145deg,#fff,#f3f7f8);
  padding:21px 24px;box-shadow:0 7px 20px rgba(16,42,58,.045);
}
.service-detail .svc-usecase::before{color:#af1d35}
.service-detail .svc-related-card{
  background:linear-gradient(154deg,#fff 53%,#f0f5f7);
  border-radius:9px;box-shadow:0 12px 29px rgba(16,41,58,.08);
}
.service-detail .svc-related-no{display:inline-flex;background:#eaf1f4;color:#b02038;padding:7px 10px;border-radius:4px;font-size:12px}
.service-detail .svc-related-card h3{color:#153246}

/* 03 / Shared Expertise / Our Work cards (with or without an image). */
.interior-main .mpl-card{
  border:1px solid #dae3e7;border-radius:9px;
  background:linear-gradient(150deg,#fff,#f4f8fa);
  box-shadow:0 11px 30px rgba(19,43,60,.083);
}
.interior-main .mpl-card-art{border-radius:8px 8px 0 0}
.interior-main .mpl-card-inner{background:linear-gradient(154deg,#fff 46%,#f2f6f8)}
.interior-main .mpl-card-index{
  display:inline-flex;align-items:center;min-height:31px;
  padding:6px 11px;margin-bottom:20px;
  background:#e8eff3;border-left:3px solid #bd233d;
  border-radius:3px;font-size:12px;letter-spacing:.09em;
  color:#a91d36;
}
.interior-main .mpl-card h3{line-height:1.2;color:#173448}
.interior-main .mpl-card p{color:#4c6070;font-size:14.5px;line-height:1.73}
.interior-main .mpl-card-list{color:#55697b;font-size:12px;line-height:1.6}
.interior-main .mpl-editorial-card:not(:first-child){
  border-radius:8px;background:linear-gradient(154deg,#fff,#eef4f7);
  box-shadow:0 11px 30px rgba(18,43,60,.077);
}
.interior-main .mpl-timeline-item{
  border-radius:7px;background:linear-gradient(150deg,#fff,#f2f6f8);
  box-shadow:0 10px 28px rgba(18,43,60,.067);
}
.interior-main .mpl-timeline-item p{color:#4b6070;font-size:14px;line-height:1.7}
.interior-main .mpl-panel:not(.mpl-panel--dark):not(.mpl-panel--accent){
  border-radius:9px;
  background:radial-gradient(circle at 100% 0%,#e8eff3,transparent 44%),linear-gradient(151deg,#f7f9fa,#eef2f4);
  box-shadow:0 11px 29px rgba(15,42,59,.065);
}

/* 04 / Homepage card groups. Preserve original image crops and rich feature card. */
body.home .expert-card:not(.expert-card--feature),
body.home .group-card,
body.home .insight-card{
  border-radius:9px;
  box-shadow:0 12px 31px rgba(18,43,61,.085);
}
body.home .expert-card:not(.expert-card--feature){background:linear-gradient(153deg,#fff 53%,#f1f6f8)}
body.home .group-card{background:linear-gradient(154deg,#fff 46%,#f0f5f7)}
body.home .expert-card:not(.expert-card--feature):hover,
body.home .group-card:hover,
body.home .insight-card:hover{box-shadow:0 22px 43px rgba(17,41,60,.15)}

/* 05 / Portfolio and Group-company text grids. Preserve their own editorial layouts. */
body #mp-energy .ep-card,
body #mediators-finance-portfolio .mf-card,
body #tp-portfolio .tp-card,
body #pa-portfolio .pa-card,
body .hc .hc-minicard,
body #mediators-about-expanded .ab-card,
body #tmc-company .tmc-step,
body #mm-company .mm-step,
body #pm-company .pm-step{
  border-radius:8px;
  background:linear-gradient(156deg,#fff 48%,#f1f6f8 100%);
  box-shadow:0 11px 28px rgba(18,43,61,.075);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
body #mp-energy .ep-card,
body #mediators-finance-portfolio .mf-card,
body #tp-portfolio .tp-card,
body #pa-portfolio .pa-card,
body .hc .hc-minicard{
  border-top:3px solid #234b61;
}
body #mp-energy .ep-card:nth-child(3n + 2),
body #mediators-finance-portfolio .mf-card:nth-child(3n + 2),
body #tp-portfolio .tp-card:nth-child(3n + 2),
body #pa-portfolio .pa-card:nth-child(3n + 2),
body .hc .hc-minicard:nth-child(3n + 2){border-top-color:#bd2741}
body #mediators-about-expanded .ab-card:nth-child(even){border-top:3px solid #234b61}
body #mediators-about-expanded .ab-card:nth-child(odd){border-top:3px solid #bc2540}
body #tmc-company .tmc-step,
body #mm-company .mm-step,
body #pm-company .pm-step{border-top:3px solid #b82640}
body #tmc-company .tmc-step:nth-child(even),
body #mm-company .mm-step:nth-child(even),
body #pm-company .pm-step:nth-child(even){border-top-color:#284f65}
@media(hover:hover) and (pointer:fine){
  body #mp-energy .ep-card:hover,
  body #mediators-finance-portfolio .mf-card:hover,
  body #tp-portfolio .tp-card:hover,
  body #pa-portfolio .pa-card:hover,
  body .hc .hc-minicard:hover,
  body #mediators-about-expanded .ab-card:hover,
  body #tmc-company .tmc-step:hover,
  body #mm-company .mm-step:hover,
  body #pm-company .pm-step:hover{
    transform:translateY(-4px);
    box-shadow:0 19px 40px rgba(17,43,61,.13);
    border-color:#b4c8d1;
  }
}

/* Focus, smaller screens, and reduced-motion preferences. */
.service-detail .svc-offering:focus-within,
.interior-main .mpl-card:focus-within,
.service-detail .svc-related-card:focus-within{
  outline:3px solid #b11c36;outline-offset:3px;
}
@media(max-width:640px){
  .service-detail .svc-offerings-grid{gap:14px}
  .service-detail .svc-offering{padding:26px 24px 32px;min-height:0}
  .service-detail .svc-offering-no{width:42px;height:42px;margin-bottom:18px}
  .service-detail .svc-offering h3{font-size:22px}
  .service-detail .svc-offering p{font-size:15px;max-width:unset}
  .service-detail .svc-process-item{padding:22px 20px}
}
@media(hover:none){
  body.home :is(.expert-card,.group-card,.insight-card){transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  .service-detail .svc-offering,
  body.home :is(.expert-card,.group-card,.insight-card),
  body :is(.ep-card,.mf-card,.tp-card,.pa-card,.hc-minicard,.ab-card,.tmc-step,.mm-step,.pm-step){
    transition:none!important;transform:none!important;
  }
}