/* Works page-specific CSS. Global/common rules live in styles/base.css. */

body[data-works-page="papers"] {
  --accent: #1f8a78;
  --accent-2: #a4522c;
  --accent-3: #3f7398;
  --soft: #e8f1e9;
  --main-tag-border: rgba(31, 138, 120, 0.46);
  --main-tag-bg: #e3f2ee;
  --main-tag-bg-hover: #d4ebe5;
  --main-tag-ink: #176b5f;
  --main-tag-ink-hover: #12594f;
  --meta-tag-border: rgba(207, 106, 47, 0.34);
  --meta-tag-bg: #f5e3d4;
  --meta-tag-bg-hover: #edd4c0;
  --meta-tag-ink: #a4522c;
  --meta-tag-ink-hover: #843f23;
  --paper-ink: #1f2721;
  --paper-ink-strong: #24312a;
  --paper-teal: #1f8a78;
  --paper-teal-rgb: 31, 138, 120;
  --paper-teal-deep: #176b5f;
  --paper-teal-soft: #e3f2ee;
  --paper-green: #4b8062;
  --paper-green-rgb: 75, 128, 98;
  --paper-green-soft: #e8f1e9;
  --paper-orange: #cf6a2f;
  --paper-orange-rgb: 207, 106, 47;
  --paper-orange-deep: #a4522c;
  --paper-orange-soft: #f5e3d4;
  --paper-blue: #3f7398;
  --paper-blue-rgb: 63, 115, 152;
  --paper-blue-deep: #315b78;
  --paper-blue-soft: #e5edf3;
  --paper-red: #bf4f43;
  --paper-red-rgb: 191, 79, 67;
  --paper-red-soft: #f4e1dc;
  --paper-purple: #7765a6;
  --paper-purple-rgb: 119, 101, 166;
  --paper-purple-soft: #ece8f3;
  --paper-gray: #747872;
  --paper-gray-rgb: 116, 120, 114;
  --paper-gray-soft: #e7e7e2;
}

body[data-works-page="animations"] {
  --accent: #7c3b82;
  --accent-2: #315f88;
  --accent-3: #1f8a78;
  --soft: #f1e7f2;
}

body[data-works-page="index"] .research-map {
  height: auto;
  max-height: none;
  overflow: visible;
  overscroll-behavior: auto;
  scrollbar-gutter: auto;
}

body[data-works-page="index"] .research-map-layout {
  min-height: 0;
}

@media (max-width: 760px) {
  body[data-works-page="index"] .research-map {
    height: auto;
  }
}