.city-journal-hero-art {
  min-height: 35rem;
  border-left: 1px solid rgba(255, 255, 255, 0.18);
  background-color: #fffaf1;
  background-image: url("https://firebasestorage.googleapis.com/v0/b/gandergoose-travel.firebasestorage.app/o/travel%2Fjournal-media%2Fbackgrounds%2Fbg-goose-pencil-travel%2F0f8c6d01ff3f07a5%2F1536.jpg?alt=media&token=1b888c0f-027b-4000-9425-0e4e6ba22ae6");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.city-sketch-pending {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: clamp(1rem, 3vw, 2rem);
}

.city-sketch-pending span {
  max-width: 22rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(112, 83, 59, 0.25);
  border-radius: 999px;
  background: rgba(255, 252, 246, 0.93);
  color: #654737;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.35;
}

.city-sketch-status {
  max-width: 42rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.5rem;
  align-items: baseline;
  margin: 0.6rem 0 0;
  padding: 0.5rem 0.7rem;
  border-left: 3px solid #aa7543;
  border-radius: 0 8px 8px 0;
  background: #f7efe3;
  color: #6e5948;
  font-size: 0.75rem;
  line-height: 1.45;
}

.city-sketch-status strong {
  color: #7b4b2e;
  white-space: nowrap;
}

.city-sketch-status span {
  flex: 1 1 18rem;
}

.city-journal-sketch {
  background: #fff;
}

.city-journal-sketch img {
  object-fit: contain;
}

.city-guide-provenance {
  max-width: 42rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.55rem;
  align-items: baseline;
  margin: 0.65rem 0 0;
  padding: 0.55rem 0.7rem;
  border-left: 3px solid #a66a41;
  border-radius: 0 8px 8px 0;
  background: #f5eee4;
  color: #685548;
  font-size: 0.76rem;
  line-height: 1.45;
}

.city-guide-provenance strong {
  color: #74412e;
  font-size: 0.72rem;
}

.city-guide-provenance.is-city-specific {
  border-left-color: #55765c;
  background: #edf3ed;
}

.city-guide-provenance.is-city-specific strong {
  color: #3c684b;
}

.city-guide-provenance span {
  flex: 1 1 18rem;
}

.city-journal-title {
  word-break: normal;
}

.city-journal-local-name {
  margin: -0.45rem 0 0.8rem;
  color: rgb(255 255 255 / 78%);
  font-size: clamp(1rem, 2vw, 1.35rem);
  letter-spacing: 0.02em;
}

.city-journal-title.is-single-word {
  white-space: nowrap;
}

.city-journal-title.is-long {
  font-size: clamp(2.15rem, 3vw, 3rem);
  overflow-wrap: normal;
}

.city-journal-title.is-very-long {
  font-size: clamp(1.75rem, 2.4vw, 2.4rem);
  overflow-wrap: normal;
}

.city-journal-profile {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1.25rem;
}

.city-journal-profile article {
  padding: 0.9rem;
  border: 1px solid #e2d1ba;
  border-radius: 13px;
  background: #fff;
}

.city-journal-profile strong,
.city-journal-profile span {
  display: block;
}

.city-journal-profile strong {
  color: #4c3025;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
}

.city-journal-profile span {
  margin-top: 0.2rem;
  color: #766357;
  font-size: 0.76rem;
  line-height: 1.45;
}

.city-journal-archive {
  scroll-margin-top: 1rem;
}

.city-journal-archive > h2,
.city-saved-section > h2,
.city-practical-section > h2 {
  margin: 0;
  color: #3c2b22;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.8rem, 4vw, 3rem);
  line-height: 1.08;
}

.city-journal-archive > p:not(.story-section-label),
.city-saved-section > p:not(.story-section-label),
.city-practical-section > p:not(.story-section-label) {
  max-width: 49rem;
  margin: 1rem 0 0;
  color: #55483d;
  line-height: 1.76;
}

.city-source-fragment {
  margin-top: 1.4rem;
}

.city-source-fragment > .story-section,
.city-source-fragment > .journal-section,
.city-source-fragment > .country-destination,
.city-source-fragment > .collection-card {
  padding-top: 1.2rem;
  border-top: 1px solid #e6d7c1;
}

.city-source-fragment .story-section:last-child {
  padding-bottom: 0;
}

.city-saved-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1.2rem;
}

