/* The map has one quiet visual hierarchy: center, fields, topics, records. */
#view-about .orbit-stage { background: #fff; overflow: hidden; }
#view-about .page-heading { top: 30px; }
#view-about .page-heading h1 { font-size: 28px; font-weight: 500; letter-spacing: -.035em; }
#view-about .map-summary { top: 39px; color: #747a76; font-size: 11px; letter-spacing: .01em; }
#view-about .orbit-line { stroke: #7e8983; stroke-width: .65; opacity: .28; }
#view-about .center-sun { r: 10px; fill: #292f2c; stroke: none; }
#view-about .center-node text {
  fill: #252928; font-size: 14px; font-weight: 600;
  letter-spacing: .04em; text-anchor: middle;
}
#view-about .area-node .map-label { font-size: 15px; font-weight: 550; fill: #292f2c; }
#view-about .mobile-map-label { display: none; }
#view-about .topic-node .map-label { font-size: 12px; font-weight: 450; fill: #4f5852; }
#view-about .map-node text { stroke: #fff; stroke-width: 2.5px; stroke-linejoin: round; }
#view-about .map-node .node-ring { fill: #fff; stroke: #515c55; stroke-width: 1px; }
#view-about .area-node .node-ring { r: 5.5px; stroke-width: 1.2px; }
#view-about .topic-node .node-ring { r: 2.8px; stroke: #818d85; stroke-width: .85px; }
#view-about .map-node .node-core { display: none; }
#view-about .paper-dot { r: 1.65px; fill: #929c95; opacity: .8; }
#view-about .area-stem { stroke: #76857b; stroke-width: .9; opacity: .48; }
#view-about .topic-stem { stroke: #8f9b92; stroke-width: .65; opacity: .36; }
#view-about .paper-stem { stroke: #a6aea8; stroke-width: .5; opacity: .17; }
#view-about .cross-link { stroke: #9aa69d; stroke-width: .65; stroke-dasharray: none; opacity: .18; }
#view-about .area-stem, #view-about .topic-stem, #view-about .paper-stem {
  transition: stroke 300ms, opacity 350ms, stroke-width 300ms;
}
#view-about .map-node:hover .node-ring { fill: #fff; stroke: #515c55; stroke-width: 1px; }
#view-about .map-node.is-related .node-ring { stroke: var(--area-color); }
#view-about .map-node.is-pointed .node-ring,
#view-about .map-node:focus-visible .node-ring { fill: var(--area-color); stroke: var(--area-color); stroke-width: 1.3px; }
#view-about .paper-node.is-related .paper-dot { fill: var(--area-color); opacity: 1; }
#view-about .paper-node.is-pointed .paper-dot,
#view-about .paper-node:focus-visible .paper-dot { r: 3.2px; fill: var(--area-color); opacity: 1; }
#view-about .area-stem.is-related { stroke: #4f6559; stroke-width: 1.1; opacity: .85; }
#view-about .topic-stem.is-related { stroke: #617567; stroke-width: 1; opacity: .8; }
#view-about .paper-stem.is-related { stroke: #738b7d; stroke-width: .7; opacity: .6; }
#view-about .map-node:focus-visible .node-target { stroke: #53665b; stroke-dasharray: 2 3; }
#view-about .map-controls { background: #fff; border-color: #dfe4df; bottom: 46px; }
#view-about .map-controls button { width: 34px; height: 32px; font-size: 17px; }
#view-about .map-caption { bottom: 19px; color: #747a76; font-size: 11px; }
#view-about .map-paper-preview {
  background: #fff; border: 1px solid #e1e4e1; border-radius: 2px;
  box-shadow: 0 8px 30px #25392b08;
}
@media (max-width: 760px) {
  #view-about .page-heading { top: 25px; }
  #view-about .page-heading h1 { font-size: 24px; }
  #view-about .map-summary { top: 63px; font-size: 10px; }
  #view-about .area-node .desktop-map-label { display: none; }
  #view-about .area-node .mobile-map-label { display: block; font-size: 12.5px; font-weight: 600; }
  #view-about .topic-node .map-label { font-size: 11.5px; }
  #view-about .map-node text { stroke-width: 3.5px; }
  #view-about .center-node text { font-size: 12px; }
  #view-about .center-sun { r: 7px; }
  #view-about .area-node .node-ring { r: 5.5px; stroke-width: 1.3px; }
  #view-about .paper-dot { r: 1.4px; opacity: .78; }
  #view-about .orbit-line { opacity: .36; }
  #view-about .area-stem { opacity: .56; }
  #view-about .cross-link { opacity: .12; }
  #view-about .map-caption { font-size: 10px; }
}