:root {
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  color:#222b32;
  background:#faf9f6;
  font-synthesis:none;
  --line:#e5e5df;
  --muted:#727970;
  --ink:#222b32;
}
* {
  box-sizing:border-box;
}
body {
  margin:0;
}
button,a {
  -webkit-tap-highlight-color:transparent;
}
button {
  font:inherit;
  color:inherit;
  cursor:pointer;
}
button:disabled {
  cursor:default;
  opacity:.4;
}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible {
  outline:3px solid #345ad9;
  outline-offset:3px;
}
button {
  border:1px solid var(--line);
  background:white;
  border-radius:7px;
  padding:8px 12px;
  font-size:12px;
}
button:hover {
  background:#f1f2ee;
}
a {
  color:inherit;
}
button.quiet {
  background:transparent;
  border-color:transparent;
}
.masthead {
  height:46px;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
  gap:16px;
}
.brand {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:18px;
  letter-spacing:-.6px;
  font-weight:720;
  text-decoration:none;
}
.brand-mark {
  width:28px;
  height:27px;
  display:flex;
  align-items:center;
  gap:3px;
  transform:rotate(-12deg);
}
.brand-mark i {
  display:block;
  width:6px;
  background:#007e70;
  height:16px;
  border-radius:2px;
}
.brand-mark i:nth-child(2) {
  height:26px;
  background:#4668df;
}
.brand-mark i:nth-child(3) {
  height:21px;
  background:#e4a322;
}
.version {
  margin-left:8px;
  padding:5px 7px;
  background:#efeee8;
  border-radius:4px;
  font-size:10px;
  letter-spacing:.4px;
  font-weight:600;
  color:#6e746c;
}
.header-actions {
  display:flex;
  gap:20px;
  align-items:center;
}
.source-label {
  font-size:12px;
  display:flex;
  align-items:center;
  gap:7px;
}
.status-dot {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#008774;
}
main {
  padding:14px 22px 0;
  max-width:2400px;
  margin:auto;
}
.workspace {
  background:#fff;
  border:1px solid #dddfd9;
  border-radius:12px;
  overflow:clip;
  box-shadow:0 2px 4px #293b2d03;
}
.toolbar {
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  padding:6px 18px;
  position:sticky;
  top:0;
  z-index:6;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.eyebrow {
  display:block;
  font-size:9px;
  letter-spacing:1.7px;
  font-weight:700;
  color:#7c827a;
}
.view-title h1 {
  font-size:18px;
  font-weight:650;
  letter-spacing:-.7px;
  margin:0;
}
.view-controls {
  display:flex;
  align-items:center;
  gap:14px;
}
#visible-range {
  font-size:12px;
  font-weight:550;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.button-group {
  display:flex;
  border:1px solid var(--line);
  border-radius:7px;
  overflow:hidden;
}
.button-group button {
  font-size:21px;
  line-height:20px;
  border:0;
  border-radius:0;
  width:35px;
  height:34px;
  padding:4px;
}
.button-group button+button {
  border-left:1px solid var(--line);
}
.legend-row {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:9px 18px;
  align-items:center;
}
.legend {
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}
.legend span {
  font-size:10px;
  color:#59635f;
  display:flex;
  align-items:center;
  gap:6px;
}
.legend i {
  display:inline-block;
  width:7px;
  height:7px;
  background:var(--dot);
  border-radius:2px;
}
.interaction-hint {
  font-size:10px;
  color:#627568;
  white-space:nowrap;
}
.interaction-hint span {
  padding-left:6px;
  font-size:16px;
}
.timeline-scroll {
  overflow:visible;
  min-height:78dvh;
  scroll-margin-top:calc(var(--toolbar-height, 53px) + 4px);
}
.timeline {
  position:relative;
  min-height:78dvh;
  outline-offset:-3px;
  cursor:grab;
  touch-action:pan-y;
  user-select:none;
  background:white;
}
.timeline.dragging {
  cursor:grabbing;
}
.timeline svg {
  display:block;
  width:100%;
  overflow:hidden;
}
.timeline .ruler {
  position:sticky;
  top:0;
  z-index:3;
  border-top:1px solid #dfe3dc;
  border-bottom:1px solid #dfe3dc;
  background:#fff;
  cursor:grab;
}
.timeline .ruler svg {
  height:43px;
}
.timeline svg text {
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
}
.axis-label {
  fill:#475b51;
  font-size:10px;
  font-variant-numeric:tabular-nums;
}
.grid-line {
  stroke:#d9e0d7;
  stroke-width:.7;
}
.grid-line.minor {
  stroke:#e9ede7;
  stroke-width:.6;
}
.entry {
  cursor:pointer;
  outline:none;
}
.entry:hover .bar,.entry:focus-visible .bar {
  filter:brightness(.91);
  stroke:#172c36;
  stroke-width:1.7;
}
.entry.selected .bar {
  stroke:#101e30;
  stroke-width:2.3;
}
.entry-text {
  font-size:11px;
  font-weight:570;
  pointer-events:none;
}
.entry-date {
  font-size:9px;
  font-weight:450;
  pointer-events:none;
}
.entry.pending .bar {
  stroke-dasharray:3 2;
}
.group-name {
  font-size:11px;
  font-weight:700;
  fill:#26352f;
  letter-spacing:.1px;
}
.group-subtitle {
  font-size:9px;
  fill:#738076;
}
.row-name {
  font-size:9px;
  fill:#52665a;
}
.plot-hairline {
  stroke:#253b49;
  stroke-width:1;
  stroke-dasharray:2 3;
  pointer-events:none;
}
.hairline-label {
  font-size:10px;
  fill:white;
}
.timeline-footer {
  height:27px;
  border-top:1px solid var(--line);
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#7c837b;
  font-size:9px;
}
.timeline-footer>span:first-child {
  display:flex;
  align-items:center;
  gap:7px;
}
.sample-bar {
  display:inline-block;
  width:16px;
  height:6px;
  border-radius:1px;
  background:#67a699;
}
.sample-bar.prophet {
  height:9px;
  background:#4667d7;
  margin-left:10px;
}
.navigator {
  margin-top:12px;
  position:sticky;
  bottom:0;
  z-index:8;
  padding:7px 0 8px;
  background:#faf9f6f5;
  border-top:1px solid #d4d9cf;
  box-shadow:0 -5px 15px #26392f08;
}
.nav-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:0 0 2px;
}
.nav-heading>div {
  display:flex;
  align-items:center;
  gap:18px;
}
.nav-heading-name {
  font-size:12px;
  font-weight:550;
  color:#5e685f;
}
.nav-heading .quiet {
  font-size:10px;
  color:#6f786e;
}
.overview-track {
  height:55px;
  position:relative;
  user-select:none;
  touch-action:pan-y;
}
.overview-track svg {
  display:block;
  width:100%;
  height:55px;
}
.overview-selection {
  position:absolute;
  top:10px;
  height:23px;
  border:2px solid #26392f;
  border-radius:4px;
  pointer-events:auto;
  cursor:grab;
  background:#ffffff24;
  touch-action:none;
  min-width:3px;
}
.overview-selection:before,.overview-selection:after {
  content:"";
  position:absolute;
  width:3px;
  height:7px;
  top:6px;
  background:#26392f;
  border-radius:1px;
}
.overview-selection:before {
  left:2px;
}
.overview-selection:after {
  right:2px;
}
.overview-selection.dragging {
  cursor:grabbing;
}
.overview-period {
  cursor:pointer;
}
.overview-period:hover {
  filter:brightness(.94);
}
.focus-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:2px 0 5px;
  color:#92988f;
  font-size:9px;
  letter-spacing:.25px;
}
.focus-heading>span:first-child {
  font-weight:650;
  color:#6e776b;
  letter-spacing:1px;
}
.period-track {
  display:flex;
  height:35px;
  gap:3px;
  position:relative;
}
.period {
  position:relative;
  min-width:0;
  overflow:hidden;
  text-align:left;
  padding:4px 9px;
  border:1px solid transparent;
  border-radius:3px;
  background:var(--bg);
  color:var(--fg);
  line-height:1.3;
  flex-shrink:1;
}
.period:hover {
  background:var(--bg);
  filter:brightness(.97);
}
.period strong {
  font-size:10px;
  font-weight:650;
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.period small {
  font-size:8px;
  display:block;
  opacity:.8;
  margin-top:1px;
  white-space:nowrap;
}
.period.active {
  border-color:var(--fg);
  box-shadow:inset 0 -2px var(--fg);
}
.nav-footnote {
  display:flex;
  justify-content:space-between;
  gap:15px;
  font-size:9px;
  color:#697b6d;
  margin-top:4px;
  line-height:1.5;
}
.details {
  position:fixed;
  right:22px;
  top:100px;
  width:335px;
  max-width:calc(100vw - 32px);
  max-height:calc(100dvh - 125px);
  overflow:auto;
  z-index:10;
  background:#fff;
  border:1px solid #d6ddd2;
  border-radius:12px;
  box-shadow:0 15px 65px #122b2026;
  padding:28px;
}
.details h2 {
  font-size:25px;
  letter-spacing:-.7px;
  margin:16px 0 9px;
}
.details .detail-period {
  font-size:14px;
  font-weight:600;
}
.details p,dialog p {
  font-size:12px;
  line-height:1.75;
  color:#636e65;
}
.details dl {
  font-size:11px;
  display:grid;
  grid-template-columns:75px 1fr;
  gap:12px 8px;
  margin:22px 0;
}
.details dt {
  color:#8a9289;
}
.details dd {
  margin:0;
  line-height:1.5;
}
.details a,dialog a {
  font-size:11px;
  color:#345bc7;
  text-underline-offset:3px;
}
.detail-type {
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:10px;
  font-weight:600;
}
.detail-type:before {
  content:"";
  width:7px;
  height:7px;
  border-radius:2px;
  background:var(--accent);
}
.dating-note {
  background:#f6f4ed;
  padding:12px;
  border-radius:5px;
  margin-top:20px;
}
.dating-note strong {
  font-size:10px;
  font-weight:600;
  color:#807551;
}
.dating-note p {
  font-size:11px;
  margin-bottom:0;
}
.close {
  position:absolute;
  right:12px;
  top:10px;
  font-size:22px;
  background:transparent;
  border:0;
  padding:0 7px;
  color:#7c847b;
}
.details[hidden] {
  display:none;
}
dialog {
  border:1px solid #dddcd4;
  border-radius:12px;
  padding:36px;
  max-width:500px;
  color:var(--ink);
  box-shadow:0 20px 90px #22332922;
}
dialog::backdrop {
  background:#182b2540;
  backdrop-filter:blur(3px);
}
dialog h2 {
  font-size:23px;
  letter-spacing:-.8px;
}
.loading {
  padding:55px;
  color:#7b8578;
  font-size:13px;
}
.error {
  padding:50px;
  color:#8b4037;
  font-size:13px;
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
}
@media(max-width:850px) {
  .masthead {
    padding:0 18px;
    height:44px;
  }
  .version {
    display:none;
  }
  main {
    padding:10px 12px 0;
  }
  .toolbar {
    padding:6px 12px;
    gap:12px;
  }
  .view-title h1 {
    font-size:17px;
  }
  .view-controls {
    gap:8px;
  }
  .reset span {
    display:none;
  }
  .legend-row {
    padding:7px 12px;
  }
  .legend {
    gap:10px 14px;
  }
  .interaction-hint {
    display:none;
  }
  .header-actions {
    gap:5px;
  }
  .source-label {
    font-size:10px;
  }
  .timeline-footer {
    padding:0 14px;
  }
  #detail-hint {
    display:none;
  }
  .nav-heading>div {
    display:block;
  }
  .nav-heading-name {
    display:block;
    margin-top:0;
    font-size:11px;
  }
  .period {
    padding:4px 5px;
  }
  .period strong {
    font-size:9px;
  }
  .period small {
    font-size:7px;
  }
  .nav-footnote>span:last-child {
    display:none;
  }
  .focus-heading {
    font-size:8px;
  }
  .focus-heading>span:last-child {
    display:none;
  }
  .navigator {
    margin-top:10px;
  }
  .brand {
    font-size:16px;
  }
  .source-label .status-dot {
    display:none;
  }
}
@media(max-width:530px) {
  .view-controls {
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:6px;
    max-width:155px;
  }
  #visible-range {
    font-size:10px;
    width:100%;
    text-align:right;
  }
  .legend span {
    font-size:9px;
  }
  .header-actions .source-label {
    display:none;
  }
  .nav-heading .quiet {
    font-size:9px;
    padding:5px;
  }
  .period small {
    display:none;
  }
  .period-track {
    height:31px;
  }
  .timeline-footer {
    font-size:8px;
  }
  .toolbar {
    align-items:start;
  }
  .timeline-footer .sample-bar {
    width:11px;
  }
}
@media(prefers-reduced-motion:no-preference) {
  button {
    transition:background .12s,filter .12s;
  }
  .details {
    animation:appear .16s ease-out;
  }
  @keyframes appear {
    from {
      opacity:0;
      transform:translateX(10px);
    }
    to {
      opacity:1;
      transform:translateX(0);
    }
  }
}