.city-saved-card {
  display: flex;
  min-height: 8.5rem;
  padding: 1rem;
  border: 1px solid #e2d1ba;
  border-radius: 13px;
  flex-direction: column;
  background: #fff;
  color: #55483d;
}

.city-saved-card:hover {
  border-color: #bc735f;
  color: #3f2920;
  text-decoration: none;
  transform: translateY(-1px);
}

.city-saved-card small {
  color: #a14230;
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.city-saved-card strong {
  margin-top: 0.45rem;
  color: #422e24;
  line-height: 1.35;
}

.city-saved-card span {
  margin-top: auto;
  padding-top: 0.65rem;
  color: #766357;
  font-size: 0.76rem;
  line-height: 1.45;
}

.city-saved-more {
  margin-top: 0.9rem;
  color: #7d382a;
  font-size: 0.82rem;
  font-weight: 700;
}

.city-journal-origin {
  margin-top: 1.2rem;
  padding: 0.9rem 1rem;
  border-left: 4px solid #c65b3e;
  background: #f6ead7;
  color: #594638;
  font-size: 0.82rem;
  line-height: 1.65;
}

.city-journal-origin a {
  color: #8b3023;
  font-weight: 700;
}

.wikivoyage-guide {
  scroll-margin-top: 5.5rem;
}

.wikivoyage-guide-lead,
.wikivoyage-guide-part > p {
  max-width: 49rem;
  color: #55483d;
  line-height: 1.76;
}

.india-guide-jump-links {
  display: flex;
  gap: 0.55rem;
  margin-top: 1.25rem;
  flex-wrap: wrap;
}

.india-guide-jump-links a {
  padding: 0.5rem 0.78rem;
  border: 1px solid #dbc5a9;
  border-radius: 999px;
  background: rgba(255, 250, 242, 0.82);
  color: #78362a;
  font-size: 0.75rem;
  font-weight: 700;
}

.india-guide-jump-links a:hover {
  border-color: #bc735f;
  background: #fff;
  text-decoration: none;
}

.wikivoyage-guide-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 1.45rem 0 0;
}

.wikivoyage-guide-facts article {
  display: flex;
  min-height: 6.2rem;
  padding: 1rem;
  border: 1px solid #e2d1ba;
  border-radius: 13px;
  flex-direction: column;
  justify-content: center;
  background: #fffaf2;
}

.wikivoyage-guide-facts strong {
  color: #422e24;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.05rem;
  overflow-wrap: anywhere;
}

.wikivoyage-guide-facts span {
  margin-top: 0.25rem;
  color: #876f60;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.india-guide-photo {
  margin: 1.5rem 0 0;
  overflow: hidden;
  border: 1px solid #e2d1ba;
  border-radius: 16px;
  background: #f4eadb;
}

.india-guide-photo img {
  display: block;
  width: 100%;
  max-height: 34rem;
  object-fit: cover;
}

.india-guide-photo figcaption {
  padding: 0.65rem 0.9rem;
  color: #766357;
  font-size: 0.72rem;
  line-height: 1.5;
}

.india-guide-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.8rem;
}

.india-guide-pair > .wikivoyage-guide-part {
  margin-top: 0;
  padding: 1.15rem;
  border: 1px solid #e6d7c1;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.7);
}

.india-itinerary {
  padding: 1.35rem;
  border: 1px solid #d9c19f;
  border-radius: 14px;
  background: #fff8ec;
}

.india-itinerary strong {
  color: #78362a;
}

.india-guide-essentials {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
  margin-top: 1.8rem;
}

.india-guide-essentials > .wikivoyage-guide-part {
  margin-top: 0;
  padding: 1.1rem;
  border: 1px solid #e6d7c1;
  border-radius: 14px;
  background: #fff;
}

