/* A light introduction gives way to a dark, luminous connection workspace. */
.connected-site.solutions-page .solution-intro {
  background: radial-gradient(circle at 88% 18%, #ded4d899, transparent 30%), linear-gradient(135deg, #f4eee6, #e7e5e1);
  color: #211d1b; border-bottom: 1px solid #c9c2bd;
}
.solutions-page .solution-intro .section-tag { color: #60435b; }
.solutions-page .solution-intro h1 { color: #211d1b; font-weight: 600; }
.solutions-page .solution-intro h1 span { color: #60435b; }
.solutions-hero-copy > p:not(.section-tag) { color: #51494d; }
.solutions-hero-link { color: #60435b; border-color: #60435b; font-weight: 700; }
.solutions-hero-link:hover { color: #211d1b; border-color: #211d1b; }
.solutions-hero-side { border-color: #60435b66; }
.solutions-hero-side > span { color: #60435b; }
.solutions-hero-side i { background: #60435b66; }
.solutions-hero-side p { color: #211d1b; }
.solutions-accent-dots { opacity: .13; }

.solutions-page .solution-puzzle {
  background-color: #1d1b21;
  background-image: radial-gradient(circle at 50% 45%, #60435b32, transparent 58%);
  color: #f4eee6;
}
.solutions-page .solution-puzzle .section-tag { color: #8dd4d9; }
.solutions-page .solution-puzzle .connected-heading h2 { color: #f4eee6; }
.solutions-page .solution-puzzle .connected-heading > p { color: #d4c9d0; }
.solutions-page .puzzle-piece { color: #e8dfe5; }
.solutions-page .piece-shape path { stroke: #a391a0; stroke-opacity: .45; }
.solutions-page .puzzle-piece.is-connected .piece-shape path { stroke-opacity: .78; filter: drop-shadow(0 0 5px color-mix(in srgb, var(--piece-accent) 35%, transparent)); }
.solutions-page .puzzle-piece[aria-pressed="true"],
.solutions-page .puzzle-piece:hover .piece-content { color: #fff; }
.solutions-page .puzzle-piece[aria-pressed="true"] .piece-shape path { stroke-opacity: 1; filter: drop-shadow(0 0 8px var(--piece-accent)); }
.solutions-page .puzzle-piece:focus-visible .piece-shape path { stroke: #8dd4d9; }
.solutions-page .connection-story { border-color: #f4eee638; }
.solutions-page .connection-story .section-tag { color: #8dd4d9; }
.solutions-page .connection-path li { color: #d5b9d0; }
.solutions-page .connection-story > p:not(.section-tag) { color: #f4eee6; }
.solutions-page .connection-story > small { color: #c7bac3; }

/* Editorial rhythm: one visual language from the opening statement to the four paths. */
.connected-site.solutions-page .solution-intro {
  min-height: min(760px, calc(100svh - 66px));
  padding-block: clamp(105px, 9vw, 150px) clamp(100px, 9vw, 150px);
  background: #f1ece5; border-bottom: 1px solid #60435b35;
}
.connected-site.solutions-page .solution-intro > .solutions-wordmark {
  display: block; position: absolute; z-index: 0;
  bottom: -.13em; right: -.045em; width: max-content;
  color: #60435b; opacity: .055;
  font: 700 clamp(9rem, 21vw, 26rem)/.82 var(--display);
  letter-spacing: -.09em; pointer-events: none;
}
.connected-site.solutions-page .solution-intro h1 {
  max-width: 1050px; margin: 0 0 36px;
  font-size: clamp(3.6rem, 5.55vw, 6.1rem); line-height: 1.04;
  font-weight: 600; letter-spacing: -.06em;
}
.solutions-page .solutions-hero-copy > p:not(.section-tag) {
  max-width: 56ch; font-size: 1.08rem; line-height: 1.75; color: #4f464a;
}
.solutions-page .solutions-hero-link {
  margin-top: 42px; gap: 46px; color: #60435b;
  border-bottom: 1px solid #60435b; font-weight: 600;
}
.solutions-page .solutions-hero-side { padding-left: 30px; border-left: 1px solid #60435b55; }
.solutions-page .solutions-hero-side > span { font-size: .72rem; letter-spacing: .08em; }
.solutions-page .solutions-hero-side p { font-size: 1.12rem; line-height: 1.45; }
.solutions-page .solutions-accent-dots,
.solutions-page .solutions-accent-rings { display: none; }

.connected-site.solutions-page .solution-puzzle {
  padding-block: clamp(82px, 7vw, 122px) clamp(72px, 6vw, 104px);
  background: #211f25; color: #f4eee6;
}
.solutions-page .solution-puzzle .connected-heading { margin-bottom: clamp(52px, 5vw, 82px); }
.solutions-page .solution-puzzle .connected-heading h2 {
  font-size: clamp(3.25rem, 5.5vw, 6rem); line-height: 1.02;
  font-weight: 600; letter-spacing: -.055em;
}
.solutions-page .solution-puzzle .connected-heading > p { max-width: 36ch; font-size: 1.05rem; line-height: 1.75; }
.solutions-page .puzzle-grid { margin-bottom: 48px; }
.solutions-page .connection-story { min-height: 0; padding: 30px 0 0; border-bottom: 0; }
.solutions-page .connection-path { margin-block: 18px; }

.connected-site.solutions-page .service-studio {
  padding: 0 var(--gutter) clamp(82px, 7vw, 116px);
  background: #f4eee6;
}
.solutions-page .service-tabs {
  margin-bottom: 0; border: 0; border-block: 1px solid #60435b45;
  background: #f4eee6;
}
.solutions-page .service-tabs button {
  position: relative; min-height: 76px; padding: 18px 24px;
  justify-content: flex-start; gap: 15px;
  border-right: 1px solid #60435b32;
  background: transparent; color: #211d1b;
  font: 600 .83rem var(--sans);
}
.solutions-page .service-tabs button:last-child { border-right: 0; }
.solutions-page .service-tabs button span { font: 500 .66rem var(--mono); color: #60435b; opacity: 1; }
.solutions-page .service-tabs button b { margin-left: auto; font-size: .9rem; font-weight: 400; }
.solutions-page .service-tabs button[aria-selected="true"],
.solutions-page .service-tabs button.active { background: #e7dce1; color: #493345; }
.solutions-page .service-tabs button[aria-selected="true"]::after {
  content: ''; position: absolute; height: 3px; inset: auto 0 -1px;
  background: #60435b;
}
.solutions-page .service-tabs button:hover:not([aria-selected="true"]) { background: #ebe4e1; }
.solutions-page .service-tabs button:focus-visible { outline: 2px solid #60435b; outline-offset: -5px; }

.connected-site.solutions-page .service-world {
  --panel-accent: #60435b; --panel-rule: #60435b4a;
  position: relative; isolation: isolate; margin: 0; max-width: none;
  padding: clamp(65px, 6vw, 100px) clamp(28px, 5vw, 80px);
  gap: clamp(46px, 5vw, 78px);
  border: 0; border-bottom: 1px solid var(--panel-rule);
  background: #ebe5de; color: #211d1b;
  text-align: left;
}
.connected-site.solutions-page .service-world > .service-wordmark {
  display: block; position: absolute; z-index: 0;
  top: 20px; right: -.04em; width: max-content;
  font: 700 clamp(8rem, 17vw, 19rem)/.82 var(--display);
  letter-spacing: -.08em; text-transform: uppercase;
  color: currentColor; opacity: .032; pointer-events: none;
}
.solutions-page .service-world > :not(.service-wordmark) { position: relative; z-index: 1; }
.solutions-page .service-world .world-copy {
  max-width: 1050px; width: 100%; margin: 0;
  text-align: left;
}
.solutions-page .service-world .world-copy > .section-tag {
  color: var(--panel-accent); font-size: .76rem;
}
.solutions-page .service-world .world-copy h2 {
  margin: 20px 0 24px;
  font: 600 clamp(3rem, 5.15vw, 5.55rem)/1.04 var(--display);
  letter-spacing: -.055em;
}
.solutions-page .service-world .world-copy h2 em { color: var(--panel-accent); }
.solutions-page .service-world .world-copy > p:not(.section-tag) {
  max-width: 56ch; margin: 0; font-size: 1.05rem; line-height: 1.75;
}
.solutions-page .service-world .solution-assembly {
  padding-block: 24px; border-color: var(--panel-rule);
}
.solutions-page .solution-assembly > .section-tag { margin-bottom: 13px; color: var(--panel-accent); font-size: .7rem; }
.solutions-page .assembly-path { gap: 6px 0; }
.solutions-page .assembly-path li { font: 500 .78rem/1.6 var(--mono); }
.solutions-page .assembly-path li::before { display: none; }
.solutions-page .assembly-path li:not(:last-child)::after { padding-inline: 13px; color: var(--panel-accent); }
.solutions-page .service-world .world-outcome { border-color: var(--panel-rule); }
.solutions-page .world-outcome small { color: var(--panel-accent); }
.solutions-page .world-outcome h3 { font-size: clamp(1.7rem, 2.5vw, 2.65rem); }
.solutions-page .world-outcome .text-link { display: inline-block; min-height: 44px; padding: 10px 0; color: var(--panel-accent); font-size: .78rem; }
.solutions-page .world-outcome .text-link:hover { color: currentColor; }

.connected-site.solutions-page .brand-world { background: #ebe5de; }
.solutions-page .brand-board { margin-block: 12px 0; border-color: var(--panel-rule); }
.solutions-page .brand-board > div { min-height: 175px; border-color: var(--panel-rule)!important; }
.solutions-page .brand-board .bb-logo { background: #e0d3d8; }
.solutions-page .brand-board small { margin-bottom: 18px; }
.solutions-page .launch-composition { text-align: left; }
.solutions-page .launch-composition > .section-tag { color: var(--panel-accent); font-size: .7rem; }
.solutions-page .world-visual-caption { text-align: left; font-size: .7rem; }

.connected-site.solutions-page .data-world,
.connected-site.solutions-page .dev-world {
  --panel-accent: #c9b177; --panel-rule: #f4eee638;
  background: #2a282d; color: #f4eee6;
}
.solutions-page .data-world .world-copy h2 em,
.solutions-page .dev-world .world-copy h2 em { color: #d3bdd0; }
.solutions-page .data-world .world-copy > p:not(.section-tag),
.solutions-page .dev-world .world-copy > p:not(.section-tag) { color: #d6cbd2; }
.solutions-page .data-world .world-outcome p,
.solutions-page .dev-world .world-outcome p { color: #d6cbd2; }
.solutions-page .growth-console,
.solutions-page .system-workbench { border-color: var(--panel-rule); background: #ffffff05; }
.solutions-page .customer-loop article { border-color: #f4eee638; background: #ffffff04; }
.solutions-page .customer-loop article h3 { font-size: clamp(1.65rem, 2.2vw, 2.25rem); }
.solutions-page .customer-loop article p,
.solutions-page .loop-return { color: #8dd4d9; }
.solutions-page .system-workbench .dev-topbar { border-color: var(--panel-rule); background: #1f1e22; }
.solutions-page .operation-hub { border-color: #c9b177; }
.solutions-page .operation-inputs span,
.solutions-page .operation-outputs span { border-color: #c9b17755; }
.solutions-page .human-check { border-color: var(--panel-rule); color: #d7bd84; }

.connected-site.solutions-page .design-world { background: #e3e3de; }
.solutions-page .discovery-workspace { border-color: var(--panel-rule); background: #f4eee680; }
.solutions-page .discovery-workspace .workspace-top { border-color: var(--panel-rule); }
.solutions-page .discovery-notes article { border-color: var(--panel-rule); }
.solutions-page .discovery-notes article h3 { font-size: clamp(1.5rem, 2vw, 2rem); }

.connected-site.solutions-page .solution-closing {
  padding-block: clamp(84px, 7vw, 124px);
  background: #dfd5d9; border: 0;
}
.solutions-page .solution-closing > .closing-wordmark {
  position: absolute; z-index: 0;
  right: -.04em; bottom: -.12em; width: max-content;
  color: #60435b; opacity: .07;
  font: 700 clamp(10rem, 22vw, 27rem)/.82 var(--display);
  letter-spacing: -.08em; pointer-events: none;
}
.solutions-page .solution-closing > :not(.closing-wordmark) { position: relative; z-index: 1; }
.solutions-page .solution-closing h2 { font-weight: 600; }
.solutions-page .solution-closing > a { background: #60435b; font-size: .9rem; }

@media (max-width: 900px) {
  .connected-site.solutions-page .solution-intro { min-height: 0; }
  .solutions-page .service-world .world-copy h2 { font-size: clamp(2.8rem, 7vw, 4.5rem); }
}
@media (max-width: 760px) {
  .connected-site.solutions-page .solution-intro { padding: 88px var(--gutter) 102px; }
  .connected-site.solutions-page .solution-intro h1 { font-size: clamp(3rem, 8vw, 4.4rem); }
  .connected-site.solutions-page .solution-intro > .solutions-wordmark { font-size: 27vw; bottom: -.09em; }
  .connected-site.solutions-page .solution-puzzle { padding-block: 76px 72px; }
  .solutions-page .solution-puzzle .connected-heading h2 { font-size: clamp(2.7rem, 8vw, 4.4rem); }
  .solutions-page .puzzle-grid { margin-bottom: 40px; }
  .connected-site.solutions-page .service-studio { padding: 0 var(--gutter) 82px; }
  .solutions-page .service-tabs {
    display: flex; overflow-x: auto; overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory; scrollbar-width: thin; margin: 0;
  }
  .solutions-page .service-tabs button {
    flex: 1 0 132px; min-width: 132px; min-height: 62px;
    padding: 12px 14px; justify-content: center; font-size: .73rem;
    scroll-snap-align: start;
  }
  .connected-site.solutions-page .service-world { padding: 58px 28px 68px; gap: 44px; }
  .solutions-page .service-world .world-copy h2 { font-size: clamp(2.8rem, 8vw, 4.2rem); }
  .solutions-page .service-world > .service-wordmark { top: 35px; right: -.16em; font-size: 23vw; opacity: .025; }
}
@media (max-width: 520px) {
  .connected-site.solutions-page .solution-intro { padding: 78px 24px 92px; }
  .connected-site.solutions-page .solution-intro h1 { font-size: clamp(2.65rem, 10vw, 3.7rem); }
  .solutions-page .solutions-hero-copy > p:not(.section-tag) { font-size: 1rem; }
  .solutions-page .solution-puzzle .connected-heading h2 { font-size: clamp(2.6rem, 10vw, 3.7rem); }
  .solutions-page .service-tabs button { flex-basis: 126px; min-width: 126px; min-height: 56px; padding: 12px 6px; font-size: .69rem; }
  .solutions-page .service-tabs button span,
  .solutions-page .service-tabs button b { display: none; }
  .connected-site.solutions-page .service-world { padding: 48px 22px 60px; }
  .solutions-page .service-world .world-copy h2 { font-size: clamp(2.5rem, 10vw, 3.5rem); }
  .solutions-page .service-world .world-copy > p:not(.section-tag) { font-size: 1rem; }
  .solutions-page .service-world .world-outcome { grid-template-columns: 1fr; gap: 22px; }
  .solutions-page .assembly-path li { font-size: .7rem; }
  .solutions-page .service-world,
  .solutions-page .service-world h2 { scroll-margin-top: 140px; }
}

@media (forced-colors: active) {
  .solutions-page .solution-puzzle { background: Canvas; color: CanvasText; }
  .solutions-page .piece-shape path { stroke: CanvasText; }
}

/* ===== Inverted colours for the moon/sun switch (generated from the rules above — keep at end of file) ===== */
html[data-theme="inverted"] .connected-site.solutions-page .solution-intro { background: radial-gradient(circle at 88% 18%, rgba(30, 22, 28, 0.6), transparent 30%), linear-gradient(135deg, #271c24, #231920); color: #e1dddb; border-bottom: 1px solid #49413c; }
html[data-theme="inverted"] .solutions-page .solution-intro .section-tag { color: #d2bfcf; }
html[data-theme="inverted"] .solutions-page .solution-intro h1 { color: #e1dddb; }
html[data-theme="inverted"] .solutions-page .solution-intro h1 span { color: #d2bfcf; }
html[data-theme="inverted"] .solutions-hero-copy > p:not(.section-tag) { color: #cdc8ca; }
html[data-theme="inverted"] .solutions-hero-link { color: #d2bfcf; border-color: #d2bfcf; }
html[data-theme="inverted"] .solutions-hero-link:hover { color: #e1dddb; border-color: #e1dddb; }
html[data-theme="inverted"] .solutions-hero-side { border-color: rgba(210, 191, 207, 0.4); }
html[data-theme="inverted"] .solutions-hero-side > span { color: #d2bfcf; }
html[data-theme="inverted"] .solutions-hero-side i { background: #60435b66; }
html[data-theme="inverted"] .solutions-hero-side p { color: #e1dddb; }
html[data-theme="inverted"] .solutions-page .solution-puzzle { background-color: #f2ece3; background-image: radial-gradient(circle at 50% 45%, #60435b32, transparent 58%); color: #382d1e; }
html[data-theme="inverted"] .solutions-page .solution-puzzle .section-tag { color: #345e61; }
html[data-theme="inverted"] .solutions-page .solution-puzzle .connected-heading h2 { color: #382d1e; }
html[data-theme="inverted"] .solutions-page .solution-puzzle .connected-heading > p { color: #43353e; }
html[data-theme="inverted"] .solutions-page .puzzle-piece { color: #382833; }
html[data-theme="inverted"] .solutions-page .piece-shape path { stroke: #61515e; }
html[data-theme="inverted"] .solutions-page .puzzle-piece[aria-pressed="true"],
html[data-theme="inverted"] .solutions-page .puzzle-piece:hover .piece-content { color: #212121; }
html[data-theme="inverted"] .solutions-page .puzzle-piece:focus-visible .piece-shape path { stroke: #345e61; }
html[data-theme="inverted"] .solutions-page .connection-story { border-color: rgba(56, 45, 30, 0.22); }
html[data-theme="inverted"] .solutions-page .connection-story .section-tag { color: #345e61; }
html[data-theme="inverted"] .solutions-page .connection-path li { color: #50304a; }
html[data-theme="inverted"] .solutions-page .connection-story > p:not(.section-tag) { color: #382d1e; }
html[data-theme="inverted"] .solutions-page .connection-story > small { color: #4b3d46; }
html[data-theme="inverted"] .connected-site.solutions-page .solution-intro { background: #261b23; border-bottom: 1px solid rgba(210, 191, 207, 0.208); }
html[data-theme="inverted"] .connected-site.solutions-page .solution-intro > .solutions-wordmark { color: #d2bfcf; }
html[data-theme="inverted"] .solutions-page .solutions-hero-copy > p:not(.section-tag) { color: #cec8cb; }
html[data-theme="inverted"] .solutions-page .solutions-hero-link { color: #d2bfcf; border-bottom: 1px solid #d2bfcf; }
html[data-theme="inverted"] .solutions-page .solutions-hero-side { border-left: 1px solid rgba(210, 191, 207, 0.333); }
html[data-theme="inverted"] .connected-site.solutions-page .solution-puzzle { background: #f2ebe1; color: #382d1e; }
html[data-theme="inverted"] .solutions-page .connection-story { border-bottom: 0; }
html[data-theme="inverted"] .connected-site.solutions-page .service-studio { background: #271c24; }
html[data-theme="inverted"] .solutions-page .service-tabs { border: 0; border-block: 1px solid rgba(210, 191, 207, 0.271); background: #271c24; }
html[data-theme="inverted"] .solutions-page .service-tabs button { border-right: 1px solid rgba(210, 191, 207, 0.196); background: transparent; color: #e1dddb; }
html[data-theme="inverted"] .solutions-page .service-tabs button:last-child { border-right: 0; }
html[data-theme="inverted"] .solutions-page .service-tabs button span { color: #d2bfcf; }
html[data-theme="inverted"] .solutions-page .service-tabs button[aria-selected="true"],
html[data-theme="inverted"] .solutions-page .service-tabs button.active { background: #221920; color: #d9c8d6; }
html[data-theme="inverted"] .solutions-page .service-tabs button[aria-selected="true"]::after { background: #60435b; }
html[data-theme="inverted"] .solutions-page .service-tabs button:hover:not([aria-selected="true"]) { background: #241a21; }
html[data-theme="inverted"] .solutions-page .service-tabs button:focus-visible { outline: 2px solid #d2bfcf; }
html[data-theme="inverted"] .connected-site.solutions-page .service-world { --panel-accent: #d2bfcf; --panel-rule: rgba(210, 191, 207, 0.29); border: 0; border-bottom: 1px solid var(--panel-rule); background: #231921; color: #e1dddb; }
html[data-theme="inverted"] .connected-site.solutions-page .service-world > .service-wordmark { color: currentColor; }
html[data-theme="inverted"] .solutions-page .service-world .world-copy > .section-tag { color: var(--panel-accent); }
html[data-theme="inverted"] .solutions-page .service-world .world-copy h2 em { color: var(--panel-accent); }
html[data-theme="inverted"] .solutions-page .service-world .solution-assembly { border-color: var(--panel-rule); }
html[data-theme="inverted"] .solutions-page .solution-assembly > .section-tag { color: var(--panel-accent); }
html[data-theme="inverted"] .solutions-page .assembly-path li:not(:last-child)::after { color: var(--panel-accent); }
html[data-theme="inverted"] .solutions-page .service-world .world-outcome { border-color: var(--panel-rule); }
html[data-theme="inverted"] .solutions-page .world-outcome small { color: var(--panel-accent); }
html[data-theme="inverted"] .solutions-page .world-outcome .text-link { color: var(--panel-accent); }
html[data-theme="inverted"] .solutions-page .world-outcome .text-link:hover { color: currentColor; }
html[data-theme="inverted"] .connected-site.solutions-page .brand-world { background: #231921; }
html[data-theme="inverted"] .solutions-page .brand-board { border-color: var(--panel-rule); }
html[data-theme="inverted"] .solutions-page .brand-board > div { border-color: var(--panel-rule) !important; }
html[data-theme="inverted"] .solutions-page .brand-board .bb-logo { background: #1f161d; }
html[data-theme="inverted"] .solutions-page .launch-composition > .section-tag { color: var(--panel-accent); }
html[data-theme="inverted"] .connected-site.solutions-page .data-world,
html[data-theme="inverted"] .connected-site.solutions-page .dev-world { --panel-accent: #6f603c; --panel-rule: rgba(56, 45, 30, 0.22); background: #f0e8de; color: #382d1e; }
html[data-theme="inverted"] .solutions-page .data-world .world-copy h2 em,
html[data-theme="inverted"] .solutions-page .dev-world .world-copy h2 em { color: #4c3349; }
html[data-theme="inverted"] .solutions-page .data-world .world-copy > p:not(.section-tag),
html[data-theme="inverted"] .solutions-page .dev-world .world-copy > p:not(.section-tag) { color: #42343d; }
html[data-theme="inverted"] .solutions-page .data-world .world-outcome p,
html[data-theme="inverted"] .solutions-page .dev-world .world-outcome p { color: #42343d; }
html[data-theme="inverted"] .solutions-page .growth-console,
html[data-theme="inverted"] .solutions-page .system-workbench { border-color: var(--panel-rule); background: rgba(46, 33, 43, 0.02); }
html[data-theme="inverted"] .solutions-page .customer-loop article { border-color: rgba(56, 45, 30, 0.22); background: rgba(46, 33, 43, 0.016); }
html[data-theme="inverted"] .solutions-page .customer-loop article p,
html[data-theme="inverted"] .solutions-page .loop-return { color: #345e61; }
html[data-theme="inverted"] .solutions-page .system-workbench .dev-topbar { border-color: var(--panel-rule); background: #f2ebe2; }
html[data-theme="inverted"] .solutions-page .operation-hub { border-color: #6f603c; }
html[data-theme="inverted"] .solutions-page .operation-inputs span,
html[data-theme="inverted"] .solutions-page .operation-outputs span { border-color: rgba(111, 96, 60, 0.333); }
html[data-theme="inverted"] .solutions-page .human-check { border-color: var(--panel-rule); color: #655737; }
html[data-theme="inverted"] .connected-site.solutions-page .design-world { background: #21181f; }
html[data-theme="inverted"] .solutions-page .discovery-workspace { border-color: var(--panel-rule); background: rgba(39, 28, 36, 0.502); }
html[data-theme="inverted"] .solutions-page .discovery-workspace .workspace-top { border-color: var(--panel-rule); }
html[data-theme="inverted"] .solutions-page .discovery-notes article { border-color: var(--panel-rule); }
html[data-theme="inverted"] .connected-site.solutions-page .solution-closing { background: #1f161d; border: 0; }
html[data-theme="inverted"] .solutions-page .solution-closing > .closing-wordmark { color: #d2bfcf; }
html[data-theme="inverted"] .solutions-page .solution-closing > a { background: #60435b; }
@media (forced-colors: active) {
  html[data-theme="inverted"] .solutions-page .solution-puzzle { background: Canvas; color: CanvasText; }
  html[data-theme="inverted"] .solutions-page .piece-shape path { stroke: CanvasText; }
}