/* "Xem nhanh": a long readable page, big type, ink-wash corners, sticky chips. */
.quick-view { min-height: 100dvh; padding-bottom: calc(2rem + var(--safe-bottom)); }
.quick-cover {
  position: relative; text-align: center; padding: calc(2.2rem + var(--safe-top)) 1.2rem 1.6rem;
  background: url('../assets/ui/ink-mountains.svg') bottom center / 120% auto no-repeat, linear-gradient(var(--accent-soft), var(--paper));
}
.today-banner { display: inline-block; margin: 0 0 0.8rem; padding: 0.35em 1em; border-radius: 999px; background: var(--accent); color: var(--on-accent); font-weight: 600; }
.cover-invite { margin: 0; font-size: var(--fs-caps); font-weight: 500; letter-spacing: var(--caps-track); text-transform: uppercase; color: var(--brand-soft); }
.cover-to {
  display: inline-block; min-width: 62%; margin: 0.1rem 0 0.4rem; padding: 0 0.4em 0.05em; border-bottom: 2px dotted rgba(var(--rule-rgb), 0.9);
  font-family: var(--font-script); font-weight: 600; font-size: 1.7rem; line-height: 1.3; color: var(--brand);
}
.cover-train { width: 9rem; margin: 0.6rem auto 0.2rem; }
.cover-train svg { width: 100%; height: auto; display: block; }
.cover-ceremony { margin: 0.4rem 0 0; font: 600 var(--fs-note) var(--font-ui); letter-spacing: 0.3em; color: var(--brand); }
.cover-names { margin: 0.3rem 0 0.5rem; font-size: clamp(3rem, 14vw, 4rem); line-height: 1.12; color: var(--ink); }
.cover-name { display: block; }
.cover-date { margin: 0.3rem 0 0; font-size: 1.6rem; line-height: 1.2; font-weight: 600; color: var(--brand, var(--ink)); }
.cover-lunar { margin: 0.1rem 0 0; font-family: var(--font-serif); font-style: italic; font-weight: 500; font-size: 1.15rem; color: var(--ink-soft); text-wrap: balance; }
.quick-nav {
  position: sticky; top: 0; z-index: 5; display: flex; gap: 0.5rem; overflow-x: auto; padding: 0.6rem 0.9rem;
  background: rgba(var(--paper-rgb), 0.94); backdrop-filter: blur(6px); border-bottom: 1px solid rgba(var(--rule-rgb), 0.35);
  scrollbar-width: none;
}
.chip {
  flex: none; display: inline-flex; align-items: center; min-height: 40px; padding: 0 0.95rem; border-radius: 999px;
  border: 1px solid rgba(var(--rule-rgb), 0.6); color: var(--ink); text-decoration: none; font-size: 0.95rem; white-space: nowrap;
}
.quick-main { max-width: 680px; margin: 0 auto; padding: 0 1rem; font-size: 18px; }
/* The wish from afar keeps its card's seal and heading for the sheet; here the section title says it. */
.quick-main .mailbox-emblem, .quick-main .mailbox-title { display: none; }
.quick-main .mailbox-lead { margin: 0 auto 0.4rem; text-align: center; font-family: var(--font-serif); font-style: italic; font-size: 1.15rem; }
.section-anchor { scroll-margin-top: 64px; }
.quick-footer { text-align: center; padding: 2rem 1rem; font-size: 1.5rem; color: var(--brand); }
.quick-footer-line { margin: 1rem 0 0; font-family: var(--font-serif); font-style: italic; font-weight: 600; font-size: 1.5rem; line-height: 1.3; text-wrap: balance; }