/* [project]/src/modules/contentfit/styles/contentfit-tokens.css [app-client] (css) */
.contentfit-scope .font-bebas {
  letter-spacing: .02em;
  font-family: Bebas Neue, system-ui, sans-serif !important;
}

.contentfit-scope {
  --background: #f6f8ff;
  --foreground: #12161f;
  --card: #fafcffcc;
  --card-foreground: #12161f;
  --primary: #4055ff;
  --primary-foreground: #f6f8ff;
  --secondary: #dde4f9;
  --secondary-foreground: #242c47;
  --muted: #e6ebf9;
  --muted-foreground: #5c6375;
  --accent: #00949b;
  --accent-foreground: #f6f8ff;
  --border: #d2d7e5;
  --input: #d2d7e5;
  --ring: #4055ff;
  --destructive: #d40924;
  --popover: #fafcfff2;
  --popover-foreground: #12161f;
  --chart-1: #4055ff;
  --chart-2: #00949b;
  --chart-3: #00ac4f;
  --chart-4: #c35500;
  --chart-5: #ad36a7;
  --chart-6: #9a8700;
  --chart-7: #5443db;
  --chart-8: #00b29b;
  --cf-score-excellent: #00b894;
  --cf-score-good: #00b894;
  --cf-score-moderate: #f39c12;
  --cf-score-low: #e74c3c;
  --cf-score-no-data: #94a3b8;
  --cf-compliance-pass: #00b894;
  --cf-compliance-pass-bg: #e6fff8;
  --cf-compliance-fail: #e74c3c;
  --cf-compliance-fail-bg: #fff0f0;
  --cf-compliance-warning: #f39c12;
  --cf-compliance-warning-bg: #fff8e6;
  --cf-cta-from: #6366f1;
  --cf-cta-to: #9333ea;
  --cf-surface: #fff;
  --cf-surface-2: #f7f8fc;
  --cf-glass: #ffffffbd;
  --cf-sidebar: #ffffffdb;
  --cf-topbar: #ffffffb3;
  --cf-c-border: #e7e9f3;
  --cf-border-strong: #d7dae8;
  --cf-fg: #1d2030;
  --cf-fg-muted: #5a6076;
  --cf-fg-subtle: #969bb0;
  --cf-accent: #4f46e5;
  --cf-accent-soft: #eef0fe;
  --cf-accent-text: #4f46e5;
  --cf-accent-grad: linear-gradient(135deg, #6366f1, #9333ea);
  --cf-good: #0e9f6e;
  --cf-good-bg: #e6f6ef;
  --cf-good-text: #0a7d56;
  --cf-warn: #b45309;
  --cf-warn-bg: #fbf0df;
  --cf-warn-text: #9a4708;
  --cf-crit: #e11d48;
  --cf-crit-bg: #fdeaef;
  --cf-crit-text: #c01040;
  --cf-muted: #64748b;
  --cf-muted-bg: #eef0f5;
  --cf-muted-text: #5a657a;
  --cf-shadow: 0 4px 16px #50468c14;
  --cf-shadow-lg: 0 14px 40px #50468c29;
  --cf-media: #1a1f2b;
  --cf-page-bg-gradient: linear-gradient(135deg, #f0f6fc 0%, #ebedfc 50%, #f7f3fa 100%);
  font-family: Inter, system-ui, sans-serif;
}

@supports (color: lab(0% 0 0)) {
  .contentfit-scope {
    --background: lab(97.6253% .0680089 -3.78776);
    --foreground: lab(7.09447% .629641 -7.27823);
    --card: lab(98.8131% .0265837 -1.89835 / .8);
    --card-foreground: lab(7.09447% .629641 -7.27823);
    --primary: lab(43.9452% 38.4761 -88.5684);
    --primary-foreground: lab(97.6253% .0680089 -3.78776);
    --secondary: lab(90.5441% .401288 -11.2571);
    --secondary-foreground: lab(18.3792% 2.75573 -18.0798);
    --muted: lab(92.9267% .200748 -7.53934);
    --muted-foreground: lab(41.8093% .647396 -11.1455);
    --accent: lab(55.4663% -61.3902 -25.0384);
    --accent-foreground: lab(97.6253% .0680089 -3.78776);
    --border: lab(85.9662% .209242 -7.53478);
    --input: lab(85.9662% .209242 -7.53478);
    --ring: lab(43.9452% 38.4761 -88.5684);
    --destructive: lab(45.5382% 69.8881 46.2994);
    --popover: lab(98.8131% .0265837 -1.89835 / .95);
    --popover-foreground: lab(7.09447% .629641 -7.27823);
    --chart-1: lab(43.9452% 38.4761 -88.5684);
    --chart-2: lab(55.4663% -61.3902 -25.0384);
    --chart-3: lab(61.6308% -54.7723 36.6192);
    --chart-4: lab(49.6693% 59.2029 124.278);
    --chart-5: lab(44.7182% 58.3309 -35.9594);
    --chart-6: lab(56.5048% .64829 123.15);
    --chart-7: lab(38.2785% 41.4207 -76.8339);
    --chart-8: lab(64.7616% -53.1729 -.36236);
    --cf-page-bg-gradient: linear-gradient(135deg, lab(96.5116% -1.09199 -3.57032) 0%, lab(94.045% 1.36092 -7.41718) 50%, lab(96.3976% 2.21443 -2.88498) 100%);
  }
}

.dark .contentfit-scope, .contentfit-scope.dark {
  --background: #09090b;
  --foreground: #d0cdca;
  --card: #18181b;
  --card-foreground: #d0cdca;
  --border: #ffffff1a;
  --input: #ffffff26;
  --muted: #27272a;
  --muted-foreground: #9f9fa9;
  --destructive: #ff6568;
  --chart-1: #6e8eff;
  --chart-2: #00bdc6;
  --chart-3: #51c672;
  --chart-4: #f70;
  --chart-5: #d961d2;
  --chart-6: #c2ac00;
  --chart-7: #7f7fff;
  --chart-8: #2bccb4;
  --cf-score-no-data: #64748b;
  --cf-compliance-pass-bg: #00b89429;
  --cf-compliance-fail-bg: #e74c3c29;
  --cf-compliance-warning-bg: #f39c1229;
  --cf-surface: #1a1c28;
  --cf-surface-2: #15161f;
  --cf-glass: #1a1c28b8;
  --cf-sidebar: #11121be6;
  --cf-topbar: #14151fbd;
  --cf-c-border: #2a2d3d;
  --cf-border-strong: #383c4f;
  --cf-fg: #eceef7;
  --cf-fg-muted: #a4a9be;
  --cf-fg-subtle: #6f7489;
  --cf-accent: #8b87f5;
  --cf-accent-soft: #23233a;
  --cf-accent-text: #a5a1f8;
  --cf-accent-grad: linear-gradient(135deg, #6366f1, #9333ea);
  --cf-good: #34d399;
  --cf-good-bg: #10b98129;
  --cf-good-text: #4ade80;
  --cf-warn: #fbbf24;
  --cf-warn-bg: #b453093d;
  --cf-warn-text: #fcd34d;
  --cf-crit: #fb7185;
  --cf-crit-bg: #e11d4833;
  --cf-crit-text: #fda4af;
  --cf-muted: #94a3b8;
  --cf-muted-bg: #94a3b824;
  --cf-muted-text: #aab3c4;
  --cf-shadow: 0 4px 16px #0006;
  --cf-shadow-lg: 0 14px 40px #0000008c;
  --cf-page-bg-gradient: linear-gradient(135deg, #090e12 0%, #0a0a13 50%, #0f0c11 100%);
}

@supports (color: lab(0% 0 0)) {
  .dark .contentfit-scope, .contentfit-scope.dark {
    --background: lab(2.51142% .232123 -.889981);
    --foreground: lab(82.5971% .70563 1.73621);
    --card: lab(8.307% .588819 -2.17513);
    --card-foreground: lab(82.5971% .70563 1.73621);
    --border: lab(100% 0 0 / .1);
    --input: lab(100% 0 0 / .15);
    --muted: lab(15.7306% .612617 -2.16994);
    --muted-foreground: lab(65.6466% 1.5294 -5.42614);
    --destructive: lab(63.7005% 60.7898 30.9999);
    --chart-1: lab(60.2559% 23.7372 -78.1326);
    --chart-2: lab(69.2298% -55.8518 -22.8046);
    --chart-3: lab(71.8596% -48.2532 31.7513);
    --chart-4: lab(66.2158% 51.6357 81.4868);
    --chart-5: lab(59.8785% 58.3454 -36.1318);
    --chart-6: lab(70.5095% -1.83696 76.6488);
    --chart-7: lab(57.8802% 29.4313 -70.1048);
    --chart-8: lab(73.7912% -45.5335 -.337458);
    --cf-page-bg-gradient: linear-gradient(135deg, lab(3.68668% -.634305 -2.8351) 0%, lab(2.9378% 1.31401 -4.53324) 50%, lab(3.60789% 1.65977 -2.22345) 100%);
  }
}

.dark .contentfit-scope .bg-white, .contentfit-scope.dark .bg-white {
  background-color: #17171a;
  background-color: lab(7.73003% .579804 -2.16922);
}

.dark .contentfit-scope .bg-slate-50, .contentfit-scope.dark .bg-slate-50, .dark .contentfit-scope .bg-gray-50, .contentfit-scope.dark .bg-gray-50 {
  background-color: #1e1e21;
  background-color: lab(11.2073% .584438 -2.17763);
}

.dark .contentfit-scope .bg-slate-100, .contentfit-scope.dark .bg-slate-100, .dark .contentfit-scope .bg-gray-100, .contentfit-scope.dark .bg-gray-100 {
  background-color: #27272a;
  background-color: lab(15.7306% .612617 -2.16994);
}

.dark .contentfit-scope .bg-slate-200, .contentfit-scope.dark .bg-slate-200 {
  background-color: #323236;
  background-color: lab(21.0577% .71469 -2.53162);
}

.dark .contentfit-scope .bg-white\/95, .contentfit-scope.dark .bg-white\/95 {
  background-color: #17171af2;
  background-color: lab(7.73003% .579804 -2.16922 / .95);
}

.dark .contentfit-scope .bg-white\/90, .contentfit-scope.dark .bg-white\/90 {
  background-color: #17171ae6;
  background-color: lab(7.73003% .579804 -2.16922 / .9);
}

.dark .contentfit-scope .bg-white\/80, .contentfit-scope.dark .bg-white\/80 {
  background-color: #17171acc;
  background-color: lab(7.73003% .579804 -2.16922 / .8);
}

.dark .contentfit-scope .bg-white\/70, .contentfit-scope.dark .bg-white\/70 {
  background-color: #17171ab3;
  background-color: lab(7.73003% .579804 -2.16922 / .7);
}

.dark .contentfit-scope .bg-white\/60, .contentfit-scope.dark .bg-white\/60 {
  background-color: #18181b99;
  background-color: lab(8.307% .588819 -2.17513 / .6);
}

.dark .contentfit-scope .hover\:bg-white:hover, .contentfit-scope.dark .hover\:bg-white:hover, .dark .contentfit-scope .focus\:bg-white:focus, .contentfit-scope.dark .focus\:bg-white:focus {
  background-color: #1e1e21;
  background-color: lab(11.2073% .584438 -2.17763);
}

.dark .contentfit-scope .hover\:bg-slate-50:hover, .contentfit-scope.dark .hover\:bg-slate-50:hover {
  background-color: #222226;
  background-color: lab(13.5275% .581592 -2.17931);
}

.dark .contentfit-scope .hover\:bg-slate-100:hover, .contentfit-scope.dark .hover\:bg-slate-100:hover {
  background-color: #2d2d31;
  background-color: lab(18.7468% .609949 -2.17153);
}

.dark .contentfit-scope .text-slate-900, .contentfit-scope.dark .text-slate-900, .dark .contentfit-scope .text-gray-900, .contentfit-scope.dark .text-gray-900 {
  color: #e7e7eb;
  color: lab(91.8377% .463009 -1.82949);
}

.dark .contentfit-scope .text-slate-800, .contentfit-scope.dark .text-slate-800 {
  color: #d7d7db;
  color: lab(86.0377% .463337 -1.82923);
}

.dark .contentfit-scope .text-slate-700, .contentfit-scope.dark .text-slate-700, .dark .contentfit-scope .text-gray-700, .contentfit-scope.dark .text-gray-700 {
  color: #c3c4c8;
  color: lab(79.0691% .558376 -2.19357);
}

.dark .contentfit-scope .text-slate-600, .contentfit-scope.dark .text-slate-600, .dark .contentfit-scope .text-gray-600, .contentfit-scope.dark .text-gray-600 {
  color: #a4a4a9;
  color: lab(67.4502% .796676 -2.90566);
}

.dark .contentfit-scope .text-slate-500, .contentfit-scope.dark .text-slate-500 {
  color: #8b8b93;
  color: lab(58.1338% 1.21635 -4.34519);
}

.dark .contentfit-scope .text-slate-400, .contentfit-scope.dark .text-slate-400 {
  color: #797981;
  color: lab(51.1734% 1.22184 -4.3419);
}

.dark .contentfit-scope .hover\:text-slate-800:hover, .contentfit-scope.dark .hover\:text-slate-800:hover {
  color: #dddde1;
  color: lab(88.3577% .463218 -1.82934);
}

.dark .contentfit-scope .hover\:text-slate-900:hover, .contentfit-scope.dark .hover\:text-slate-900:hover {
  color: #eeeef2;
  color: lab(94.1577% .46286 -1.82956);
}

.dark .contentfit-scope .border-slate-100, .contentfit-scope.dark .border-slate-100 {
  border-color: #ffffff0f;
  border-color: lab(100% 0 0 / .06);
}

.dark .contentfit-scope .border-slate-200, .contentfit-scope.dark .border-slate-200, .dark .contentfit-scope .border-gray-200, .contentfit-scope.dark .border-gray-200 {
  border-color: #ffffff1a;
  border-color: lab(100% 0 0 / .1);
}

.dark .contentfit-scope .border-slate-300, .contentfit-scope.dark .border-slate-300 {
  border-color: #ffffff29;
  border-color: lab(100% 0 0 / .16);
}

.dark .contentfit-scope .hover\:border-slate-300:hover, .contentfit-scope.dark .hover\:border-slate-300:hover {
  border-color: #fff3;
  border-color: lab(100% 0 0 / .2);
}

.dark .contentfit-scope .divide-slate-200 > * + *, .contentfit-scope.dark .divide-slate-200 > * + * {
  border-color: #ffffff1a;
  border-color: lab(100% 0 0 / .1);
}

.dark .contentfit-scope .divide-slate-100 > * + *, .contentfit-scope.dark .divide-slate-100 > * + * {
  border-color: #ffffff0f;
  border-color: lab(100% 0 0 / .06);
}

.dark .contentfit-scope .text-indigo-700, .contentfit-scope.dark .text-indigo-700, .dark .contentfit-scope .text-indigo-600, .contentfit-scope.dark .text-indigo-600 {
  color: #b0b7ff;
  color: lab(75.7145% 10.9511 -39.4089);
}

.dark .contentfit-scope .hover\:text-indigo-600:hover, .contentfit-scope.dark .hover\:text-indigo-600:hover {
  color: #bec5ff;
  color: lab(80.2433% 12.1261 -42.9436);
}

.dark .contentfit-scope .border-indigo-200, .contentfit-scope.dark .border-indigo-200, .dark .contentfit-scope .hover\:border-indigo-200:hover, .contentfit-scope.dark .hover\:border-indigo-200:hover {
  border-color: #6669b073;
  border-color: lab(46.5765% 12.8927 -38.9745 / .45);
}

.dark .contentfit-scope .bg-white.text-indigo-700, .contentfit-scope.dark .bg-white.text-indigo-700 {
  color: #c6ccff;
  color: lab(82.6948% 10.6576 -39.4911);
  background-color: #282a4b;
  background-color: lab(18.1326% 7.03234 -21.2588);
}

.dark .contentfit-scope [class*="bg-slate-50/"] {
  background-color: #1e1e21b3;
  background-color: lab(11.2073% .584438 -2.17763 / .7);
}

.dark .contentfit-scope [class*="bg-slate-100/"] {
  background-color: #27272ab3;
  background-color: lab(15.7306% .612617 -2.16994 / .7);
}

.dark .contentfit-scope .bg-amber-50, .dark .contentfit-scope .bg-amber-100, .dark .contentfit-scope [class*="bg-amber-50/"], .dark .contentfit-scope [class*="bg-amber-100/"] {
  background-color: #40300d;
  background-color: lab(21.2032% 3.93631 24.4117);
}

.dark .contentfit-scope .bg-orange-50, .dark .contentfit-scope .bg-orange-100, .dark .contentfit-scope [class*="bg-orange-50/"], .dark .contentfit-scope [class*="bg-orange-100/"] {
  background-color: #4a2a12;
  background-color: lab(20.8291% 13.6347 21.8174);
}

.dark .contentfit-scope .bg-yellow-50, .dark .contentfit-scope .bg-yellow-100, .dark .contentfit-scope [class*="bg-yellow-50/"], .dark .contentfit-scope [class*="bg-yellow-100/"] {
  background-color: #3b3615;
  background-color: lab(22.5334% -1.28572 21.0551);
}

.dark .contentfit-scope .bg-emerald-50, .dark .contentfit-scope .bg-emerald-100, .dark .contentfit-scope .bg-green-50, .dark .contentfit-scope .bg-green-100, .dark .contentfit-scope [class*="bg-emerald-50/"], .dark .contentfit-scope [class*="bg-emerald-100/"], .dark .contentfit-scope [class*="bg-green-50/"], .dark .contentfit-scope [class*="bg-green-100/"] {
  background-color: #153828;
  background-color: lab(20.625% -16.7129 5.83791);
}

.dark .contentfit-scope .bg-teal-50, .dark .contentfit-scope .bg-teal-100, .dark .contentfit-scope [class*="bg-teal-50/"], .dark .contentfit-scope [class*="bg-teal-100/"] {
  background-color: #083834;
  background-color: lab(20.5612% -17.2735 -1.76089);
}

.dark .contentfit-scope .bg-cyan-50, .dark .contentfit-scope .bg-cyan-100, .dark .contentfit-scope [class*="bg-cyan-50/"], .dark .contentfit-scope [class*="bg-cyan-100/"] {
  background-color: #06373e;
  background-color: lab(20.337% -13.8261 -9.27038);
}

.dark .contentfit-scope .bg-sky-50, .dark .contentfit-scope .bg-sky-100, .dark .contentfit-scope [class*="bg-sky-50/"], .dark .contentfit-scope [class*="bg-sky-100/"] {
  background-color: #0e3448;
  background-color: lab(19.9997% -7.95957 -16.3649);
}

.dark .contentfit-scope .bg-blue-50, .dark .contentfit-scope .bg-blue-100, .dark .contentfit-scope [class*="bg-blue-50/"], .dark .contentfit-scope [class*="bg-blue-100/"] {
  background-color: #1a314e;
  background-color: lab(19.6455% -1.24653 -20.8793);
}

.dark .contentfit-scope .bg-indigo-50, .dark .contentfit-scope .bg-indigo-100, .dark .contentfit-scope [class*="bg-indigo-50/"], .dark .contentfit-scope [class*="bg-indigo-100/"] {
  background-color: #2b2f51;
  background-color: lab(20.5018% 5.91657 -21.4616);
}

.dark .contentfit-scope .bg-violet-50, .dark .contentfit-scope .bg-violet-100, .dark .contentfit-scope .bg-purple-50, .dark .contentfit-scope .bg-purple-100, .dark .contentfit-scope [class*="bg-violet-50/"], .dark .contentfit-scope [class*="bg-violet-100/"], .dark .contentfit-scope [class*="bg-purple-50/"], .dark .contentfit-scope [class*="bg-purple-100/"] {
  background-color: #382a4f;
  background-color: lab(20.2221% 13.2877 -20.3141);
}

.dark .contentfit-scope .bg-fuchsia-50, .dark .contentfit-scope .bg-fuchsia-100, .dark .contentfit-scope [class*="bg-fuchsia-50/"], .dark .contentfit-scope [class*="bg-fuchsia-100/"] {
  background-color: #422649;
  background-color: lab(20.0849% 18.838 -16.3095);
}

.dark .contentfit-scope .bg-rose-50, .dark .contentfit-scope .bg-rose-100, .dark .contentfit-scope .bg-red-50, .dark .contentfit-scope .bg-red-100, .dark .contentfit-scope [class*="bg-rose-50/"], .dark .contentfit-scope [class*="bg-rose-100/"], .dark .contentfit-scope [class*="bg-red-50/"], .dark .contentfit-scope [class*="bg-red-100/"] {
  background-color: #4f2428;
  background-color: lab(20.4057% 21.094 6.99667);
}

.contentfit-scope .cf-glass {
  -webkit-backdrop-filter: blur(20px);
  background: #fafcffb3;
  background: lab(98.8131% .0265837 -1.89835 / .7);
  border: 1px solid #eceef580;
  border: 1px solid lab(94.1452% .0689626 -3.78723 / .5);
  box-shadow: 0 8px 32px #5862801a, inset 0 1px #fff3;
  box-shadow: 0 8px 32px lab(41.6449% 1.69379 -18.3529 / .1), inset 0 1px lab(100% 0 0 / .2);
}

.contentfit-scope .cf-glass-card {
  -webkit-backdrop-filter: blur(16px);
  background: #fafcff99;
  background: lab(98.8131% .0265837 -1.89835 / .6);
  border: 1px solid #eceef566;
  border: 1px solid lab(94.1452% .0689626 -3.78723 / .4);
  border-radius: .75rem;
  box-shadow: 0 4px 16px #58628014;
  box-shadow: 0 4px 16px lab(41.6449% 1.69379 -18.3529 / .08);
}

.contentfit-scope .cf-glass-strong {
  -webkit-backdrop-filter: blur(24px);
  background: #fafcffd9;
  background: lab(98.8131% .0265837 -1.89835 / .85);
  border: 1px solid #e2e4eb99;
  border: 1px solid lab(90.6652% .0699461 -3.78664 / .6);
  box-shadow: 0 12px 40px #58628026;
  box-shadow: 0 12px 40px lab(41.6449% 1.69379 -18.3529 / .15);
}

.contentfit-scope .cf-glass-overlay {
  -webkit-backdrop-filter: blur(8px);
  background: #0006;
  background: lab(0% 0 0 / .4);
}

.dark .contentfit-scope .cf-glass, .dark .contentfit-scope .cf-glass-card, .dark .contentfit-scope .cf-glass-strong {
  background: #18181bb3;
  background: lab(8.307% .588819 -2.17513 / .7);
  border-color: #ffffff14;
  border-color: lab(100% 0 0 / .08);
}

.contentfit-scope .cf-cta-gradient {
  background: linear-gradient(to right, var(--cf-cta-from), var(--cf-cta-to));
  color: #fff;
  transition: box-shadow .2s;
  box-shadow: 0 10px 15px -3px #6366f140;
}

.contentfit-scope .cf-cta-gradient:hover {
  box-shadow: 0 15px 25px -3px #6366f159;
}

.contentfit-scope .cf-shadow {
  box-shadow: 0 4px 16px #50468c14;
}

.contentfit-scope .cf-shadow-lg {
  box-shadow: 0 14px 40px #50468c29;
}

.dark .contentfit-scope .cf-shadow, .contentfit-scope.dark .cf-shadow {
  box-shadow: 0 4px 16px #0006;
}

.dark .contentfit-scope .cf-shadow-lg, .contentfit-scope.dark .cf-shadow-lg {
  box-shadow: 0 14px 40px #0000008c;
}

.contentfit-scope .cf-skel {
  background: linear-gradient(90deg, #eceef5, #dadee8, #eceef5) 0 0 / 200% 100%;
  background: linear-gradient(90deg, lab(94.1452% .0689626 -3.78723), lab(88.3162% .130296 -5.66559), lab(94.1452% .0689626 -3.78723)) 0 0 / 200% 100%;
  animation: 1.4s ease-in-out infinite cf-shimmer;
}

.dark .contentfit-scope .cf-skel, .contentfit-scope.dark .cf-skel {
  background: linear-gradient(90deg, #1f1f22, #2d2d31, #1f1f22) 0 0 / 200% 100%;
  background: linear-gradient(90deg, lab(11.7874% .583679 -2.17807), lab(18.7468% .609949 -2.17153), lab(11.7874% .583679 -2.17807)) 0 0 / 200% 100%;
}

@keyframes cf-shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .contentfit-scope .cf-skel {
    animation: none;
  }
}

.contentfit-scope .cf-grid-2 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
  display: grid;
}

.contentfit-scope .cf-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.contentfit-scope .cf-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.contentfit-scope .cf-grid-16 {
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 18px;
  display: grid;
}

@media (max-width: 1080px) {
  .contentfit-scope .cf-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .contentfit-scope .cf-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .contentfit-scope .cf-grid-2, .contentfit-scope .cf-grid-3, .contentfit-scope .cf-grid-4, .contentfit-scope .cf-grid-16 {
    grid-template-columns: minmax(0, 1fr);
  }
}

.contentfit-scope .cf-scroll-x {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
}

.contentfit-scope .cf-grid-preview {
  grid-template-columns: minmax(240px, 360px) 1fr;
  align-items: start;
  gap: 24px;
  display: grid;
}

@media (max-width: 760px) {
  .contentfit-scope .cf-grid-preview {
    grid-template-columns: 1fr;
  }
}

.contentfit-scope.cf-page, .contentfit-scope .cf-page {
  background: var(--cf-page-bg-gradient);
  min-height: 100%;
}

.dark .contentfit-scope .text-indigo-900, .dark .contentfit-scope .text-indigo-900\/80 {
  color: #a5b4fc;
}

.dark .contentfit-scope .text-cyan-900\/80, .dark .contentfit-scope .text-cyan-700 {
  color: #67e8f9;
}

.dark .contentfit-scope .text-emerald-700 {
  color: #6ee7b7;
}

.dark .contentfit-scope .text-amber-700 {
  color: #fcd34d;
}

.dark .contentfit-scope .text-rose-700, .dark .contentfit-scope .text-rose-600 {
  color: #fda4af;
}

.dark .contentfit-scope .border-indigo-100 {
  border-color: #6366f159;
}

.dark .contentfit-scope .border-emerald-200 {
  border-color: #10b98159;
}

.dark .contentfit-scope .border-amber-200 {
  border-color: #f59e0b59;
}

.dark .contentfit-scope .border-cyan-100 {
  border-color: #06b6d44d;
}