body[data-public-style-preset='paper-grid'] {
  --pg-page-bg-color: transparent;
  --pg-page-bg-image:
    linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
  --pg-page-bg-size: 24px 24px;
  --pg-page-bg-position: left top;
  --pg-shell-radius: 0.15rem;
  --pg-control-radius: 0.12rem;
  --pg-badge-radius: 0.14rem;
  --pg-card-border-width: 1px;
  --pg-card-border-color: rgba(100, 116, 139, 0.48);
  --pg-card-bg: color-mix(in oklab, var(--card) 95%, #f6f8fc 5%);
  --pg-card-shadow: 0 8px 24px -22px rgba(15, 23, 42, 0.34);
  --pg-card-hover-shadow: 0 12px 28px -24px rgba(15, 23, 42, 0.42);
  --pg-reading-card-shadow: 0 6px 16px -18px rgba(15, 23, 42, 0.28);
  --pg-reading-card-hover-shadow: 0 8px 18px -18px rgba(15, 23, 42, 0.34);
  --pg-nav-bg: rgb(255 255 255 / 0.8);
  --pg-nav-border-color: #e5e7eb;
  --pg-nav-border-width: 1px;
  --pg-nav-shadow: none;
  --pg-nav-indicator-color: #111827;
  --pg-footer-bg: color-mix(in oklab, var(--card) 92%, #f6f8fc 8%);
  --pg-footer-border-color: rgba(100, 116, 139, 0.4);
  --pg-footer-border-width: 1px;
  --pg-drawer-bg: color-mix(in oklab, var(--card) 92%, #f6f8fc 8%);
  --pg-drawer-border-color: rgba(100, 116, 139, 0.4);
  --pg-drawer-border-width: 1px;
  --pg-drawer-shadow: 0 14px 28px -24px rgba(15, 23, 42, 0.46);
  --pg-drawer-link-hover-bg: rgba(148, 163, 184, 0.18);
  --pg-drawer-link-active-bg: rgba(17, 24, 39, 0.1);
  --pg-drawer-link-active-color: #111827;
  --pg-floating-bg: #ffffff;
  --pg-floating-icon: #111827;
  --pg-floating-shadow: 0 10px 20px -18px rgba(15, 23, 42, 0.42);
  --pg-floating-border-color: #111827;
  --pg-floating-main-bg: #111827;
  --pg-floating-main-fg: #ffffff;
  --pg-floating-main-shadow: 0 16px 28px -20px rgba(17, 24, 39, 0.55);
  --pg-paper-fold-size: 0px;
  --pg-paper-fold-bg: transparent;
  --pg-paper-fold-border: transparent;
  --pg-progress-track-bg: rgba(229, 231, 235, 0.5);
  --pg-progress-border-width: 0px;
  --pg-progress-border-color: transparent;
  --pg-progress-fill-gradient: linear-gradient(
    90deg,
    #9ca3af 0%,
    #d1d5db 25%,
    #f9fafb 50%,
    #d1d5db 75%,
    #9ca3af 100%
  );
  --pg-site-loading-track-bg: rgba(229, 231, 235, 0.7);
  --pg-site-loading-border-width: 0px;
  --pg-site-loading-border-color: transparent;
  --pg-site-loading-fill-gradient: linear-gradient(
    90deg,
    rgba(17, 24, 39, 0.8) 0%,
    rgba(107, 114, 128, 0.4) 100%
  );
  --pg-archive-panel-bg: color-mix(in oklab, var(--pg-card-bg) 92%, #ffffff 8%);
  --pg-archive-panel-border-color: rgba(100, 116, 139, 0.4);
  --pg-archive-rail-color: rgba(100, 116, 139, 0.32);
  --pg-archive-dot-color: rgba(71, 85, 105, 0.78);
  --pg-archive-accent: #111827;
  --pg-archive-link-hover-bg: rgba(148, 163, 184, 0.15);
  --pg-archive-link-hover-border-color: rgba(100, 116, 139, 0.46);
  --pg-link-accent: #111827;
  --pg-heading-tracking: -0.02em;
  --pg-heading-weight: 700;
  --pg-search-trigger-bg: rgb(255 255 255 / 0.86);
  --pg-search-trigger-border-color: rgba(100, 116, 139, 0.45);
  --pg-search-trigger-hover-bg: rgb(248 250 252 / 0.95);
  --pg-hero-primary-bg: #111827;
  --pg-hero-primary-fg: #ffffff;
  --pg-hero-primary-border-color: #111827;
  --pg-hero-primary-hover-bg: #1f2937;
  --pg-hero-secondary-bg: rgb(255 255 255 / 0.88);
  --pg-hero-secondary-fg: #111827;
  --pg-hero-secondary-border-color: rgba(100, 116, 139, 0.48);
  --pg-hero-secondary-hover-bg: rgb(241 245 249 / 0.95);
  --pg-social-btn-bg: rgb(255 255 255 / 0.88);
  --pg-social-btn-fg: #111827;
  --pg-social-btn-border-color: rgba(100, 116, 139, 0.45);
  --pg-social-btn-hover-bg: rgb(241 245 249 / 0.95);
  --pg-social-btn-hover-fg: #111827;
  --pg-badge-secondary-bg: rgb(241 245 249 / 0.92);
  --pg-badge-secondary-border-color: rgba(100, 116, 139, 0.4);
  --pg-badge-secondary-hover-bg: rgb(226 232 240 / 0.98);
  --pg-badge-outline-bg: rgb(255 255 255 / 0.88);
  --pg-badge-outline-border-color: rgba(100, 116, 139, 0.46);
  --pg-badge-outline-hover-bg: rgb(241 245 249 / 0.95);
  --pg-outline-btn-bg: rgb(255 255 255 / 0.88);
  --pg-outline-btn-border-color: rgba(100, 116, 139, 0.46);
  --pg-outline-btn-hover-bg: rgb(241 245 249 / 0.95);
  --pg-stat-emphasis-color: #111827;
  --pg-contact-link-color: #111827;
  --pg-contact-link-hover-color: #374151;
  --pg-divider-line-color: rgba(100, 116, 139, 0.44);
  --pg-divider-icon-color: rgba(71, 85, 105, 0.72);
  --pg-divider-icon-bg: var(--background);
  --pg-lock-color: #111827;
  --pg-lock-bg: rgba(148, 163, 184, 0.16);
  --pg-lock-border-color: rgba(100, 116, 139, 0.48);
  --pg-lock-circle-bg: rgba(148, 163, 184, 0.18);
  --pg-lock-circle-color: #111827;
}

.dark body[data-public-style-preset='paper-grid'] {
  --pg-page-bg-color: transparent;
  --pg-page-bg-image:
    linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  --pg-page-bg-size: 24px 24px;
  --pg-page-bg-position: left top;
  --pg-card-border-color: rgba(148, 163, 184, 0.32);
  --pg-card-bg: color-mix(in oklab, var(--card) 92%, #111827 8%);
  --pg-card-shadow: 0 10px 24px -22px rgba(2, 6, 23, 0.72);
  --pg-card-hover-shadow: 0 14px 30px -24px rgba(2, 6, 23, 0.82);
  --pg-reading-card-shadow: 0 8px 18px -20px rgba(2, 6, 23, 0.7);
  --pg-reading-card-hover-shadow: 0 10px 22px -20px rgba(2, 6, 23, 0.78);
  --pg-nav-bg: rgb(17 24 39 / 0.8);
  --pg-nav-border-color: #1f2937;
  --pg-nav-shadow: none;
  --pg-nav-indicator-color: #f8fafc;
  --pg-footer-bg: color-mix(in oklab, var(--card) 88%, #0f172a 12%);
  --pg-footer-border-color: rgba(148, 163, 184, 0.34);
  --pg-drawer-bg: color-mix(in oklab, var(--card) 86%, #0f172a 14%);
  --pg-drawer-border-color: rgba(148, 163, 184, 0.34);
  --pg-drawer-link-hover-bg: rgba(148, 163, 184, 0.24);
  --pg-drawer-link-active-bg: rgba(248, 250, 252, 0.18);
  --pg-drawer-link-active-color: #f8fafc;
  --pg-floating-bg: #111827;
  --pg-floating-icon: #f3f4f6;
  --pg-floating-border-color: #f3f4f6;
  --pg-floating-main-bg: #f3f4f6;
  --pg-floating-main-fg: #111827;
  --pg-floating-main-shadow: 0 18px 30px -20px rgba(241, 245, 249, 0.45);
  --pg-paper-fold-bg: color-mix(in oklab, var(--pg-card-bg) 70%, #dbeafe 30%);
  --pg-paper-fold-border: rgba(148, 163, 184, 0.45);
  --pg-progress-track-bg: rgba(31, 41, 55, 0.5);
  --pg-progress-border-width: 0px;
  --pg-progress-border-color: transparent;
  --pg-progress-fill-gradient: linear-gradient(
    90deg,
    #9ca3af 0%,
    #d1d5db 25%,
    #f9fafb 50%,
    #d1d5db 75%,
    #9ca3af 100%
  );
  --pg-site-loading-track-bg: rgba(55, 65, 81, 0.6);
  --pg-site-loading-border-width: 0px;
  --pg-site-loading-border-color: transparent;
  --pg-site-loading-fill-gradient: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.8) 0%,
    rgba(156, 163, 175, 0.4) 100%
  );
  --pg-archive-panel-bg: color-mix(in oklab, var(--pg-card-bg) 90%, #0f172a 10%);
  --pg-archive-panel-border-color: rgba(148, 163, 184, 0.34);
  --pg-archive-rail-color: rgba(148, 163, 184, 0.32);
  --pg-archive-dot-color: rgba(148, 163, 184, 0.82);
  --pg-archive-accent: #f8fafc;
  --pg-archive-link-hover-bg: rgba(148, 163, 184, 0.2);
  --pg-archive-link-hover-border-color: rgba(148, 163, 184, 0.42);
  --pg-link-accent: #f8fafc;
  --pg-search-trigger-bg: rgb(17 24 39 / 0.9);
  --pg-search-trigger-border-color: rgba(148, 163, 184, 0.42);
  --pg-search-trigger-hover-bg: rgb(30 41 59 / 0.96);
  --pg-hero-primary-bg: #f8fafc;
  --pg-hero-primary-fg: #111827;
  --pg-hero-primary-border-color: #f8fafc;
  --pg-hero-primary-hover-bg: #e2e8f0;
  --pg-hero-secondary-bg: rgb(17 24 39 / 0.9);
  --pg-hero-secondary-fg: #f8fafc;
  --pg-hero-secondary-border-color: rgba(148, 163, 184, 0.42);
  --pg-hero-secondary-hover-bg: rgb(30 41 59 / 0.95);
  --pg-social-btn-bg: rgb(17 24 39 / 0.9);
  --pg-social-btn-fg: #f8fafc;
  --pg-social-btn-border-color: rgba(148, 163, 184, 0.42);
  --pg-social-btn-hover-bg: rgb(30 41 59 / 0.95);
  --pg-social-btn-hover-fg: #f8fafc;
  --pg-badge-secondary-bg: rgb(30 41 59 / 0.92);
  --pg-badge-secondary-border-color: rgba(148, 163, 184, 0.44);
  --pg-badge-secondary-hover-bg: rgb(51 65 85 / 0.96);
  --pg-badge-outline-bg: rgb(17 24 39 / 0.9);
  --pg-badge-outline-border-color: rgba(148, 163, 184, 0.45);
  --pg-badge-outline-hover-bg: rgb(30 41 59 / 0.95);
  --pg-outline-btn-bg: rgb(17 24 39 / 0.9);
  --pg-outline-btn-border-color: rgba(148, 163, 184, 0.45);
  --pg-outline-btn-hover-bg: rgb(30 41 59 / 0.95);
  --pg-stat-emphasis-color: #f8fafc;
  --pg-contact-link-color: #f8fafc;
  --pg-contact-link-hover-color: #e2e8f0;
  --pg-divider-line-color: rgba(148, 163, 184, 0.46);
  --pg-divider-icon-color: rgba(203, 213, 225, 0.76);
  --pg-divider-icon-bg: var(--background);
  --pg-lock-color: #f8fafc;
  --pg-lock-bg: rgba(148, 163, 184, 0.18);
  --pg-lock-border-color: rgba(148, 163, 184, 0.5);
  --pg-lock-circle-bg: rgba(148, 163, 184, 0.22);
  --pg-lock-circle-color: #f8fafc;
}

body[data-public-style-preset='paper-grid'] .pg-public-scope [data-slot='card'],
body[data-public-style-preset='paper-grid'] .pg-public-drawer-panel {
  position: relative;
}

body[data-public-style-preset='paper-grid'] .pg-public-scope [data-slot='card']::after,
body[data-public-style-preset='paper-grid'] .pg-public-drawer-panel::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: var(--pg-paper-fold-size);
  height: var(--pg-paper-fold-size);
  background: linear-gradient(
    135deg,
    color-mix(in oklab, var(--pg-paper-fold-bg) 72%, transparent) 0%,
    var(--pg-paper-fold-bg) 100%
  );
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  border-left: 1px solid var(--pg-paper-fold-border);
  border-bottom: 1px solid var(--pg-paper-fold-border);
  pointer-events: none;
  z-index: 2;
}

body[data-public-style-preset='paper-grid']
  .pg-public-scope
  [data-slot='card'].pg-reading-no-bg::after {
  display: none;
}