/* Widget-specific details within the shared public site palette. */
.lp-widgets-page .mp-index-hero,
.lp-widgets-page .mp-detail-hero {
  background:
    radial-gradient(circle at 82% 12%, rgba(37, 99, 235, .1), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, var(--soft) 100%);
}

.wp-tool-stack {
  border-color: var(--line);
  background:
    linear-gradient(rgba(37, 99, 235, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, .06) 1px, transparent 1px),
    rgba(255, 255, 255, .72);
  background-size: 34px 34px;
  box-shadow: 0 24px 60px rgba(27, 49, 80, .1);
}

.wp-tool-stack::before {
  background: var(--night);
  box-shadow: 0 18px 42px rgba(27, 49, 80, .2);
}

.wp-tool-stack > span {
  color: var(--ink);
  border-color: var(--line);
  box-shadow: 0 12px 28px rgba(27, 49, 80, .1);
}

.wp-tool-stack > span i,
.wp-tool-stack > span > svg {
  color: var(--product-blue);
  background: var(--product-blue-soft);
}

.wp-catalogue .mp-module-number {
  color: var(--product-blue-dark);
  background: var(--product-blue-soft);
}

.wp-principle-band {
  background: linear-gradient(135deg, #1d2d43, #20334e 58%, #263d59);
}

.wp-notice {
  color: var(--ink);
  border-color: #c8d9f2;
  background: var(--product-blue-soft);
}

.wp-notice > svg { color: var(--product-blue-dark); }

.wp-secondary-screen { border-color: var(--line); }
.wp-secondary-screen > div span { color: var(--product-blue-dark); }
.wp-secondary-screen .lp-wide-screen {
  box-shadow: 0 12px 30px rgba(27, 49, 80, .1);
}