#spectrum-window > .spectrum-content {
  background: transparent;
  padding: clamp(14px, 2vw, 26px);
}
.spectrum-intro {
  padding: clamp(18px, 3vw, 36px);
  border: 2px solid;
  border-color: #f36c32 #359dca #9c67b0 #20b89a;
  background: transparent;
}
.spectrum-intro-header { width: 100%; max-width: none; }
.spectrum-intro-kicker {
  margin: 0 0 20px;
  color: #359dca;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.8;
}
.spectrum-intro h1 {
  margin: 0 0 22px;
  color: #fff;
  font-size: clamp(27px, 3vw, 44px);
  line-height: 1.25;
  text-transform: none;
  letter-spacing: -0.025em;
}
.spectrum-intro-description {
  margin: 0;
  max-width: none;
  color: #ddd;
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.85;
}
.spectrum-intro-description + .spectrum-intro-description { margin-top: 20px; }
.spectrum-intro-description:last-of-type { color: #fff; }
.spectrum-intro-download {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 26px;
  padding: 9px 18px;
  border: 1px solid #f9a51b;
  background: transparent;
  color: #f9a51b;
  font: inherit;
  font-size: 16px;
  text-decoration: none;
}
.spectrum-intro-download:hover {
  border-color: #f1ce18;
  background: transparent;
  color: #fff;
}
.spectrum-intro-download:focus-visible { outline: 2px solid #20b89a; outline-offset: 4px; }
.spectrum-intro-image {
  margin: 32px 0 0;
  border: 1px solid #9c67b0;
  background: transparent;
}
.spectrum-intro-image img { display: block; width: 100%; height: auto; }

#spectrum-window > .spectrum-content :is(h1, h2, h3, h4, h5, h6) {
  text-align: center;
}
#spectrum-window > .spectrum-content :is(p, figcaption) {
  text-align: justify;
  text-align-last: start;
  hyphens: auto;
}
#spectrum-window .spectrum-intro-kicker {
  text-align: center;
  text-align-last: auto;
  hyphens: none;
}

.spectrum-wallpaper, .spectrum-controls, .spectrum-workplay, .spectrum-igor, .spectrum-download-section {
  margin-top: 32px;
  padding: clamp(18px, 3vw, 36px);
  border: 2px solid;
  border-color: #359dca #9c67b0 #f9a51b #20b89a;
  background: transparent;
}
.spectrum-wallpaper h2, .spectrum-controls h2, .spectrum-workplay h2, .spectrum-igor h2, .spectrum-download-section h2 {
  margin: 0 0 24px;
  color: #fff;
  font-size: clamp(26px, 2.5vw, 36px);
  line-height: 1.3;
  text-transform: none;
}
.spectrum-wallpaper > p, .spectrum-controls > p, .spectrum-workplay > p, .spectrum-igor > p, .spectrum-download-section > p {
  margin: 0;
  color: #ddd;
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.85;
}
.spectrum-wallpaper > p + p, .spectrum-controls > p + p, .spectrum-workplay > p + p { margin-top: 20px; }
.spectrum-wallpaper-comparison {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap: 24px;
  margin-top: 30px;
}
.spectrum-wallpaper-comparison figure { min-width: 0; margin: 0; }
.spectrum-wallpaper-comparison img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #f9a51b;
}
.spectrum-wallpaper-comparison figure:last-child img { border-color: #359dca; }
.spectrum-wallpaper-comparison figcaption { margin-top: 12px; color: #ccc; font-size: 14px; line-height: 1.6; }

.spectrum-controls { border-color: #20b89a #f36c32 #9c67b0 #359dca; }
.spectrum-controls-image, .spectrum-workplay-image, .spectrum-igor-image { margin: 30px 0 0; }
.spectrum-controls-image img, .spectrum-workplay-image img, .spectrum-igor-image img { display: block; width: 100%; height: auto; border: 1px solid #359dca; }
.spectrum-controls-image figcaption, .spectrum-workplay-image figcaption, .spectrum-igor-image figcaption { margin-top: 12px; color: #ccc; font-size: 14px; line-height: 1.6; }

.spectrum-workplay { border-color: #9c67b0 #f9a51b #359dca #f36c32; }
.spectrum-igor { border-color: #f9a51b #20b89a #f36c32 #9c67b0; }
.spectrum-download-section { border-color: #f36c32 #359dca #9c67b0 #20b89a; }

.spectrum-workplay-image img { border-color: #9c67b0; }

.spectrum-igor-image img { border-color: #f9a51b; }

.spectrum-controls-overview { margin: 28px 0; }
.spectrum-controls-overview > div + div { margin-top: 20px; }
.spectrum-controls-overview dt {
  color: #f9a51b;
  font-size: clamp(16px, 1.4vw, 18px);
  font-weight: 700;
  line-height: 1.6;
}
.spectrum-controls-overview dd {
  margin: 6px 0 0;
  color: #ddd;
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.85;
  text-align: justify;
  text-align-last: start;
  hyphens: auto;
}