/* Desktop enhancement only. Mobile keeps the original HTML, CSS, order and carousels. */
@media (min-width: 761px) {
/* The six example screenshots are previews beside short summaries. */
html body.solutions-page.visual-polish #operation-scenarios .operation-item {
  grid-template-columns: minmax(0, 1fr) minmax(0, 380px);
  align-items: center;
  gap: 40px;
  padding-block: 20px;
}
html body.solutions-page.visual-polish #operation-scenarios .entry-preview {
  width: fit-content;
  max-width: 100%;
  justify-self: start;
}
html body.solutions-page.visual-polish #operation-scenarios .entry-preview img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 220px;
  object-fit: contain;
}
@media (max-width: 1100px) {
  html body.solutions-page.visual-polish #operation-scenarios .operation-item {
    grid-template-columns: minmax(0, 1fr) minmax(0, 40%);
    gap: 28px;
  }
}
/* Solutions only. sd-* lists deliberately avoid the mobile-shell .grid carousel. */
body.solutions-page {
  --sd-ink: #142b3c;
  --sd-copy: #405569;
  --sd-muted: #53697b;
  --sd-line: #cbdbe3;
  --sd-surface: #fff;
  --sd-soft: #edf4f7;
  --sd-link: #2c7488;
  --sd-link-hover: #205a6d;
}
html body.solutions-page.visual-polish #main-content :is(.sd-directory,.sd-reference-area) {
  padding-block: 48px;
  color: var(--sd-copy);
}
html body.solutions-page.visual-polish #main-content :is(#industry-sector-directory,#industry-groups,#solution-selection,.sd-fold,.sd-controls,.sd-result) {
  scroll-margin-top: 112px;
}
html body.solutions-page.visual-polish #main-content .sd-directory {
  background: #edf2f8 !important;
  padding-block: 56px;
}
html body.solutions-page.visual-polish #main-content .sd-directory .section-heading {
  display: block;
  margin-bottom: 24px;
}
html body.solutions-page.visual-polish #main-content .sd-directory .section-heading h2 {
  font-size: clamp(28px, 2.6vw, 36px);
  line-height: 1.35;
  margin: 0 0 12px;
}
html body.solutions-page.visual-polish #main-content .sd-directory .section-heading p { margin: 0; max-width: 65ch; }
html body.solutions-page.visual-polish #main-content :is(.sd-directory,.sd-reference-area) p {
  color: var(--sd-copy) !important;
  font-size: 16px;
  line-height: 1.8;
}
html body.solutions-page.visual-polish #main-content :is(.sd-directory,.sd-reference-area) a {
  color: var(--sd-link) !important;
  text-underline-offset: 4px;
}
html body.solutions-page.visual-polish #main-content :is(.sd-directory,.sd-reference-area) a:hover { color: var(--sd-link-hover) !important; }
html body.solutions-page.visual-polish #main-content .sd-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
  padding: 24px;
  margin: 0;
  border: 0;
  border-radius: 12px;
  background: #fff;
}
html body.solutions-page.visual-polish #main-content .sd-search-field { flex: 1 1 320px; min-width: 0; }
html body.solutions-page.visual-polish #main-content .sd-industry-field { flex: 0 1 290px; min-width: 0; }
html body.solutions-page.visual-polish #main-content .sd-controls label {
  display: block;
  font-size: 14px;
  font-weight: 650;
  margin-bottom: 8px;
  color: var(--sd-ink);
}
html body.solutions-page.visual-polish #main-content .sd-control-icon {
  display: inline-block;
  width: 18px;
  margin-right: 8px;
  color: currentColor;
  font-size: 18px;
  vertical-align: -2px;
}
html body.solutions-page.visual-polish #main-content .sd-controls :is(input,select) {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid var(--sd-line);
  border-radius: 6px;
  background: var(--sd-surface);
  color: var(--sd-ink);
  font: inherit;
  font-size: 16px;
  line-height: 1.5;
  box-shadow: none;
}
html body.solutions-page.visual-polish #main-content .sd-controls input::placeholder { color: var(--sd-muted); opacity: 1; }
html body.solutions-page.visual-polish #main-content :is(.sd-directory,.sd-reference-area) :is(button,summary) { cursor: pointer; }
html body.solutions-page.visual-polish #main-content .sd-directory button {
  min-height: 48px;
  padding: 10px 18px;
  border: 1px solid var(--sd-line);
  border-radius: 6px;
  background: var(--sd-surface);
  color: var(--sd-link);
  font: inherit;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.6;
  box-shadow: none;
}
html body.solutions-page.visual-polish #main-content .sd-directory button:hover { background: var(--sd-soft); color: var(--sd-link-hover); }
html body.solutions-page.visual-polish #main-content :is(.sd-directory,.sd-reference-area) :is(a,button,input,select,summary):focus-visible {
  outline: 2px solid var(--sd-link);
  outline-offset: 4px;
}
html body.solutions-page.visual-polish #main-content .sd-result-status { margin: 20px 0 12px; font-size: 14px; color: var(--sd-muted) !important; }
html body.solutions-page.visual-polish #main-content .sd-results {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
  width: 100%;
  margin: 0;
  padding: 0;
  min-width: 0;
}
html body.solutions-page.visual-polish #main-content .sd-result {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 24px;
  border: 0;
  border-radius: 12px;
  background: #fff !important;
  box-shadow: none;
}
html body.solutions-page.visual-polish #main-content .sd-result-category { color: var(--sd-muted); font-size: 14px; line-height: 1.6; margin: 0 0 6px; }
html body.solutions-page.visual-polish #main-content .sd-result h3 {
  color: var(--sd-ink) !important;
  font-size: 21px !important;
  line-height: 1.45;
  text-wrap: balance;
  overflow-wrap: anywhere;
  margin: 0 0 10px !important;
}
html body.solutions-page.visual-polish #main-content .sd-result p { margin: 0 0 6px; }
html body.solutions-page.visual-polish #main-content .sd-result p:last-child { margin: auto 0 0; padding-top: 4px; }
html body.solutions-page.visual-polish #main-content .sd-result a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 15px; }
html body.solutions-page.visual-polish #main-content .sd-more { display: flex; justify-content: center; margin: 20px 0; }
html body.solutions-page.visual-polish #main-content .sd-boundary { max-width: 78ch; padding-top: 20px; margin: 16px 0 0; border-top: 1px solid var(--sd-line); font-size: 14px !important; }
html body.solutions-page.visual-polish #main-content .sd-empty { padding: 28px 20px; background: var(--sd-soft); border-radius: 6px; }
html body.solutions-page.visual-polish #main-content .sd-empty h3 { color: var(--sd-ink) !important; font-size: 21px; margin: 0 0 8px; }
html body.solutions-page.visual-polish #main-content .sd-reference-area { padding-top: 40px; background: #fff; }
html body.solutions-page.visual-polish #main-content .sd-reference-intro { margin: 0 0 16px; }
html body.solutions-page.visual-polish #main-content .sd-fold { border-top: 1px solid var(--sd-line); }
html body.solutions-page.visual-polish #main-content .sd-fold:last-child { border-bottom: 1px solid var(--sd-line); }
html body.solutions-page.visual-polish #main-content .sd-fold > summary {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 3px 24px;
  min-height: 76px;
  padding: 18px 0;
  list-style: none;
}
html body.solutions-page.visual-polish #main-content .sd-fold > summary::-webkit-details-marker { display: none; }
html body.solutions-page.visual-polish #main-content .sd-fold > summary h2 {
  grid-column: 1;
  margin: 0 !important;
  color: var(--sd-ink) !important;
  font-size: 21px !important;
  line-height: 1.45;
}
html body.solutions-page.visual-polish #main-content .sd-fold-note { display: block; margin-top: 3px; font-weight: 400; color: var(--sd-muted); font-size: 14px; line-height: 1.6; }
html body.solutions-page.visual-polish #main-content .sd-fold > summary::after { content: '+'; grid-column: 2; grid-row: 1; font-size: 25px; color: var(--sd-link); }
html body.solutions-page.visual-polish #main-content .sd-fold[open] > summary::after { content: '−'; }
html body.solutions-page.visual-polish #main-content .sd-fold-body { padding-bottom: 24px; }
html body.solutions-page.visual-polish #main-content .sd-fold-body .section-heading { display: block; margin: 0 0 12px; }
html body.solutions-page.visual-polish #main-content .sd-fold-body .section-heading p { margin: 0; max-width: 76ch; }
html body.solutions-page.visual-polish #main-content .sd-reference-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 36px; }
html body.solutions-page.visual-polish #main-content .sd-reference-item { min-width: 0; min-height: 0; padding: 20px 0; border: 0; border-top: 1px solid var(--sd-line); border-radius: 0; background: transparent !important; box-shadow: none; }
html body.solutions-page.visual-polish #main-content .sd-reference-item h3 { color: var(--sd-ink) !important; font-size: 19px !important; line-height: 1.5; margin: 0 0 8px !important; }
html body.solutions-page.visual-polish #main-content .sd-reference-item p { margin: 0 0 8px; }
html body.solutions-page.visual-polish #main-content .sd-reference-item a { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; }
html body.solutions-page.visual-polish #main-content .sd-guide-kicker { color: var(--sd-muted); font-size: 14px; }
html body.solutions-page.visual-polish #main-content .sd-guide-tags { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 8px; color: var(--sd-muted); font-size: 14px; }
html body.solutions-page.visual-polish #main-content .sd-directory [hidden] { display: none !important; }
html body.solutions-page.visual-polish #main-content .sd-fold-body > section { padding-block: 0 !important; margin: 0; background: transparent; }
html body.solutions-page.visual-polish #main-content .sd-fold-body .container { width: 100%; max-width: none; padding: 0; }
html body.solutions-page.visual-polish #main-content .sd-fold-body .section-heading h2 { display: none; }
html body.solutions-page.visual-polish #main-content :is(.sd-result,.sd-reference-item)::before { display: none; }
}