/* Let the sticky header follow the full page content. */
body.giaoly-page { height: auto; }
/* Catechism content within the shared Muc Vu page layout. */
.giaoly-page .mucvu-content { align-items: start; }
.giaoly-page #left, .giaoly-page #right { min-width: 0; background: transparent; }
.giaoly-page .catechism-card,
.giaoly-page .sacrament-card { margin: 0 0 24px; overflow: hidden; border: 1px solid #e1e6e8; border-radius: 12px; background: #fff; box-shadow: 0 8px 28px rgba(8,43,67,.07); }
.giaoly-page .catechism-card { padding: 24px; }
.giaoly-page .catechism-card h4 { margin: 0 0 16px; color: var(--mucvu-navy); font-size: 19px; font-weight: 700; line-height: 1.4; }
.giaoly-page .catechism-card h5 { margin: 22px 0 12px; color: var(--mucvu-ink); font-size: 16px; font-weight: 700; }
.giaoly-page .mucvu-content p,
.giaoly-page .mucvu-content li { color: var(--mucvu-muted); font: 15px/1.7 "Segoe UI", Arial, sans-serif; overflow-wrap: anywhere; }
.giaoly-page .mucvu-content a { color: #24516b; }
.giaoly-page .mucvu-content a:hover { color: #a47825; }
.giaoly-page .clickme.danger {
  display: inline-block;
  margin-top: 8px;
  padding: 11px 20px;
  border: 1px solid #eddfba;
  border-radius: 12px;
  background: #fff2cf;
  color: var(--mucvu-navy);
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 2px 7px rgba(164,120,37,.09);
  transition: background-color .18s ease, box-shadow .18s ease;
}
.giaoly-page .clickme.danger:hover {
  background: #fbe8b5;
  color: var(--mucvu-navy);
  box-shadow: 0 3px 9px rgba(164,120,37,.14);
}
.giaoly-page .clickme.danger:focus-visible { outline: 3px solid var(--mucvu-navy); outline-offset: 3px; }
.giaoly-page .sacrament-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.giaoly-page .sacrament-card { min-width: 0; margin: 0; }
.giaoly-page .sacrament-card img { display: block; width: 100%; max-width: 100%; height: auto; }
.giaoly-page .sacrament-card .w3-container { padding: 20px; }
.giaoly-page .sacrament-card h2 { margin: 0 0 12px; font-size: 22px; font-weight: 700; line-height: 1.4; }
.giaoly-page .sacrament-card p { margin: 0; }
.giaoly-page #right-sub-section li { font-size: 14px; }
.giaoly-page #right-sub-section.sacrament-info h4 { font-family: "Segoe UI", Arial, sans-serif; }
.giaoly-page #right-sub-section.sacrament-info p {
  margin: 0;
  padding: 0;
  color: #526574;
  font: 400 15px/1.65 "Segoe UI", Arial, sans-serif;
}
@media (max-width: 760px) {
  .giaoly-page .mucvu-content { gap: 24px; }
  .giaoly-page .sub-header-text strong { max-width: 340px; font-size: 38px; line-height: 1.1; }
  .giaoly-page .catechism-card { padding: 18px; }
  .giaoly-page .sacrament-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Full-width catechism section headers matching the Muc Vu panels. */
.giaoly-page .catechism-card > h4:first-of-type {
  margin: -24px -24px 22px;
  padding: 18px 22px;
  background: var(--mucvu-navy);
  color: #fff;
  font: 700 19px/1.3 "Segoe UI", Arial, sans-serif;
}
.giaoly-page .catechism-card > h4:first-of-type a,
.giaoly-page .catechism-card > h4:first-of-type a:hover,
.giaoly-page .catechism-card > h4:first-of-type a:focus { color: #fff; }
@media (max-width: 760px) {
  .giaoly-page .catechism-card > h4:first-of-type { margin: -18px -18px 18px; }
}