/* Page scrolling keeps the historical content as the main surface. */
.view-title .eyebrow,
.nav-heading .eyebrow {
  display:none;
}
.workspace {
  --toolbar-height:53px;
}
.timeline .ruler {
  top:var(--toolbar-height);
}
.nav-heading .quiet {
  padding:3px 7px;
}
.nav-footnote {
  font-size:8px;
}
.navigator .focus-heading,
.navigator .nav-footnote {
  display:none;
}
@media (max-width:530px) {
  .workspace {
    --toolbar-height:72px;
  }
  .timeline-scroll {
    scroll-margin-top:76px;
  }
  .view-title h1 {
    font-size:16px;
  }
  .nav-heading-name {
    font-size:10px;
  }
  .nav-footnote {
    display:none;
  }
}

/* Compact framing: the atlas is the main content. */
[hidden]{display:none!important}
.masthead{height:36px;padding:0 18px;gap:12px}
.brand{font-size:16px;gap:8px}.brand-mark{transform:scale(.7) rotate(-12deg);width:23px}
.version{padding:3px 5px;font-size:9px;margin-left:2px}
.header-actions{gap:8px}.header-actions .quiet{padding:3px 7px;font-size:10px}
main{padding-top:7px}.toolbar{padding:3px 12px;gap:10px}.view-title h1{font-size:16px}
.view-controls{gap:8px}.view-controls .quiet{padding:3px 6px;font-size:10px}
.button-group button{height:25px;width:27px;line-height:18px;font-size:18px;padding:2px}
.legend-row{padding:5px 12px;gap:10px}.legend{gap:8px 14px}.legend span{color:#35493e}
.timeline .ruler svg{height:27px}.area-title{font-size:11px;font-weight:750}.king-vertical{font-size:11px;fill:#182d26}
.view-switch{display:flex;gap:2px;background:#e9ebe4;border-radius:6px;padding:2px;margin-right:auto}
.view-switch button{padding:3px 12px;border:0;background:transparent;font-size:11px;border-radius:4px}
.view-switch button[aria-pressed=true]{background:#fff;color:#00695d;box-shadow:0 1px 3px #233b2520;font-weight:700}
#map-view{border:1px solid #d5ded1;border-radius:10px;overflow:hidden;background:#fff}
.map-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--line)}
.map-toolbar h1{font-size:16px;margin:0}.map-toolbar h1 span{font-size:11px;color:#68796c;font-weight:500;margin-left:12px}
.map-shortcuts{display:flex;gap:4px}.map-shortcuts button{padding:4px 9px;font-size:11px}
.map-layout{display:grid;grid-template-columns:240px minmax(0,1fr);height:calc(100dvh - 114px);min-height:560px}
.map-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid #c8d4c4;background:#fff;z-index:500}
.filter-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 6px;font-size:12px}
.filter-heading button{font-size:10px;padding:2px 5px;border:0;color:#37624a}
#person-filters{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 10px 10px}
.person-filter{position:relative;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid #dfe5dc;border-radius:5px;font-size:11px;cursor:pointer;user-select:none}
.person-filter:has(input:checked){background:color-mix(in srgb,var(--person) 9%,white);border-color:var(--person);color:#172b23;font-weight:650}
.person-filter input{position:absolute;opacity:0;width:1px;height:1px}.person-filter:has(input:focus-visible){outline:2px solid #345ad9}
.person-filter i{width:10px;height:10px;border:2px solid var(--person);border-radius:50%;background:#fff}.person-filter:has(input:checked) i{background:var(--person)}
.travel-controls{padding:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8f7ef;display:grid;gap:8px}
.travel-checkbox{font-size:12px;font-weight:650;display:flex;gap:5px;align-items:center;cursor:pointer}.travel-checkbox input{accent-color:#a75f17}
.travel-controls select,.travel-controls input[type=search]{min-width:0;width:100%;border:1px solid #ccd7c7;border-radius:5px;background:#fff;padding:7px 6px;font:11px Arial;color:#20372b}
#map-count{font-size:10px;line-height:1.5;color:#56664f;margin:0}
#place-list{flex:1;min-height:0;overflow:auto;padding:5px}
.place-list-item{display:block;width:100%;text-align:left;border:0;border-radius:4px;padding:8px 7px;background:#fff;line-height:1.35}
.place-list-item strong{display:block;font-size:12px;color:#203c2e}.place-meta{display:flex;align-items:center;gap:3px;font-size:10px;color:#62705c;margin-top:4px}.place-meta i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.place-meta i:last-of-type{margin-right:4px}
.place-caution{display:block;font-size:9px;margin-top:3px;color:#93601c}.map-empty{font-size:12px;padding:12px;color:#64715f}
.map-surface{position:relative;min-width:0}#map-canvas{height:100%;width:100%;background:#e4eddd;font-family:Inter,Arial,sans-serif}
.map-key{position:absolute;bottom:26px;left:10px;z-index:450;font-size:9px;line-height:1.6;background:#fffffff0;border:1px solid #c7d4bf;padding:6px 9px;border-radius:5px;pointer-events:none;color:#2a4534}
#map-status{position:absolute;top:10px;left:10px;right:55px;z-index:450;background:#fff3d9;color:#784c11;font-size:12px;border-radius:5px}#map-status:not(:empty){padding:10px}
.map-footer{display:flex;justify-content:space-between;gap:15px;padding:6px 12px;font-size:9px;line-height:1.5;color:#52674e}.map-footer a{color:#335c46}
.atlas-place{background:none;border:0;filter:drop-shadow(0 1px 2px #162b3760)}.atlas-place svg{width:100%;height:100%}
.atlas-label{white-space:nowrap;border:0;background:none;color:#163e29;font:bold 14px/21px Arial;text-shadow:1px 0 #fff,-1px 0 #fff,0 1px #fff,0 -1px #fff,1px 1px #fff,-1px -1px #fff;cursor:pointer}
.atlas-label.priority-1{font-size:16px;color:#102f22}.atlas-label.priority-3{font-size:12px}
.leaflet-tooltip{max-width:330px;white-space:normal;border-color:#c9d5c3;padding:9px 12px;line-height:1.5}.map-tooltip-content strong{font-size:14px}.map-tooltip-content p{margin:4px 0;font-size:11px}.map-tooltip-content small{color:#8b5c22}
.place-popup h2{margin:0 0 4px;font-size:22px;color:#163e29}.modern-name{font-size:11px;color:#657365}.place-popup .travel-tag{font-size:10px;color:#9a5a0d;font-weight:650;margin:9px 0}
.location-note{font-size:11px;background:#fff4de;padding:8px;border-radius:4px;line-height:1.5;color:#795119;margin:10px 0}.place-event{border-left:3px solid var(--person);padding:0 0 0 10px;margin:14px 0}.place-event strong{color:var(--person);font-size:12px}.place-event p{margin:3px 0;font-size:12px;line-height:1.5}.place-event a{font-size:11px}.place-event .event-note,.place-popup .event-note{font-size:10px;color:#697561;line-height:1.5}.geo-source{font-size:10px}.cluster-places button{display:block;width:100%;text-align:left;margin-top:5px;font-size:12px}
@media(max-width:850px){.masthead{height:36px;padding:0 12px}.toolbar{padding:3px 10px}.view-title h1{font-size:15px}.source-label{display:none}.map-layout{grid-template-columns:205px minmax(0,1fr)}.map-toolbar h1 span{display:none}.map-footer{flex-wrap:wrap;gap:2px}.map-key{font-size:8px;max-width:calc(100% - 18px)}.legend-row{padding:5px 10px}}

.book-heading{font-size:10px;font-weight:600;fill:#51647c}.book-label{font-size:10px;font-weight:600;pointer-events:none}

/* Readable hover cards and understated approximate locations. */
.leaflet-tooltip.atlas-tooltip{width:360px;min-width:270px;max-width:min(440px,calc(100vw - 50px));white-space:normal;overflow-wrap:break-word;line-height:1.55;padding:12px 14px;box-sizing:border-box}
.atlas-tooltip .map-tooltip-content p{font-size:12px;line-height:1.55;margin:6px 0}
.approximate-place{filter:none}
.period-filter-heading{font-size:9px;letter-spacing:.8px;font-weight:700;color:#65745e;padding:0 12px 6px}
#period-filters{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 10px 10px}
#period-filters .person-filter{font-size:10px;padding:7px 5px}
.travel-controls select:disabled{opacity:.5;cursor:default}

/* The terrain renderer supplies only the background; Leaflet keeps the historical overlays. */
.leaflet-gl-layer{pointer-events:none}
.elevation-key{border-bottom:1px solid #cbd4be;padding-bottom:6px;margin-bottom:6px;max-width:250px}
.elevation-key strong{display:block;font-size:10px;color:#344831;margin-bottom:3px}
#elevation-gradient{height:8px;border:1px solid #9ba78a;border-radius:2px}
.elevation-values{display:flex;justify-content:space-between;font-size:8px}
.elevation-key>span{font-size:8px;color:#5c6c51}
.leaflet-control-attribution{max-width:100%;font-size:9px!important;line-height:1.4!important}

.elevation-values{display:block;position:relative;height:13px}
.elevation-values span{position:absolute;top:0;white-space:nowrap}
.elevation-values span:nth-child(1){left:0}
.elevation-values span:nth-child(2){left:29.2929%;transform:translateX(-50%)}
.elevation-values span:nth-child(3){right:0}

.basemap-choice{margin-left:auto;margin-right:10px}.basemap-choice select{font:600 11px Inter,Arial,sans-serif;padding:5px 24px 5px 8px;border:1px solid #bac6b5;border-radius:5px;background:#fff;color:#193c2d;cursor:pointer}.map-surface[data-basemap="roadmap"] .map-key,.map-surface[data-basemap="satellite"] .map-key{bottom:45px}.elevation-key[hidden]{display:none}

#chronology-select{font:600 11px Inter,Arial,sans-serif;padding:4px 6px;border:1px solid #bac6b5;border-radius:4px;background:white;color:#234332;max-width:220px}.chronology-summary{margin:0;padding:3px 12px;font-size:10px;color:#52694d;background:#f4f7ef}#undated-records{padding:7px 12px;border-top:1px solid #d9e1d2;font-size:11px;background:#fafbf8}#undated-records summary{cursor:pointer;font-weight:600;color:#506247}#undated-list{display:flex;flex-wrap:wrap;gap:5px;padding-top:9px}.undated-entry{padding:4px 7px;font-size:11px;background:#fff;border:1px solid #c8d3c0;border-radius:4px}.relative-time{font-size:12px;font-weight:600;color:#506247}