/* Shared service and city diagrams, scoped to the existing templates. */
body.bt-section-diagrams .bt-diagram-layout {display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:44px;align-items:center}
body.bt-section-diagrams .bt-diagram-copy {min-width:0}
body.bt-section-diagrams .bt-diagram-copy > .ref-prose,body.bt-section-diagrams .bt-diagram-copy > .service-content-copy {max-width:none}
.bt-section-diagrams .bt-diagram-section .bt-section-diagram {
  margin:0;min-width:0;width:100%;box-sizing:border-box;padding:22px 24px 16px;
  border:1px solid #d6e3eb;border-radius:18px;background:#f6fafc;
  background-image:radial-gradient(#dbe6ed .7px,transparent .7px);background-size:16px 16px;
  color:#183749;overflow:hidden;
}
.bt-diagram-topline {display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:#536e7f}
.bt-diagram-topline > span:first-child {display:flex;align-items:center;gap:7px}
.bt-diagram-topline > span:first-child:before {content:"";width:6px;height:6px;border-radius:50%;background:#f51f3d}
.bt-diagram-number {font-size:12px;letter-spacing:2px;direction:ltr;color:#718b9a}
.bt-diagram-title {font-size:22px;line-height:1.4;font-weight:800;margin-top:10px}
body.bt-section-diagrams .bt-diagram-layout .bt-section-diagram > svg.bt-diagram-drawing {display:block;width:100%;height:auto;min-height:0;max-width:none;margin:0 auto;max-height:280px;flex-shrink:0}
.bt-diagram-legend {display:flex;flex-wrap:wrap;justify-content:center;gap:9px 16px;font-size:13px;line-height:1.5;font-weight:600}
.bt-diagram-legend > span {display:inline-flex;align-items:center;gap:6px}
.bt-diagram-legend i {font-size:10px;font-style:normal;width:18px;height:18px;background:#183749;color:white;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.bt-diagram-label-mobile {display:none}
@media(min-width:768px) {
  .bt-diagram-legend {font-size:16px}
  .bt-diagram-legend i {width:22px;height:22px;font-size:12px}
  .bt-section-diagram-3 .bt-diagram-legend {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start}
  .bt-section-diagram-3 .bt-diagram-legend > span {display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;text-align:center}
  .bt-section-diagram-3 .bt-diagram-label-full {max-width:100%;line-height:1.5;text-wrap:balance}
}
.bt-section-diagrams .bt-section-diagram figcaption {margin:14px 0 0;padding-top:10px;border-top:1px solid #dce6ec;text-align:center;font-size:11px;line-height:1.6;color:#607987}
.bt-section-diagrams .bt-diagram-section[data-service-component="process"] {padding-block:40px}
@media(max-width:1000px) {
  body.bt-section-diagrams .bt-diagram-layout {gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .bt-diagram-title {font-size:20px}
  .bt-section-diagrams .bt-diagram-section .bt-section-diagram {padding:20px 18px 14px}
}
@media(max-width:767px) {
  body.bt-section-diagrams.bt-shared-service-hero main > .bt-section-pill-nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  body.bt-section-diagrams.bt-shared-service-hero .bt-section-pill-nav > a {width:100%;min-width:0;padding:10px 12px}
  body.bt-section-diagrams .bt-diagram-layout {grid-template-columns:minmax(0,1fr);gap:22px}
  .bt-section-diagrams .bt-diagram-section .bt-section-diagram {width:100%;max-width:480px;margin-inline:auto;padding:18px 16px 13px;border-radius:14px}
  .bt-diagram-title {font-size:20px}
  .bt-diagram-legend {display:flex;flex-wrap:nowrap;justify-content:space-evenly;align-items:center;gap:12px;margin-inline:-8px;font-size:16px;font-weight:700;text-align:center;white-space:nowrap;letter-spacing:normal}
  .bt-diagram-legend > span {justify-content:center;gap:6px;min-width:0;line-height:1.7;white-space:nowrap}
  .bt-diagram-legend i {display:inline-flex;width:20px;height:20px;font-size:12px}
  .bt-diagram-legend .bt-diagram-label-full {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .bt-diagram-legend .bt-diagram-label-mobile {display:inline}
  body.bt-section-diagrams .bt-diagram-layout .bt-section-diagram > svg.bt-diagram-drawing {max-height:none}
}
@media(max-width:360px) {
  .bt-diagram-legend {gap:8px}
  .bt-diagram-legend > span {gap:4px}
}

body.bt-section-diagrams .bt-section-diagram{font-family:"Heebo",Arial,sans-serif}

@media(max-width:767px){body.bt-section-diagrams.bt-shared-service-hero .bt-section-pill-nav > a:last-child:nth-child(odd){grid-column:1/-1}}

body.bt-section-diagrams .wall-page .bt-diagram-layout{grid-column:1/-1;width:100%}

@media(min-width:768px){body.bt-section-diagrams .bt-diagram-legend{display:grid;grid-template-columns:repeat(var(--bt-diagram-label-count,3),minmax(0,1fr));gap:10px}body.bt-section-diagrams .bt-diagram-legend>span{min-width:0;justify-content:center;text-align:center}body.bt-section-diagrams .bt-section-diagram-5 .bt-diagram-legend:has(>span:nth-child(4))>span{flex-direction:column;text-align:center;gap:7px}}