/* Shared Forge surfaces: the console palette, dot field and HOME Menu rim. */
:root {
  --forge-page-background: #f7f9fa;
  --forge-ink: #38464d;
  --forge-muted: #77858c;
  --forge-dot: #819cae;
  --forge-dot-opacity: 0.12;
  --forge-line: #8096a222;
  --forge-gutter: clamp(24px, 4vw, 84px);
  --home-rim-background: linear-gradient(145deg, #fff 0%, #eaf0f4 43%, #c1cad3 100%);
  --home-rim-border: #8b98a7a6;
  --home-rim-highlight: #fff;
  --home-rim-lowlight: #8797a07a;
  --home-rim-shadow: #26384420;
  --home-rim-inset: #53616c55;
  --home-rim-surface: #f6f7f9;
  --home-rim-focus: #4b8195;
}
:root[data-theme='dark'] {
  --forge-page-background: #1b1b1d;
  --forge-ink: #e9e9ed;
  --forge-muted: #aaaab3;
  --forge-dot: #e5e5e5;
  --forge-dot-opacity: 0.1;
  --forge-line: #ffffff18;
  --home-rim-background: linear-gradient(145deg, #5b6670 0%, #3d4852 43%, #242e37 100%);
  --home-rim-border: #8293a18f;
  --home-rim-highlight: #e7f3fc66;
  --home-rim-lowlight: #111a23b3;
  --home-rim-shadow: #0006;
  --home-rim-inset: #18232dd9;
  --home-rim-surface: #e8edf0;
  --home-rim-focus: #b4d6e2;
}
.forge-surface {
  position: relative;
  isolation: isolate;
  background: var(--forge-page-background);
  color: var(--forge-ink);
  font-family: Nunito, 'DM Sans', sans-serif;
}
.forge-surface::before,
#dual::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(var(--forge-dot) 0.65px, transparent 0.85px);
  background-size: 6px 6px;
  opacity: var(--forge-dot-opacity);
  mask-image: linear-gradient(#000, transparent 36%, #000 74%, transparent);
}
.forge-surface::before {
  inset: var(--forge-header-height) 0 0;
}
#dual-progress,
#dual-info {
  max-width: 1200px;
  margin-inline: auto;
  padding-top: 64px;
  padding-bottom: 80px;
}
body .forge-section-heading {
  max-width: none;
  margin: 0 0 42px;
}
body .forge-section-heading > :is(.eyebrow, .blog-eyebrow) {
  margin: 0 0 12px;
  color: var(--forge-muted);
  font:
    800 12px/1.5 Nunito,
    sans-serif;
  letter-spacing: 1.9px;
}
body .forge-section-heading h1 {
  margin: 0 0 18px;
  color: var(--forge-ink);
  font:
    800 clamp(32px, 4vw, 52px)/1.12 Nunito,
    sans-serif;
  letter-spacing: -1.8px;
}
body .forge-section-heading > p:last-child {
  max-width: none;
  margin: 0;
  color: var(--forge-muted);
  opacity: 1;
  font:
    400 17px/1.6 Nunito,
    sans-serif;
  letter-spacing: 0;
}
body .forge-section-heading .cooking-icon {
  color: inherit;
}
.forge-rim {
  padding: 7px;
  border: 1px solid var(--home-rim-border);
  border-radius: 28px;
  background: var(--home-rim-background);
  box-shadow:
    inset 0 1px 1px var(--home-rim-highlight),
    inset 0 -2px 1px var(--home-rim-lowlight),
    0 3px 5px var(--home-rim-shadow);
}
@media (max-width: 900px) and (min-width: 601px) {
  :root {
    --forge-gutter: clamp(28px, 5vw, 44px);
  }
}
@media (max-width: 600px) {
  :root {
    --forge-gutter: 16px;
  }
  #dual-progress,
  #dual-info {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  body .forge-section-heading {
    margin-bottom: 30px;
  }
  body .forge-section-heading h1 {
    font-size: 35px;
    letter-spacing: -1.4px;
  }
  body .forge-section-heading > p:last-child {
    font-size: 16px;
  }
}
@media (max-width: 389px) {
  :root {
    --forge-gutter: 12px;
  }
}