/**
 * VanPhuc Heritage Luxury — Editorial & Content Blocks (editorial-blocks.css)
 * Hệ thống khối nội dung bài viết Flagship 4.500+ từ, Bảng giá Dịch vụ, Hộp Văn Khấn,
 * Mục lục <details> chuẩn trợ năng và Bảng so sánh cuộn mượt 0 tràn ngang.
 * Tuân thủ nghiêm ngặt: border-radius <= 16px, 0 viền nét đứt, 0 icon font ngoài.
 */

:root {
  --vp-mask-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.4L6.4 11.6L12.8 4.8'/%3E%3C/svg%3E");
  --vp-mask-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round' d='M3.5 6L8 10.5L12.5 6'/%3E%3C/svg%3E");
}

/* Triệt tiêu mọi tàn dư mục lục plugin cũ nếu từng lưu trong HTML */
#ftwp-container-outer,
#ftwp-container,
.ftwp-in-post,
.ftwp-wrap {
  display: none;
}

/* ==========================================================================
   1. TYPOGRAPHY BIÊN TẬP (.vp-prose & .entry-content)
   ========================================================================== */
.vp-prose,
.entry-content {
  font-size: 1.0625rem;
  line-height: 1.82;
  color: var(--vp-body, #44403C);
  overflow-wrap: break-word;
}

.vp-prose > * + *,
.entry-content > * + * {
  margin-top: 1.15em;
}

.vp-prose p,
.entry-content p {
  margin: 0 0 1.15em;
}

.vp-prose h2,
.entry-content h2 {
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  line-height: 1.32;
  font-weight: 800;
  letter-spacing: -0.015em;
  color: var(--vp-ink, #1C1917);
  margin: 2.35rem 0 0.95rem;
  padding: 0;
  border: none;
  scroll-margin-top: 96px;
}

.vp-prose h3,
.entry-content h3 {
  font-size: clamp(1.125rem, 1.9vw, 1.325rem);
  line-height: 1.4;
  font-weight: 700;
  color: var(--vp-crimson, #991B1B);
  margin: 1.75rem 0 0.7rem;
  scroll-margin-top: 96px;
}

.vp-prose h4,
.entry-content h4 {
  font-size: 1.0625rem;
  line-height: 1.45;
  font-weight: 700;
  color: var(--vp-ink, #1C1917);
  margin: 1.35rem 0 0.5rem;
}

.vp-prose a:not([class]),
.entry-content a:not([class]) {
  color: var(--vp-crimson, #991B1B);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(153, 27, 27, 0.32);
  text-underline-offset: 3px;
  transition: color 0.18s ease, text-decoration-color 0.18s ease;
}

.vp-prose a:not([class]):hover,
.entry-content a:not([class]):hover {
  color: var(--vp-crimson-hover, #7F1D1D);
  text-decoration-color: currentColor;
}

.vp-prose ul:not([class]),
.vp-prose ol:not([class]),
.entry-content ul:not([class]),
.entry-content ol:not([class]) {
  margin: 0.85rem 0 1.35rem;
  padding-left: 1.35rem;
}

.vp-prose ul:not([class]) li,
.vp-prose ol:not([class]) li,
.entry-content ul:not([class]) li,
.entry-content ol:not([class]) li {
  margin-bottom: 0.45rem;
  padding-left: 0.25rem;
}

.vp-prose img,
.entry-content img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

/* ==========================================================================
   2. MỤC LỤC NHANH BÀI VIẾT (<details class="vp-toc-box">)
   ========================================================================== */
.vp-toc-box {
  background: var(--vp-surface, #FFFFFF);
  border: 1px solid var(--vp-border, rgba(28, 25, 23, 0.08));
  border-radius: 16px;
  padding: 18px 22px;
  margin: 24px 0 32px;
  box-shadow: var(--vp-shadow-sm, 0 8px 24px -12px rgba(28, 25, 23, 0.07));
}

.vp-toc-summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  min-height: 44px;
  color: var(--vp-ink, #1C1917);
  font-weight: 700;
  font-size: 1rem;
  user-select: none;
}

.vp-toc-summary::-webkit-details-marker {
  display: none;
}

.vp-toc-summary::before {
  content: "";
  inline-size: 18px;
  block-size: 18px;
  flex-shrink: 0;
  background-color: var(--vp-crimson, #991B1B);
  -webkit-mask: var(--vp-mask-chevron) no-repeat center / contain;
  mask: var(--vp-mask-chevron) no-repeat center / contain;
  rotate: -90deg;
}

.vp-toc-box[open] > .vp-toc-summary::before {
  rotate: 0deg;
}

.vp-toc-meta {
  margin-left: auto;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--vp-crimson, #991B1B);
  background: var(--vp-surface-alt, #F3EFE6);
  padding: 4px 12px;
  border-radius: 10px;
}

.vp-toc-box::details-content {
  interpolate-size: allow-keywords;
  overflow: clip;
  contain: layout;
}

.vp-toc-box:not([open])::details-content {
  block-size: 0;
}

@media (prefers-reduced-motion: no-preference) {
  .vp-toc-summary::before {
    transition: rotate 0.2s ease;
  }

  .vp-toc-box::details-content {
    transition: block-size 0.25s ease-in-out, content-visibility 0.25s ease-in-out, display 0.25s ease-in-out;
    transition-behavior: allow-discrete;
  }
}

.vp-toc-nav {
  padding-top: 14px;
}

.vp-toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 8px 14px;
  counter-reset: vp-toc;
}

.vp-toc-list li {
  margin: 0;
  counter-increment: vp-toc;
  display: flex;
}

.vp-toc-list li a {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  height: 100%;
  min-height: 42px;
  padding: 8px 12px;
  border-radius: 10px;
  background: var(--vp-bg, #FAF7F2);
  color: var(--vp-body, #44403C);
  font-size: 0.90625rem;
  font-weight: 500;
  line-height: 1.45;
  text-decoration: none;
  transition: background-color 0.18s ease, color 0.18s ease;
}

.vp-toc-list li a::before {
  content: counter(vp-toc, decimal-leading-zero);
  font-size: 0.75rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--vp-crimson, #991B1B);
  background: var(--vp-surface-alt, #F3EFE6);
  padding: 2px 7px;
  border-radius: 6px;
  flex-shrink: 0;
  margin-top: 1px;
}

.vp-toc-list li a:hover {
  background: var(--vp-surface-warm, #EDE6D8);
  color: var(--vp-crimson, #991B1B);
}

/* ==========================================================================
   3. THANH CHỌN NHANH BẢNG GIÁ TRÊN TRANG DỊCH VỤ (.vp-package-jumpbar)
   ========================================================================== */
.vp-package-jumpbar {
  background: var(--vp-surface-alt, #F3EFE6);
  border: 1px solid var(--vp-border, rgba(28, 25, 23, 0.08));
  border-radius: 16px;
  padding: 16px 20px;
  margin: 0 0 28px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}

.vp-package-jumpbar__eyebrow {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--vp-ink, #1C1917);
  margin-right: 4px;
}

.vp-package-jumpbar__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vp-package-jumpbar__pill {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 7px 14px;
  border-radius: 10px;
  background: var(--vp-surface, #FFFFFF);
  border: 1px solid var(--vp-border, rgba(28, 25, 23, 0.08));
  color: var(--vp-ink, #1C1917);
  font-size: 0.84375rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.vp-package-jumpbar__pill:hover {
  background: var(--vp-crimson, #991B1B);
  border-color: var(--vp-crimson, #991B1B);
  color: #FFFFFF;
}

/* ==========================================================================
   4. HỘP TÓM TẮT AEO (.block-note) & HỘP VĂN KHẤN (.vp-prayer-box / blockquote)
   ========================================================================== */
.vp-prose .block-note,
.entry-content .block-note {
  background: var(--vp-surface-alt, #F3EFE6);
  border: 1px solid var(--vp-border-gold, rgba(180, 83, 9, 0.2));
  border-radius: 16px;
  padding: 22px 26px;
  margin: 24px 0 30px;
}

.vp-prose .block-note p:last-child,
.vp-prose .block-note ul:last-child,
.entry-content .block-note p:last-child,
.entry-content .block-note ul:last-child {
  margin-bottom: 0;
}

.vp-prose .block-note strong,
.entry-content .block-note strong {
  color: var(--vp-crimson, #991B1B);
}

.vp-prose .vp-prayer-box,
.vp-prose blockquote,
.entry-content .vp-prayer-box,
.entry-content blockquote {
  background: var(--vp-surface-alt, #F3EFE6);
  border: 1px solid var(--vp-border-gold, rgba(180, 83, 9, 0.22));
  border-left: 4px solid var(--vp-gold, #B45309);
  border-radius: 16px;
  padding: 24px 28px;
  margin: 24px 0 30px;
  color: var(--vp-ink, #1C1917);
  font-size: 1rem;
  line-height: 1.85;
}

/* ==========================================================================
   5. HÌNH ẢNH BIÊN TẬP (.vp-article-figure) & CHECKLIST LỄ VẬT (.block-list)
   ========================================================================== */
.vp-prose .vp-article-figure,
.entry-content .vp-article-figure {
  margin: 28px 0 34px;
  background: var(--vp-surface, #FFFFFF);
  border: 1px solid var(--vp-border, rgba(28, 25, 23, 0.08));
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--vp-shadow-sm, 0 10px 28px -12px rgba(28, 25, 23, 0.08));
}

.vp-prose .vp-article-figure img,
.entry-content .vp-article-figure img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  border-radius: 0;
}

.vp-prose .vp-article-figure figcaption,
.entry-content .vp-article-figure figcaption {
  padding: 12px 20px;
  font-size: 0.875rem;
  line-height: 1.55;
  color: var(--vp-muted, #78716C);
  background: var(--vp-surface, #FFFFFF);
  text-align: center;
}

.vp-prose .block-list,
.entry-content .block-list {
  background: var(--vp-surface, #FFFFFF);
  border: 1px solid var(--vp-border, rgba(28, 25, 23, 0.08));
  border-radius: 16px;
  padding: 20px 24px;
  margin: 18px 0;
}

.vp-prose ul.block-list,
.vp-prose .block-list ul,
.entry-content ul.block-list,
.entry-content .block-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.vp-prose ul.block-list li,
.vp-prose .block-list li,
.entry-content ul.block-list li,
.entry-content .block-list li {
  position: relative;
  padding: 7px 0 7px 30px;
  margin: 0;
}

.vp-prose ul.block-list li:not(:last-child),
.vp-prose .block-list li:not(:last-child),
.entry-content ul.block-list li:not(:last-child),
.entry-content .block-list li:not(:last-child) {
  margin-bottom: 6px;
}

.vp-prose ul.block-list li::before,
.vp-prose .block-list li::before,
.entry-content ul.block-list li::before,
.entry-content .block-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: rgba(6, 95, 70, 0.12);
}

.vp-prose ul.block-list li::after,
.vp-prose .block-list li::after,
.entry-content ul.block-list li::after,
.entry-content .block-list li::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 14px;
  width: 12px;
  height: 12px;
  background-color: var(--vp-jade, #065F46);
  -webkit-mask: var(--vp-mask-check) center / contain no-repeat;
  mask: var(--vp-mask-check) center / contain no-repeat;
  pointer-events: none;
}

/* ==========================================================================
   6. BẢNG SO SÁNH & BẢNG LỄ VẬT CUỘN MƯỢT (.vp-table-scroll / table)
   Chuẩn Modern Web Guidance: overflow-x: auto + overscroll-behavior-x: contain + tabular-nums
   ========================================================================== */
.vp-table-scroll {
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  margin: 24px 0 32px;
  border-radius: 16px;
  border: 1px solid var(--vp-border, rgba(28, 25, 23, 0.08));
  background: var(--vp-surface, #FFFFFF);
  box-shadow: var(--vp-shadow-sm, 0 8px 24px -12px rgba(28, 25, 23, 0.06));
}

.vp-table-scroll:focus-visible {
  outline: 2px solid var(--vp-crimson, #991B1B);
  outline-offset: 2px;
}

.vp-prose table,
.entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  background: var(--vp-surface, #FFFFFF);
  font-size: 0.9375rem;
  font-variant-numeric: tabular-nums;
}

.vp-table-scroll table {
  min-width: 600px;
}

.vp-prose table thead th,
.entry-content table thead th {
  background: var(--vp-ink, #1C1917);
  color: #FFFFFF;
  font-weight: 600;
  text-align: left;
  padding: 14px 18px;
  border: none;
}

.vp-prose table tbody td,
.entry-content table tbody td {
  padding: 13px 18px;
  border-bottom: 1px solid var(--vp-border, rgba(28, 25, 23, 0.07));
  color: var(--vp-body, #44403C);
  vertical-align: top;
  text-align: left;
}

.vp-prose table tbody tr:last-child td,
.entry-content table tbody tr:last-child td {
  border-bottom: none;
}

.vp-prose table tbody tr:nth-child(even) td,
.entry-content table tbody tr:nth-child(even) td {
  background: var(--vp-bg, #FAF7F2);
}

/* ==========================================================================
   7. HỘP KÊU GỌI ĐẶT MÂM (.block-cta), FAQ (.block-faq) & PILLAR LINKS
   ========================================================================== */
.vp-prose .block-cta,
.entry-content .block-cta {
  background: var(--vp-surface-alt, #F3EFE6);
  border: 1px solid var(--vp-border-gold, rgba(180, 83, 9, 0.22));
  border-radius: 16px;
  padding: 26px 28px;
  margin: 32px 0;
}

.vp-prose .block-cta h3,
.vp-prose .block-cta h4,
.entry-content .block-cta h3,
.entry-content .block-cta h4 {
  color: var(--vp-ink, #1C1917);
  margin: 0 0 10px;
  font-size: 1.22rem;
}

.vp-prose .block-cta p,
.entry-content .block-cta p {
  margin-bottom: 14px;
}

.vp-prose .block-cta p:last-child,
.entry-content .block-cta p:last-child {
  margin-bottom: 0;
}

.vp-prose .block-cta a,
.entry-content .block-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 20px;
  margin: 6px 10px 4px 0;
  border-radius: 12px;
  font-weight: 600;
  font-size: 0.9375rem;
  text-decoration: none;
  background: var(--vp-crimson, #991B1B);
  color: #FFFFFF;
  transition: background-color 0.18s ease, transform 0.18s ease;
}

.vp-prose .block-cta a[href*="zalo.me"],
.entry-content .block-cta a[href*="zalo.me"] {
  background: var(--vp-jade, #065F46);
}

.vp-prose .block-cta a:hover,
.entry-content .block-cta a:hover {
  background: var(--vp-crimson-hover, #7F1D1D);
  color: #FFFFFF;
  transform: translateY(-1px);
}

.vp-prose .block-cta a[href*="zalo.me"]:hover,
.entry-content .block-cta a[href*="zalo.me"]:hover {
  background: #047857;
}

.vp-prose .block-faq,
.entry-content .block-faq {
  background: var(--vp-surface-alt, #F3EFE6);
  border: 1px solid var(--vp-border, rgba(28, 25, 23, 0.08));
  border-radius: 16px;
  padding: 24px 26px;
  margin: 34px 0 28px;
}

.vp-prose .block-faq-item,
.entry-content .block-faq-item {
  background: var(--vp-surface, #FFFFFF);
  border: 1px solid var(--vp-border, rgba(28, 25, 23, 0.06));
  border-radius: 12px;
  padding: 18px 20px;
}

.vp-prose .block-faq-item:not(:last-child),
.entry-content .block-faq-item:not(:last-child) {
  margin-bottom: 12px;
}

.vp-prose .block-faq-question,
.entry-content .block-faq-question {
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--vp-ink, #1C1917);
  margin: 0 0 8px;
  line-height: 1.45;
}

.vp-prose .block-faq-answer p,
.entry-content .block-faq-answer p {
  margin: 0;
  font-size: 0.96875rem;
  line-height: 1.75;
  color: var(--vp-body, #44403C);
}

.vp-related-pillars {
  background: var(--vp-surface-alt, #F3EFE6);
  border: 1px solid var(--vp-border, rgba(28, 25, 23, 0.08));
  border-radius: 16px;
  padding: 22px 24px;
  margin: 32px 0 18px;
}

.vp-related-pillars__title {
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--vp-ink, #1C1917);
  margin: 0 0 14px;
}

.vp-related-pillars__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 12px;
  align-items: stretch;
}

.vp-related-pillars__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 100%;
  min-height: 46px;
  padding: 11px 16px;
  background: var(--vp-surface, #FFFFFF);
  border: 1px solid var(--vp-border, rgba(28, 25, 23, 0.08));
  border-radius: 12px;
  color: var(--vp-ink, #1C1917);
  font-size: 0.90625rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.vp-related-pillars__card:hover {
  background: var(--vp-crimson, #991B1B);
  border-color: var(--vp-crimson, #991B1B);
  color: #FFFFFF;
}

/* ==========================================================================
   8. CÁC KHỐI BIÊN DỊCH TỪ UX BUILDER SHORTCODE (.vp-ux-*)
   ========================================================================== */
.vp-ux-section {
  padding-block: clamp(24px, 3.5vw, 44px);
}

.vp-ux-section--warm {
  background: var(--vp-surface-alt, #F3EFE6);
  border-radius: 16px;
  padding-inline: clamp(16px, 3vw, 32px);
  margin-block: 20px;
}

.vp-ux-row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(16px, 2.4vw, 28px);
  align-items: stretch;
}

.vp-ux-row + .vp-ux-row {
  margin-top: 22px;
}

.vp-ux-row--middle {
  align-items: center;
}

.vp-ux-col {
  grid-column: span var(--vp-span-sm, 12);
  min-width: 0;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .vp-ux-col {
    grid-column: span var(--vp-span-md, var(--vp-span-lg, 12));
  }
}

@media (min-width: 1024px) {
  .vp-ux-col {
    grid-column: span var(--vp-span-lg, 12);
  }
}

.vp-ux-col--card {
  background: var(--vp-surface, #FFFFFF);
  border: 1px solid var(--vp-border, rgba(28, 25, 23, 0.08));
  border-radius: 16px;
  padding: clamp(18px, 2.2vw, 26px);
  box-shadow: var(--vp-shadow-sm, 0 8px 24px -12px rgba(28, 25, 23, 0.06));
}

.vp-ux-figure {
  margin: 0 0 16px;
  border-radius: 14px;
  overflow: hidden;
  background: var(--vp-surface-alt, #F3EFE6);
}

.vp-ux-figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
}

.vp-ux-iconbox {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  background: var(--vp-surface, #FFFFFF);
  border: 1px solid var(--vp-border, rgba(28, 25, 23, 0.08));
  border-radius: 16px;
  height: 100%;
}

.vp-ux-iconbox--center {
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.vp-ux-iconbox__media {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: var(--vp-surface-alt, #F3EFE6);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.vp-ux-iconbox__media img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.vp-ux-tabs {
  margin: 24px 0;
  background: var(--vp-surface, #FFFFFF);
  border: 1px solid var(--vp-border, rgba(28, 25, 23, 0.08));
  border-radius: 16px;
  padding: clamp(16px, 2.5vw, 26px);
}

.vp-ux-tabs__list,
.vp-tabs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--vp-border, rgba(28, 25, 23, 0.08));
}

.vp-ux-tabs__tab,
.vp-tabs__tab {
  position: relative;
  appearance: none;
  border: 1px solid var(--vp-border, rgba(28, 25, 23, 0.1));
  background: var(--vp-bg, #FAF7F2);
  color: var(--vp-ink, #1C1917);
  font-family: inherit;
  font-size: 0.9375rem;
  font-weight: 600;
  min-height: 44px;
  padding: 9px 18px;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.vp-ux-tabs__tab[aria-selected="true"],
.vp-tabs__tab[aria-selected="true"] {
  background: var(--vp-crimson, #991B1B);
  border-color: var(--vp-crimson, #991B1B);
  color: #FFFFFF;
}

.vp-ux-tabs__tab[aria-selected="true"]::after,
.vp-tabs__tab[aria-selected="true"]::after {
  content: "";
  position: absolute;
  inset: auto 10px 4px;
  border-block-end: 2px solid #FDE68A;
}

.vp-ux-tabs__panel[hidden],
.vp-tabs__panel[hidden] {
  display: none;
}

.vp-ux-collapse {
  position: relative;
}

.vp-ux-collapse:not(.is-expanded) .vp-ux-collapse__body {
  max-height: 460px;
  overflow: hidden;
  mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
}

.vp-ux-collapse__toggle {
  margin-top: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 22px;
  border-radius: 12px;
  border: 1px solid var(--vp-border-gold, rgba(180, 83, 9, 0.28));
  background: var(--vp-surface-alt, #F3EFE6);
  color: var(--vp-crimson, #991B1B);
  font-family: inherit;
  font-size: 0.9375rem;
  font-weight: 700;
  cursor: pointer;
}

.vp-ux-collapse__toggle:hover {
  background: var(--vp-crimson, #991B1B);
  border-color: var(--vp-crimson, #991B1B);
  color: #FFFFFF;
}

@media (max-width: 640px) {
  .vp-prose,
  .entry-content {
    font-size: 1rem;
    line-height: 1.78;
  }

  .vp-prose .block-note,
  .vp-prose .block-list,
  .vp-prose .block-cta,
  .vp-prose .block-faq,
  .entry-content .block-note,
  .entry-content .block-list,
  .entry-content .block-cta,
  .entry-content .block-faq,
  .vp-related-pillars {
    padding: 18px 16px;
  }

  .vp-prose .block-cta a,
  .entry-content .block-cta a {
    display: flex;
    width: 100%;
    margin: 8px 0 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vp-prose .block-cta a,
  .entry-content .block-cta a,
  .vp-related-pillars__card,
  .vp-package-jumpbar__pill,
  .vp-toc-list li a,
  .vp-ux-tabs__tab,
  .vp-tabs__tab {
    transition: none;
  }
}

@media (forced-colors: active) {
  .vp-toc-box,
  .vp-package-jumpbar__pill,
  .vp-prose .block-note,
  .vp-prose .block-list,
  .vp-prose .block-cta,
  .vp-prose .block-faq-item,
  .vp-related-pillars__card,
  .vp-table-scroll {
    outline: 1px solid CanvasText;
  }
}