/* ========================================================
   11. SAGE · ĐÀO — KHUNG TRANG & MẪU DÙNG CHUNG
   ======================================================== */
body {
  background: var(--page-outer);
  font-family: var(--font-body);
  line-height: 1.6;
  color: var(--ink);
}

.app-container {
  width: min(100%, var(--app-width));
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  isolation: isolate;
  background: var(--paper-bg);
  transition: opacity 2.2s ease, transform 2.4s cubic-bezier(0.16, 1, 0.3, 1);
}

body:not(.invite-open):not(.invite-opening) .app-container {
  opacity: 0;
  transform: translateY(110px);
  pointer-events: none;
}

body.invite-opening .app-container,
body.invite-open .app-container {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Trang trí của theme cũ không dùng trong bố cục này */
.falling-lotus-container,
.ambient-particles { display: none !important; }

/* Cột nội dung web căn giữa, tối đa 560px trong khung 900px */
.reveal-section {
  width: 100%;
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 56px var(--gutter) 48px;
}

/* Nhãn section: "01 / THÔNG TIN LỄ CƯỚI" */
.section-label {
  margin: 0 0 28px;
  font-family: var(--font-body);
  font-size: var(--label-size);
  font-weight: 600;
  letter-spacing: var(--label-track);
  line-height: 1.6;
  text-align: left;
  text-transform: uppercase;
  color: var(--sage-deep);
}

#wedding-info .section-label::before { content: "01 / "; }
#gallery .section-label::before { content: "02 / "; }
#reception .section-label::before { content: "03 / "; }
#venue .section-label::before { content: "04 / "; }
#timeline .section-label::before { content: "05 / "; }
#dresscode .section-label::before { content: "06 / "; }
#guestbook .section-label::before { content: "07 / "; }
#gift .section-label::before { content: "08 / "; }