:root {
  --wa-color-brand-95: #eaf8f1;
  --wa-color-brand-90: #d2f0e2;
  --wa-color-brand-80: #a8ddc7;
  --wa-color-brand-70: #74c4a5;
  --wa-color-brand-60: #35a981;
  --wa-color-brand-50: #168863;
  --wa-color-brand-40: #0d684d;
  --wa-color-brand-30: #104f3e;
  --wa-color-brand-20: #123a31;
  --wa-color-brand-10: #10241f;
  --wa-color-brand-05: #081613;
  --wa-color-brand: #168863;
  --wa-color-brand-on: #ffffff;
  --wa-color-surface-default: #f8fbf6;
  --wa-color-surface-lowered: #eef6f1;
  --wa-color-surface-raised: #ffffff;
  --wa-color-surface-border: #d6e6dd;
  --wa-color-text-normal: #14231f;
  --wa-color-text-quiet: #596b63;
  --wa-color-text-link: #0d684d;
  --wa-color-shadow: rgba(18, 58, 49, 0.12);
  --smen-ink: #10241f;
  --smen-forest: #123a31;
  --smen-green: #168863;
  --smen-mint: #dff4e9;
  --smen-sky: #e7f7fb;
  --smen-amber: #f8c547;
  --smen-coral: #f36f4f;
  --smen-paper: #fffef8;
}

body {
  background:
    linear-gradient(180deg, rgba(223, 244, 233, 0.72), rgba(248, 251, 246, 0.4) 24rem),
    var(--wa-color-surface-default);
}

main {
  overflow: hidden;
}

.smen-band {
  background:
    linear-gradient(90deg, rgba(22, 136, 99, 0.08), rgba(248, 197, 71, 0.12)),
    var(--smen-paper);
}

.smen-ink-panel {
  background:
    linear-gradient(135deg, #10241f, #123a31 58%, #1e5b48);
}

.smen-route {
  box-shadow: 0 20px 60px rgba(18, 58, 49, 0.1);
}

.smen-route:hover {
  transform: translateY(-3px);
}

.smen-rule {
  background-image: linear-gradient(90deg, var(--smen-green), var(--smen-amber), var(--smen-coral));
}

.content-prose a {
  color: var(--wa-color-text-link);
  font-weight: 650;
}

.content-prose h2,
.content-prose h3 {
  color: var(--smen-forest);
}