:root{--light-bg: oklch(100% 0 0);--light-bg-secondary: oklch(97% 0 0);--light-text: oklch(25% 0 0);--light-text-secondary: oklch(45% 0 0);--light-primary: oklch(55% .2 250);--light-secondary: oklch(45% .1 250);--light-accent: oklch(65% .25 25);--light-border: oklch(90% 0 0);--light-shadow: oklch(0% 0 0 / .1);--light-error: oklch(65% .25 25);--light-success: oklch(65% .2 150);--light-warning: oklch(75% .2 85);--dark-bg: oklch(25% 0 0);--dark-bg-secondary: oklch(30% 0 0);--dark-text: oklch(98% 0 0);--dark-text-secondary: oklch(85% 0 0);--dark-primary: oklch(70% .2 250);--dark-secondary: oklch(60% .1 250);--dark-accent: oklch(75% .25 25);--dark-border: oklch(35% 0 0);--dark-shadow: oklch(0% 0 0 / .3);--dark-error: oklch(75% .25 25);--dark-success: oklch(75% .2 150);--dark-warning: oklch(85% .2 85);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--font-primary: "Work Sans Variable", sans-serif;--font-headings: "Playfair Display Variable", serif;--font-weight-body: 400;--font-weight-headings: 700;--font-size-body: 16px;--line-height-body: 1.5;--letter-spacing-body: 0px;--text-transform-body: none;--text-align-body: inherit;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}:root{--footer-bg: oklch(18.89% .1089 286.93)}:root{color-scheme:light;--bg: var(--light-bg);--bg-secondary: var(--light-bg-secondary);--text: var(--light-text);--text-secondary: var(--light-text-secondary);--primary: var(--light-primary);--secondary: var(--light-secondary);--accent: var(--light-accent);--border: var(--light-border);--shadow: var(--light-shadow);--error: var(--light-error);--success: var(--light-success);--warning: var(--light-warning)}:root[data-theme=dark]{color-scheme:dark;--bg: var(--dark-bg);--bg-secondary: var(--dark-bg-secondary);--text: var(--dark-text);--text-secondary: var(--dark-text-secondary);--primary: var(--dark-primary);--secondary: var(--dark-secondary);--accent: var(--dark-accent);--border: var(--dark-border);--shadow: var(--dark-shadow);--error: var(--dark-error);--success: var(--dark-success);--warning: var(--dark-warning)}.role-detail.svelte-hbbsme{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.role-detail.svelte-hbbsme h1:where(.svelte-hbbsme){color:#2c3e50;margin-bottom:1.5rem}.role-detail.svelte-hbbsme h2:where(.svelte-hbbsme){color:#34495e;margin:1.5rem 0 1rem;font-size:1.3rem}.role-detail.svelte-hbbsme .category:where(.svelte-hbbsme){margin-bottom:1.5rem}.role-detail.svelte-hbbsme .category:where(.svelte-hbbsme) .label:where(.svelte-hbbsme){font-weight:700;color:#666;margin-right:.5rem}.role-detail.svelte-hbbsme .description:where(.svelte-hbbsme){margin-bottom:2rem}.role-detail.svelte-hbbsme .description:where(.svelte-hbbsme) p:where(.svelte-hbbsme){line-height:1.6;color:#444}.role-detail.svelte-hbbsme .salary-ranges:where(.svelte-hbbsme) .ranges-grid:where(.svelte-hbbsme){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.role-detail.svelte-hbbsme .salary-ranges:where(.svelte-hbbsme) .salary-card:where(.svelte-hbbsme){background:#f8f9fa;padding:1rem;border-radius:6px;text-align:center}.role-detail.svelte-hbbsme .salary-ranges:where(.svelte-hbbsme) .salary-card:where(.svelte-hbbsme) h3:where(.svelte-hbbsme){color:#666;margin-bottom:.5rem}.role-detail.svelte-hbbsme .salary-ranges:where(.svelte-hbbsme) .salary-card:where(.svelte-hbbsme) .range:where(.svelte-hbbsme){font-size:1.2rem;color:#2ecc71;font-weight:700}.role-detail.svelte-hbbsme .trend:where(.svelte-hbbsme){margin:2rem 0}.role-detail.svelte-hbbsme .trend:where(.svelte-hbbsme) .trend-value:where(.svelte-hbbsme){font-size:1.2rem;color:#2ecc71;font-weight:700}.role-detail.svelte-hbbsme .academic-fields:where(.svelte-hbbsme) ul:where(.svelte-hbbsme){list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.role-detail.svelte-hbbsme .academic-fields:where(.svelte-hbbsme) ul:where(.svelte-hbbsme) li:where(.svelte-hbbsme){background:#e9ecef;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#495057}.role-detail.svelte-hbbsme .back-button:where(.svelte-hbbsme){display:inline-block;margin-top:2rem;padding:.75rem 1.5rem;background:#3498db;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .2s}.role-detail.svelte-hbbsme .back-button:where(.svelte-hbbsme):hover{background:#2980b9}
