:root {
      --font-aspekta: 'aspekta', system-ui, sans-serif;
      --font-mono: 'Courier New', Courier, monospace;
    }
    .font-body {
      font-family: var(--font-aspekta) !important;
    }
    .font-mono {
      font-family: var(--font-mono) !important;
    }
    /* Additional tweaks for the cloned content */
    .transition-transform-opacity {
      transition: transform 0.3s ease, opacity 0.3s ease;
    }
    .transition-border {
      transition: border-color 0.3s ease;
    }
    .border-card-border {
      border-color: rgba(var(--cl-foreground), 0.1);
    }
    .border-section-divider {
      border-color: rgba(var(--cl-foreground), 0.08);
    }
    .border-section-divider-light {
      border-color: rgba(var(--cl-foreground), 0.08);
    }
    /* Section spacing utilities */
    .pb-section-md { padding-bottom: var(--section-spacing-md); }
    .pt-section-sm { padding-top: var(--section-spacing-sm); }
    .py-section-lg { padding-top: var(--section-spacing-lg); padding-bottom: var(--section-spacing-lg); }
    .py-section-md { padding-top: var(--section-spacing-md); padding-bottom: var(--section-spacing-md); }
    .mb-section-sm { margin-bottom: var(--section-spacing-sm); }
    .mb-section-2xl { margin-bottom: var(--section-spacing-2xl); }
    .mt-section-md { margin-top: var(--section-spacing-md); }
    .mt-section-sm { margin-top: var(--section-spacing-sm); }
    .pt-section-md { padding-top: var(--section-spacing-md); }
    .gap-section-xs { gap: var(--section-spacing-xs); }
    .pb-section-xs { padding-bottom: var(--section-spacing-xs); }
    /* Grid gutter */
    .gap-grid-gutter { gap: var(--grid-gutter); }
    /* Two col gap */
    .pr-two-col-gap { padding-right: var(--two-col-gap); }
    /* Max widths */
    .max--xl { max-width: 1500px; }
    .max--lg { max-width: 1200px; }
    /* BG backdrop */
    .bg-backdrop { background-color: rgb(var(--cl-backdrop)); }
    /* Mobile menu styles */
    .mobile-menu {
      display: none;
      position: fixed;
      top: 64px;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgb(var(--cl-backdrop));
      z-index: 998;
      padding: 2rem var(--outer-gutter);
    }
    .mobile-menu.is-open {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
    }
    .mobile-menu a {
      font-size: 1.25rem;
      font-weight: 500;
    }
    /* Fix the Tailwind bg-black/5 and similar */
    .bg-black\/5 { background-color: rgba(0,0,0,0.05); }
    .bg-black\/\[0\.04\] { background-color: rgba(0,0,0,0.04); }
    .bg-black\/80 { background-color: rgba(0,0,0,0.8); }
    .bg-white\/10 { background-color: rgba(255,255,255,0.1); }