.tsco-reference-certification,.tsco-reference-certification{ --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --color-white: #fff; --spacing: .25rem; --container-md: 28rem; --container-2xl: 42rem; --text-xs: .875rem; --text-xs--line-height: calc(1/.75); --text-sm: 1rem; --text-sm--line-height: calc(1.25/.875); --text-base: 1rem; --text-base--line-height: 1.5; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75/1.125); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2/1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5/2.25); --font-weight-normal: 400; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tight: -.025em; --tracking-wide: .025em; --leading-tight: 1.25; --leading-snug: 1.375; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,0,.2,1); --default-font-family: var(--font-sans); --default-font-feature-settings: var(--font-sans--font-feature-settings); --default-font-variation-settings: var(--font-sans--font-variation-settings); --default-mono-font-family: var(--font-mono); --default-mono-font-feature-settings: var(--font-mono--font-feature-settings); --default-mono-font-variation-settings: var(--font-mono--font-variation-settings); --font-body: var(--font-body); --font-heading: var(--font-heading); }
.tsco-reference-certification :is(*){ border-color: var(--border); outline-color: color-mix(in oklab,var(--ring)50%,transparent); }
.tsco-reference-certification{ background-color: var(--background); color: var(--foreground); font-family: Cairo, sans-serif; }
.tsco-reference-certification :is(h1, h2, h3, h4, h5, h6){ font-family: var(--font-heading); }
.tsco-reference-certification,.tsco-reference-certification, #root{ overscroll-behavior-x: none; width: 100%; height: 100%; margin: 0px; padding: 0px; }
@layer components;
.tsco-reference-certification{ box-sizing: border-box; overscroll-behavior-x: none; width: 100%; height: 100%; min-height: 100vh; margin: 0px; padding: 0px; display: flex; overflow: auto; }
.tsco-reference-certification{ --radius: .625rem; --background: oklch(1 0 0); --foreground: oklch(.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(.145 0 0); --primary: oklch(.205 0 0); --primary-foreground: oklch(.985 0 0); --secondary: oklch(.97 0 0); --secondary-foreground: oklch(.205 0 0); --muted: oklch(.97 0 0); --muted-foreground: oklch(.556 0 0); --accent: oklch(.97 0 0); --accent-foreground: oklch(.205 0 0); --destructive: oklch(.577 .245 27.325); --border: oklch(.922 0 0); --input: oklch(.922 0 0); --ring: oklch(.708 0 0); --chart-1: oklch(.646 .222 41.116); --chart-2: oklch(.6 .118 184.704); --chart-3: oklch(.398 .07 227.392); --chart-4: oklch(.828 .189 84.429); --chart-5: oklch(.769 .188 70.08); --sidebar: oklch(.985 0 0); --sidebar-foreground: oklch(.145 0 0); --sidebar-primary: oklch(.205 0 0); --sidebar-primary-foreground: oklch(.985 0 0); --sidebar-accent: oklch(.97 0 0); --sidebar-accent-foreground: oklch(.205 0 0); --sidebar-border: oklch(.922 0 0); --sidebar-ring: oklch(.708 0 0); }
.tsco-reference-certification :is(.dark){ --background: oklch(.145 0 0); --foreground: oklch(.985 0 0); --card: oklch(.205 0 0); --card-foreground: oklch(.985 0 0); --popover: oklch(.205 0 0); --popover-foreground: oklch(.985 0 0); --primary: oklch(.922 0 0); --primary-foreground: oklch(.205 0 0); --secondary: oklch(.269 0 0); --secondary-foreground: oklch(.985 0 0); --muted: oklch(.269 0 0); --muted-foreground: oklch(.708 0 0); --accent: oklch(.269 0 0); --accent-foreground: oklch(.985 0 0); --destructive: oklch(.704 .191 22.216); --border: oklch(1 0 0/10%); --input: oklch(1 0 0/15%); --ring: oklch(.556 0 0); --chart-1: oklch(.488 .243 264.376); --chart-2: oklch(.696 .17 162.48); --chart-3: oklch(.769 .188 70.08); --chart-4: oklch(.627 .265 303.9); --chart-5: oklch(.645 .246 16.439); --sidebar: oklch(.205 0 0); --sidebar-foreground: oklch(.985 0 0); --sidebar-primary: oklch(.488 .243 264.376); --sidebar-primary-foreground: oklch(.985 0 0); --sidebar-accent: oklch(.269 0 0); --sidebar-accent-foreground: oklch(.985 0 0); --sidebar-border: oklch(1 0 0/10%); --sidebar-ring: oklch(.556 0 0); }
.tsco-reference-certification :is(img.broken-image-fallback){ object-fit: none; object-position: center center; background: rgb(249, 250, 251); border: 1px solid rgb(229, 231, 235); animation: 0.3s ease-in-out 0s 1 normal none running fadeIn; display: inline-block; position: relative; }
.tsco-reference-certification :is(.dark img.broken-image-fallback){ background: rgb(31, 41, 55); border-color: rgb(55, 65, 81); }
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
.tsco-reference-certification :is(.mp-banner){ animation: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal forwards running mp-fade-in; }
.tsco-reference-certification :is(.mp-banner.mp-hidden){ animation: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal forwards running mp-fade-out; pointer-events: none; }
@media (max-width: 480px) {.tsco-reference-certification :is(.mp-brand-text){ display: none !important; }
.tsco-reference-certification :is(.mp-pill){ gap: 12px !important; }
.tsco-reference-certification :is(.mp-right-side){ gap: 12px !important; }}
.tsco-reference-certification{display:block;width:100%;height:auto;overflow:visible;font-family:Cairo,Arial,sans-serif;line-height:1.5;}
/* Audit fix M-01b: hero content was centered via Tailwind mx-auto; left-align it under the logo. VERIFY AFTER DEPLOY. */
.tsco-reference-certification .min-h-\[55vh\]>.mx-auto{margin-inline:0!important}