/* Layered reading guide for the Wittenberg research collection. */
body:is(.node--type-urban-research-page, .node--type-urban-research-city) #sidebar_first > .section {
  position: sticky;
  top: 105px;
}
#block-mga-urbanresearch {
  position: static;
  max-height: calc(100vh - 126px);
  margin-bottom: 24px;
  overflow: auto;
  border: 1px solid rgba(93, 112, 119, .17);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(229, 237, 236, .82), rgba(249, 250, 249, .88) 48%, rgba(232, 240, 241, .72));
  box-shadow: 0 18px 55px rgba(35, 53, 61, .08);
  backdrop-filter: blur(16px);
  scrollbar-width: thin;
}
#block-mga-urbanresearch .card-header { position: sticky; z-index: 5; top: 0; padding: 22px 24px 12px; border: 0; border-bottom: 1px solid var(--mga-warm-line); background: rgba(248, 248, 245, .96); backdrop-filter: blur(16px); }
#block-mga-urbanresearch .card-header h2 { margin: 0; font-size: 1.32rem; line-height: 1.15; letter-spacing: -.015em; }
#block-mga-urbanresearch .card-body { padding: 10px 24px 24px; }
.mga-reading-navigation { color: #26343a; }
.mga-reading-navigation a { color: inherit; text-decoration: none; }
.mga-reading-navigation a:focus-visible,
.mga-reading-navigation summary:focus-visible { outline: 2px solid #31586a; outline-offset: 3px; }
.mga-reading-navigation__masthead {
  display: flex; justify-content: space-between; gap: 12px; margin-bottom: 13px;
  color: #64767b; font-size: .67rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
}
.mga-reading-navigation__position { margin: 0 0 18px; line-height: 1.36; }
.mga-reading-navigation__position span { display: block; margin-bottom: 5px; color: #637378; font-size: .75rem; }
.mga-reading-navigation__position strong { display: block; font-size: 1rem; font-weight: 650; }
.mga-reading-navigation__pager { display: grid; gap: 2px; margin-bottom: 20px; }
.mga-reading-navigation__pager a {
  display: flex; gap: 10px; align-items: center; min-height: 42px; padding: 8px 0;
  border-top: 1px solid rgba(69, 93, 102, .19); font-size: .84rem; line-height: 1.35;
  transition: padding-left 220ms ease, color 220ms ease;
}
.mga-reading-navigation__pager a:hover { padding-left: 5px; color: #0d5365; }
.mga-reading-navigation summary { cursor: pointer; list-style: none; }
.mga-reading-navigation summary::-webkit-details-marker { display: none; }
.mga-reading-navigation__index { margin: 0 !important; border: 0 !important; }
.mga-reading-navigation__index > summary {
  display: flex; justify-content: space-between; padding: 12px 0;
  border-top: 1px solid rgba(69, 93, 102, .27); font-size: .85rem; font-weight: 700;
}
.mga-reading-navigation__index > summary span { transition: transform 260ms ease; }
.mga-reading-navigation__index[open] > summary span { transform: rotate(180deg); }
.mga-reading-navigation__overview { margin: 0 0 10px; }
.mga-reading-navigation__overview a {
  display: inline-flex; padding: 6px 0 9px; color: #426473; font-size: .8rem;
  border-bottom: 1px solid transparent; transition: border-color 200ms ease;
}
.mga-reading-navigation__overview a:hover { border-color: currentColor; }
.mga-reading-navigation__index nav { display: grid; gap: 3px; }
.mga-reading-navigation__chapter {
  margin: 0 !important;
  border: 0;
  border-radius: 10px;
  transition: background-color 220ms ease, box-shadow 220ms ease;
}
.mga-reading-navigation__chapter[open] {
  background: rgba(255, 255, 255, .45);
  box-shadow: inset 0 0 0 1px rgba(82, 112, 122, .1);
}
.mga-reading-navigation__chapter > summary {
  display: grid; grid-template-columns: 26px minmax(0, 1fr) auto 14px;
  gap: 8px; align-items: baseline; padding: 12px 5px; border-radius: 8px;
  font-size: .87rem; line-height: 1.35;
  transition: background-color 220ms ease, padding-left 220ms ease;
}
.mga-reading-navigation__chapter > summary:hover { padding-left: 10px; background: rgba(255, 255, 255, .72); }
.mga-reading-navigation__chapter.is-current > summary { font-weight: 700; }
.mga-reading-navigation__number { color: #5f8390; font-size: .7rem; font-weight: 750; letter-spacing: .06em; }
.mga-reading-navigation__chapter-title { min-width: 0; }
.mga-reading-navigation__chapter small { color: #688087; font-size: .7rem; font-weight: 500; }
.mga-reading-navigation__chevron {
  width: 8px; height: 8px; overflow: hidden; color: transparent;
  border-right: 1px solid #64797d; border-bottom: 1px solid #64797d;
  transform: rotate(45deg) translateY(-3px); transition: transform 280ms ease;
}
.mga-reading-navigation__chapter[open] .mga-reading-navigation__chevron { transform: rotate(225deg) translateY(-1px); }
.mga-reading-navigation__chapter-body { padding: 0 5px 12px 32px; animation: mga-research-reveal 300ms ease both; }
.mga-reading-navigation__pages {
  max-height: min(36vh, 305px); margin: 0; padding: 1px 3px 1px 0;
  overflow: auto; list-style: none; counter-reset: research-page; scrollbar-width: thin;
}
.mga-reading-navigation__pages li { position: relative; counter-increment: research-page; }
.mga-reading-navigation__pages li a {
  display: block; padding: 7px 8px 7px 30px; border-left: 2px solid transparent;
  border-radius: 0 7px 7px 0; font-size: .8rem; line-height: 1.4;
  transition: background-color 220ms ease, border-color 220ms ease, padding-left 220ms ease;
}
.mga-reading-navigation__pages li a::before {
  content: counter(research-page, decimal-leading-zero); position: absolute;
  left: 7px; color: #7c8d91; font-size: .66rem; line-height: 1.9;
}
.mga-reading-navigation__pages li a:hover {
  padding-left: 35px; background: rgba(255, 255, 255, .77); border-left-color: #80a5ac;
}
.mga-reading-navigation__pages .is-current a {
  background: rgba(255, 255, 255, .8); border-left-color: #215568;
  color: #183f4e; font-weight: 700;
}
@keyframes mga-research-reveal {
  from { opacity: .4; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (min-width: 992px) { .mga-reading-navigation__index > summary { display: flex; } }
@media (max-width: 991.98px) {
  body:is(.node--type-urban-research-page, .node--type-urban-research-city) #sidebar_first > .section { position: static; }
  #block-mga-urbanresearch.d-none { display: block !important; }
  #block-mga-urbanresearch { position: static; max-height: none; margin-bottom: 26px; border-radius: 14px; }
  #block-mga-urbanresearch .card-header { padding: 18px 20px 0; }
  #block-mga-urbanresearch .card-body { padding: 8px 20px 18px; }
  .mga-reading-navigation__position { margin-bottom: 8px; }
  .mga-reading-navigation__pager { margin-bottom: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .mga-reading-navigation *, .mga-reading-navigation *::before { animation: none !important; transition: none !important; }
}