/* One folded invitation, not a sixth section or a second navigation bar. */
.scenic-entry {
  --scenic-paper: var(--editorial-paper, #f8f4eb);
  --scenic-ink: var(--editorial-ink, #30392e);
  --scenic-muted: var(--home-muted, #74634d);
  --scenic-gold: var(--community-gold, #b38c45);
  --scenic-fibre: url('./assets/paper-fibres-soft-v1.webp');
  display: flex; align-items: center; gap: 16px; min-height: 44px;
  box-sizing: border-box; color: var(--scenic-ink); text-decoration: none;
  font-family: 'Noto Serif SC', 'Songti SC', SimSun, serif;
}
.scenic-entry[hidden] { display: none !important; }
.scenic-entry-copy { display: grid; gap: 5px; flex: 1; min-width: 0; }
.scenic-entry-title { font-size: 17px; line-height: 1.5; font-weight: 500; overflow-wrap: anywhere; }
.scenic-entry-caption { color: var(--scenic-muted); font: 12px/1.65 system-ui, sans-serif; overflow-wrap: anywhere; }
.scenic-entry-arrow { color: var(--scenic-gold); flex: none; font: 23px/1 system-ui, sans-serif; padding: 8px; }
.scenic-entry--discover {
  position: relative; margin: 20px 16px 24px; padding: 14px 12px 14px 4px;
  background: linear-gradient(110deg, transparent, #e8dcc24a 57%, transparent), var(--scenic-fibre);
  border-radius: 3px 10px 4px 3px;
  box-shadow: 0 9px 18px -17px #60452a70;
}
.scenic-entry-art { width: 92px; height: 98px; object-fit: contain; flex: none; filter: saturate(.8); }
.scenic-entry-kicker { color: var(--scenic-muted); font: 11px/1.5 system-ui, sans-serif; letter-spacing: .12em; }
.scenic-entry--discover .scenic-entry-title { font-family: var(--editorial-hand, 'Chu Hand', 'STKaiti', 'KaiTi', serif); font-size: clamp(22px, 3.8vw, 29px); line-height: 1.3; }
.scenic-entry--map { grid-column: 1 / -1; width: 100%; padding: 10px 0; }
.scenic-entry--map .scenic-entry-title { font-size: 15px; }
.scenic-entry--profile { margin: 5px 0 20px; padding: 13px 4px; }
.scenic-entry--profile .scenic-entry-title { font-size: 16px; }
.scenic-entry:focus-visible { outline: 2px solid var(--scenic-gold); outline-offset: 4px; }
.scenic-entry[aria-busy="true"] { cursor: progress; opacity: .72; }
.scenic-entry-status { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); }
.scenic-return-link { display: inline-flex; align-items: center; min-height: 44px; }
@media (hover: hover) { .scenic-entry:hover .scenic-entry-title { text-decoration: underline; text-decoration-color: var(--scenic-gold); text-underline-offset: 5px; } }
@media (min-width: 900px) { .scenic-entry--discover { max-width: 720px; margin-inline: auto; padding-inline: 12px; width: calc(100% - 32px); } }
@media (max-width: 359px) { .scenic-entry { gap: 9px; } .scenic-entry-art { width: 66px; height: 88px; } .scenic-entry--discover { margin-inline: 12px; } .scenic-entry-arrow { padding: 4px; } }