/* The chart of the atelier (Issue #671): its press rides the trail's line, or its own under the nav where no trail is, and its panel stands inside the head cluster so it rides with it on the 1024 page. */
:root {
  --press-gap: 0.7rem;
}
.atelier-fold {
  display: block;
  margin: var(--press-gap) 0 0;
}
/* A closed fold's content still reports its boxes to a script that asks, so it stands down by display as well (Issue #671, measured on the stage and corners suites). */
.atelier-fold:not([open]) .atelier {
  display: none;
}
header.chrome:has(.atelier-fold[open]) {
  z-index: 19;
}
.where:has(> .atelier-fold) {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 1.2rem;
}
.where > .atelier-fold {
  margin: 0;
}
.where > .also {
  flex-basis: 100%;
}
.atelier-press {
  display: block;
  width: fit-content;
  font-family: var(--font-display, "Iowan Old Style", "Palatino", Georgia, serif);
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  color: var(--parchment);
  cursor: pointer;
  list-style: none;
}
.atelier-press::-webkit-details-marker {
  display: none;
}
.atelier-press::before {
  content: "✦ " / "";
  opacity: 0.8;
}
.atelier-press:hover,
.atelier-press:focus-visible {
  color: var(--parchment-bright);
}
.atelier-fold[open] > .atelier-press {
  color: var(--ink-dark);
  background: var(--parchment-bright);
  box-shadow: 0 0 0 0.2em var(--parchment-bright);
}
.atelier {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: calc(11.6rem - var(--chrome-y));
  z-index: 44;
  width: 34rem;
  padding: 0.6rem 0.7rem 0.4rem;
  background: rgb(from var(--chart-ink) r g b / 0.985);
  border: 1px solid rgb(from var(--line-tan) r g b / 0.45);
  box-shadow: 0 18px 40px rgb(from var(--chart-ink) r g b / 0.55);
  pointer-events: auto;
}
.atelier svg {
  display: block;
  width: 100%;
  height: auto;
}
.atelier .land {
  fill: rgb(from var(--parchment) r g b / 0.1);
  stroke: var(--line-tan);
  stroke-width: 1.1;
}
.atelier .sea-ring {
  fill: none;
  stroke: rgb(from var(--line-tan) r g b / 0.35);
  stroke-width: 5;
}
.atelier .road {
  fill: none;
  stroke: rgb(from var(--parchment) r g b / 0.45);
  stroke-width: 1;
}
.atelier .road.track {
  stroke-dasharray: 3 4;
  stroke: rgb(from var(--parchment) r g b / 0.3);
}
.atelier text {
  font-family: var(--font-display, "Iowan Old Style", "Palatino", Georgia, serif);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-anchor: middle;
  fill: var(--parchment);
  paint-order: stroke;
  stroke: var(--chart-ink);
  stroke-width: 8px;
  stroke-linejoin: round;
}
.atelier .village text {
  font-size: 9.5px;
}
.atelier .isle text {
  font-size: 10px;
}
.atelier .pip {
  fill: var(--parchment);
}
.atelier a.place .pip {
  pointer-events: visible;
}
.atelier .capital .pip,
.atelier .here .pip,
.atelier a.place:not(.landing):hover .pip,
.atelier a.place:not(.landing):focus-visible .pip {
  fill: var(--parchment-bright);
}
.atelier .here text,
.atelier a.place:hover text,
.atelier a.place:focus-visible text {
  fill: var(--parchment-bright);
}
.atelier .halo {
  fill: none;
  stroke: var(--parchment-bright);
  stroke-width: 1;
  opacity: 0.55;
}
.atelier .landing .pip {
  fill: none;
  stroke: var(--parchment);
  stroke-width: 1.4;
}
.atelier a.place.landing:hover .pip,
.atelier a.place.landing:focus-visible .pip {
  stroke: var(--parchment-bright);
}
.atelier .landing text {
  font-style: italic;
}
.atelier .you path {
  stroke: var(--parchment-bright);
  stroke-width: 1;
}
.atelier .you text {
  font-family: var(--font-flourish, "Iowan Old Style", "Palatino", Georgia, serif);
  font-style: italic;
  font-size: 10.5px;
  fill: var(--parchment-bright);
  letter-spacing: 0.04em;
}
.atelier .rose circle {
  fill: none;
  stroke: rgb(from var(--line-tan) r g b / 0.5);
}
.atelier .rose path {
  fill: rgb(from var(--parchment) r g b / 0.55);
}
.atelier .rose text {
  font-size: 9px;
}
.atelier .atelier-cartouche {
  text-anchor: start;
  font-size: 13px;
  letter-spacing: 0.12em;
}
.atelier-key {
  font-family: var(--font-flourish, "Iowan Old Style", "Palatino", Georgia, serif);
  font-style: italic;
  font-size: 0.62rem;
  color: var(--parchment);
  margin: 0.3rem 0 0;
  text-align: right;
}