.india-guide-essentials .wikivoyage-guide-part > p {
  font-size: 0.87rem;
  line-height: 1.66;
}

.india-guide-more {
  margin-top: 1.8rem;
  border: 1px solid #dcc7ac;
  border-radius: 14px;
  background: #f8efe2;
}

.india-guide-more summary {
  padding: 1rem 1.15rem;
  color: #613d2e;
  cursor: pointer;
  font-weight: 700;
  list-style-position: inside;
}

.india-guide-more[open] summary {
  border-bottom: 1px solid #dcc7ac;
}

.india-guide-more .india-guide-pair {
  margin: 0;
  padding: 1rem;
}

.india-guide-empty,
.india-compact-guide-note {
  margin: 1.25rem 0 0;
  padding: 1rem 1.1rem;
  border-left: 4px solid #c65b3e;
  border-radius: 0 10px 10px 0;
  background: #fff8ec;
  color: #594638;
  line-height: 1.7;
}

.india-compact-guide .wikivoyage-attribution {
  margin-top: 1.35rem;
}

.wikivoyage-guide-part {
  margin-top: 1.8rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e6d7c1;
  scroll-margin-top: 5.5rem;
}

.wikivoyage-guide-part h3,
.wikivoyage-attribution h3 {
  margin: 0 0 0.75rem;
  color: #493126;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
}

.wikivoyage-guide-part > p + p {
  margin-top: 0.9rem;
}

.wikivoyage-place-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 1rem 0 0;
  padding: 0;
  counter-reset: india-sight;
  list-style: none;
}

.wikivoyage-place-list li {
  position: relative;
  padding: 0.95rem 1rem 0.95rem 3.15rem;
  border: 1px solid #e2d1ba;
  border-radius: 12px;
  background: #fff;
  counter-increment: india-sight;
}

.wikivoyage-place-list li::before {
  position: absolute;
  top: 0.9rem;
  left: 0.9rem;
  display: grid;
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 50%;
  place-items: center;
  background: #f1dfc7;
  color: #78362a;
  content: counter(india-sight);
  font-size: 0.7rem;
  font-weight: 700;
}

.wikivoyage-place-list h4 {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.35;
}

.wikivoyage-place-list h4 a {
  color: #78362a;
}

.wikivoyage-place-list p {
  margin: 0.55rem 0 0;
  color: #67564a;
  font-size: 0.82rem;
  line-height: 1.55;
}

.wikivoyage-place-list p span {
  display: block;
  margin-bottom: 0.25rem;
  color: #a14230;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wikivoyage-attribution {
  margin-top: 2rem;
  padding: 1.1rem 1.2rem;
  border-left: 4px solid #c65b3e;
  border-radius: 0 10px 10px 0;
  background: #f6ead7;
  color: #594638;
  font-size: 0.76rem;
  line-height: 1.6;
}

.wikivoyage-attribution summary {
  color: #613d2e;
  cursor: pointer;
  font-weight: 700;
}

.wikivoyage-attribution > div {
  margin-top: 0.85rem;
}

.wikivoyage-attribution p {
  margin: 0.65rem 0 0;
}

.wikivoyage-attribution ul {
  margin: 0.75rem 0;
  padding-left: 1.25rem;
}

.wikivoyage-attribution a {
  color: #7d382a;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .city-journal-hero-art {
    min-height: 20rem;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    border-left: 0;
  }

  .city-journal-profile,
  .city-saved-grid,
  .wikivoyage-place-list,
  .india-guide-pair,
  .india-guide-essentials {
    grid-template-columns: 1fr;
  }

  .wikivoyage-guide-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .india-guide-photo {
    border-radius: 12px;
  }

  .india-guide-more .india-guide-pair {
    padding: 0.8rem;
  }

  .city-journal-title.is-long {
    font-size: clamp(2.15rem, 10.5vw, 3rem);
  }

  .city-journal-title.is-very-long {
    font-size: clamp(1.65rem, 8vw, 2.3rem);
  }
}