/* v1.16.1: Related BPO service navigation.
 * Section introductions follow the existing design system:
 * English label -> noun heading -> left-aligned muted copy beneath the heading.
 * Self-contained selectors: SEO, pricing, header, and form styles are untouched. */

.sumi-root#body_wrap .sumi-related-services__header {
  display:flex;flex-direction:column;align-items:flex-start;gap:0;
  margin-bottom:var(--sumi-space-4,40px);
}
.sumi-root#body_wrap .sumi-related-services__heading,
.sumi-root#body_wrap .sumi-related-services__lead,
.sumi-root#body_wrap .sumi-related-services__bpo-copy,
.sumi-root#body_wrap .sumi-related-inline__copy {min-width:0;}
.sumi-root#body_wrap .sumi-related-services__header .sumi-eyebrow {margin-bottom:14px!important;}
.sumi-root#body_wrap .sumi-related-services__lead {
  max-width:720px;width:100%;margin:16px 0 0!important;padding:0;
  text-align:left;color:var(--sumi-ds-muted,#486477)!important;
}
.sumi-root#body_wrap .sumi-related-services__cards {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:0;
}
.sumi-root#body_wrap .sumi-related-services__card {
  display:flex;flex-direction:column;justify-content:space-between;gap:26px;
  min-width:0;min-height:282px;padding:30px 32px 29px;
  border:1px solid var(--sumi-ds-line,#d5e3ee);border-radius:var(--sumi-ds-card,12px);
  background:#fff;box-shadow:none;
}
.sumi-root#body_wrap .sumi-related-services__kicker {
  margin:0 0 11px!important;font:700 11px/1.6 Inter,Arial,sans-serif!important;
  letter-spacing:.12em;color:#416f8d;
}
.sumi-root#body_wrap .sumi-related-services__card h3 {margin:0!important;}
.sumi-root#body_wrap .sumi-related-services__subtitle {
  margin:2px 0 0!important;color:#416f8d!important;
  font-size:13px!important;font-weight:700;line-height:1.7!important;
}
.sumi-root#body_wrap .sumi-related-services__description {
  margin:17px 0 0!important;color:var(--sumi-ds-muted,#486477);
}
.sumi-root#body_wrap .sumi-related-services__link {align-self:flex-start;}
.sumi-root#body_wrap .sumi-related-services__bpo {
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;gap:20px;
  margin-top:18px;padding:23px 30px;
  border:1px solid var(--sumi-ds-line,#d5e3ee);border-radius:var(--sumi-ds-card,12px);
  background:#fff;
}
.sumi-root#body_wrap .sumi-related-services__bpo-title {
  font-size:18px!important;line-height:1.55!important;margin:0 0 6px!important;text-wrap:balance;
}
.sumi-root#body_wrap .sumi-related-services__bpo-copy p {margin:0!important;color:var(--sumi-ds-muted,#486477);}
.sumi-root#body_wrap .sumi-related-services__bpo-link {justify-self:end;white-space:nowrap;}
.sumi-root#body_wrap .sumi-related-services__note {
  margin:20px 0 0!important;color:#5c7588!important;
  font-size:12px!important;line-height:1.85!important;
}

/* The accounting-operations referral sits inside the existing options chapter.
 * The host section's heading, option accordions, and subsequent chapters are unchanged. */
.sumi-root#body_wrap .sumi-related-inline {
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;gap:28px;
  margin-top:48px;padding:27px 30px;
  border:1px solid var(--sumi-ds-line,#d5e3ee);
  border-radius:var(--sumi-ds-card,12px);background:#f5f9fd;
}
.sumi-root#body_wrap .sumi-related-inline h3 {
  font-size:19px!important;line-height:1.55!important;margin:0 0 8px!important;text-wrap:balance;
}
.sumi-root#body_wrap .sumi-related-inline p {margin:0!important;color:var(--sumi-ds-muted,#486477);}
.sumi-root#body_wrap .sumi-related-inline__link {justify-self:end;white-space:nowrap;}

@media (max-width: 1023px) {
  .sumi-root#body_wrap .sumi-related-services__card {padding:25px;min-height:290px;}
  .sumi-root#body_wrap .sumi-related-services__bpo,
  .sumi-root#body_wrap .sumi-related-inline {grid-template-columns:minmax(0,1fr);gap:16px;}
  .sumi-root#body_wrap .sumi-related-services__bpo-link,
  .sumi-root#body_wrap .sumi-related-inline__link {justify-self:start;}
}
@media (max-width: 767px) {
  .sumi-root#body_wrap .sumi-related-services__header {margin-bottom:var(--sumi-space-4,24px);}
  .sumi-root#body_wrap .sumi-related-services__cards {grid-template-columns:minmax(0,1fr);gap:14px;}
  .sumi-root#body_wrap .sumi-related-services__card {min-height:0;padding:24px 22px;gap:22px;}
  .sumi-root#body_wrap .sumi-related-services__bpo {padding:22px;margin-top:14px;}
  .sumi-root#body_wrap .sumi-related-services__bpo-title {font-size:17px!important;}
  .sumi-root#body_wrap .sumi-related-services__note {margin-top:17px!important;}
  .sumi-root#body_wrap .sumi-related-inline {margin-top:32px;padding:22px;}
  .sumi-root#body_wrap .sumi-related-inline h3 {font-size:18px!important;}
}
@media (max-width: 359px) {
  .sumi-root#body_wrap .sumi-related-services__card,
  .sumi-root#body_wrap .sumi-related-services__bpo,
  .sumi-root#body_wrap .sumi-related-inline {padding:19px;}
  .sumi-root#body_wrap :is(.sumi-related-services__link,.sumi-related-services__bpo-link,.sumi-related-inline__link) {white-space:normal;}
}

/* v1.16.2: Existing home rhythm: services (mist) -> flow (white) -> related (mist).
   The tint is the same design-system token used by #services, and the cards stay white. */
.sumi-root#body_wrap main#main > #related-services {
  background:var(--sumi-ds-mist,#eff6fb)!important;
}

/* v1.16.2: Color-only overrides for the two requested service-detail headings.
   No change to their type, size, spacing, tags, or accordion behavior. */
.sumi-root#body_wrap #service-detail .sumi-v19-service-rows #tax-advisory summary .sumi-v19-service-rows__header > strong,
.sumi-root#body_wrap #service-detail .sumi-v19-service-rows #annual-filing summary .sumi-v19-service-rows__header > strong {
  color:#1a1a1a!important;
}