@charset "UTF-8";:root{--me-space-1: 8px;--me-space-2: 16px;--me-space-3: 24px;--me-space-4: 32px;--me-space-6: 48px;--me-space-8: 64px;--me-radius-sm: 10px;--me-radius: 14px;--me-radius-lg: 26px;--me-w-app: 520px;--me-w-web: 1120px;--me-container: var(--me-w-app);--me-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--me-text-xs: .72rem;--me-text-sm: .85rem;--me-text-base: 1rem;--me-text-md: 1.05rem;--me-text-lg: 1.15rem;--me-text-xl: 1.5rem;--me-text-2xl: 1.9rem;--me-text-hero: clamp(2rem, 5vw, 3.1rem);--me-lh-tight: 1.15;--me-lh-body: 1.6;--me-brand: #5b5bd6;--me-brand-solid: var(--me-brand);--me-brand-strong: #4a3aff;--me-accent: #ff7a59;--me-good: #16a34a;--me-warn: #92400e;--me-paper: light-dark(#fbfbfd, #101019);--me-card: light-dark(#ffffff, #1a1a29);--me-line: color-mix(in srgb, var(--me-brand) 10%, var(--mat-sys-outline-variant));--me-muted: #5a5a72;--me-hero: linear-gradient(135deg, #6d5efc 0%, #8b5cf6 48%, #d96be0 100%);--me-shadow: 0 1px 2px rgba(27, 20, 70, .05), 0 6px 20px rgba(30, 20, 80, .07);--me-shadow-lg: 0 2px 4px rgba(27, 20, 70, .06), 0 20px 48px rgba(40, 20, 90, .17)}@media(prefers-color-scheme:dark){:root{--me-good: #38d07f;--me-warn: #e3a44e;--me-brand: #9494f2;--me-brand-solid: #5b5bd6;--me-muted: #b6b6cf}}:root[data-theme=dark]{--me-good: #38d07f;--me-warn: #e3a44e;--me-brand: #9494f2;--me-brand-solid: #5b5bd6;--me-muted: #b6b6cf}@media(min-width:900px){:root{--me-container: var(--me-w-web)}}@media(display-mode:standalone){:root{--me-container: var(--me-w-app)}}html{color-scheme:light dark;--mat-sys-background: light-dark(#fef8fc, #151316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f5eff4, #323033);--mat-sys-inverse-primary: light-dark(#d5baff, #7d00fa);--mat-sys-inverse-surface: light-dark(#323033, #e6e1e6);--mat-sys-on-background: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #42008a);--mat-sys-on-primary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-primary-fixed: light-dark(#270057, #270057);--mat-sys-on-primary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-on-secondary: light-dark(#ffffff, #352d40);--mat-sys-on-secondary-container: light-dark(#4b4357, #eadef7);--mat-sys-on-secondary-fixed: light-dark(#1f182a, #1f182a);--mat-sys-on-secondary-fixed-variant: light-dark(#4b4357, #4b4357);--mat-sys-on-surface: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-surface-variant: light-dark(#49454e, #e8e0eb);--mat-sys-on-tertiary: light-dark(#ffffff, #42008a);--mat-sys-on-tertiary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-tertiary-fixed: light-dark(#270057, #270057);--mat-sys-on-tertiary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-outline: light-dark(#7b757f, #958e99);--mat-sys-outline-variant: light-dark(#cbc4cf, #49454e);--mat-sys-primary: light-dark(#7d00fa, #d5baff);--mat-sys-primary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-primary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-primary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#645b70, #cec2db);--mat-sys-secondary-container: light-dark(#eadef7, #4b4357);--mat-sys-secondary-fixed: light-dark(#eadef7, #eadef7);--mat-sys-secondary-fixed-dim: light-dark(#cec2db, #cec2db);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fef8fc, #151316);--mat-sys-surface-bright: light-dark(#fef8fc, #3b383c);--mat-sys-surface-container: light-dark(#f2ecf1, #211f22);--mat-sys-surface-container-high: light-dark(#ede6eb, #2b292d);--mat-sys-surface-container-highest: light-dark(#e6e1e6, #363437);--mat-sys-surface-container-low: light-dark(#f8f2f6, #1d1b1e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d11);--mat-sys-surface-dim: light-dark(#ded8dd, #151316);--mat-sys-surface-tint: light-dark(#7d00fa, #d5baff);--mat-sys-surface-variant: light-dark(#e8e0eb, #49454e);--mat-sys-tertiary: light-dark(#7d00fa, #d5baff);--mat-sys-tertiary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-tertiary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-tertiary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem system-ui;--mat-sys-body-large-font: system-ui;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem system-ui;--mat-sys-body-medium-font: system-ui;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem system-ui;--mat-sys-body-small-font: system-ui;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem system-ui;--mat-sys-display-large-font: system-ui;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem system-ui;--mat-sys-display-medium-font: system-ui;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem system-ui;--mat-sys-display-small-font: system-ui;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem system-ui;--mat-sys-headline-large-font: system-ui;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem system-ui;--mat-sys-headline-medium-font: system-ui;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem system-ui;--mat-sys-headline-small-font: system-ui;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem system-ui;--mat-sys-label-large-font: system-ui;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem system-ui;--mat-sys-label-medium-font: system-ui;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem system-ui;--mat-sys-label-small-font: system-ui;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem system-ui;--mat-sys-title-large-font: system-ui;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem system-ui;--mat-sys-title-medium-font: system-ui;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem system-ui;--mat-sys-title-small-font: system-ui;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html,body{height:100%}body{margin:0;font-family:var(--me-font);color:var(--mat-sys-on-surface);background:var(--me-paper);min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{letter-spacing:-.02em}:root{--st-ink-900: #2b2b2f;--st-ink-800: #3a3a3d;--st-ink-700: #545454;--st-ink-600: #6b6b6b;--st-ink-400: #a3a3a0;--st-sand-700: #786c54;--st-sand-500: #a3946f;--st-sand-300: #ccc09c;--st-sand-200: #ded4b8;--st-sand-100: #eee7d4;--st-cream-50: #f7f4ec;--st-white: #ffffff;--st-obsidian: var(--st-ink-900);--st-graphite: var(--st-ink-700);--st-silver: var(--st-ink-400);--st-ash: var(--st-ink-600);--st-marble: var(--st-cream-50);--st-mist: var(--st-sand-200);--st-terracotta: var(--st-sand-700);--st-green: var(--st-ink-900);--st-green-ink: var(--st-ink-900);--st-sage: var(--st-sand-100);--me-font-display: -apple-system, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--me-font-body: var(--me-font-display);--me-brand: var(--st-sand-700);--me-brand-solid: var(--st-ink-900);--me-brand-strong: #1c1b19;--me-accent: var(--st-sand-700);--me-good: #4f7a52;--me-good-bg: #eaf0e6;--me-warn: #a97a2e;--me-warn-bg: #f6ead0;--me-danger: #a6503f;--me-danger-bg: #f6e3dd;--me-paper: var(--st-cream-50);--me-card: rgba(255, 255, 255, .68);--me-card-solid: #ffffff;--me-line: var(--st-sand-200);--me-line-strong: var(--st-sand-500);--me-muted: var(--st-ink-600);--me-faint: var(--st-ink-400);--me-radius-sm: 8px;--me-radius: 12px;--me-radius-lg: 16px;--me-radius-pill: 999px;--me-w-web: 1280px;--me-shadow: 0 2px 6px rgba(43, 43, 47, .06), 0 14px 32px rgba(120, 108, 84, .14);--me-shadow-lg: 0 12px 32px rgba(43, 43, 47, .14);--me-hero: var(--me-card)}html{color-scheme:light}body{color:var(--st-ink-800);font-family:var(--me-font-body);background:linear-gradient(160deg,var(--st-cream-50),var(--st-sand-100));background-attachment:fixed}a{color:var(--st-sand-700)}a:hover{color:var(--st-ink-800)}.ic{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ic-sm{width:13px;height:13px}.layout{display:flex;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:248px;transform:translate(-100%);transition:transform .25s ease;display:flex;flex-direction:column;background:linear-gradient(#565450e6,#565450e6),url(/sidebar-photo.jpg) center/cover;border-right:1px solid #46443f;box-shadow:16px 0 48px #2b282473}.sidebar.open{transform:translate(0)}.sidebar-logo{display:flex;justify-content:center;padding:calc(20px + env(safe-area-inset-top)) 22px 26px}.sidebar-logo img{height:92px;width:auto;filter:brightness(0) invert(1);opacity:.9}.sidebar-kommun{display:flex;justify-content:center;padding:0 22px 16px}.sidebar-kommun img{max-width:150px;max-height:48px;object-fit:contain;background:#fff;border-radius:6px;padding:6px 10px}.brand-logo-preview{max-width:160px;max-height:52px;object-fit:contain;background:#fff;border:1px solid var(--me-line);border-radius:var(--me-radius-sm);padding:6px 10px}.side-nav{flex:1;padding:8px 12px;display:flex;flex-direction:column;overflow-y:auto}.side-nav a{position:relative;display:block;padding:11px 14px;border-radius:var(--me-radius-sm);color:#d8d3c9;font-size:.9rem;font-weight:400;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)}.side-nav a:hover{color:#fff}.side-nav a.aktiv{color:#fff;font-weight:600}.side-nav a.aktiv:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #d9d9d9}.sidebar-symbol{display:flex;justify-content:center;padding:10px 0 8px}.sidebar-symbol img{height:92px;width:auto;filter:brightness(0) invert(1);opacity:.42}.sidebar-foot{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:10px}.side-user{display:flex;align-items:center;gap:10px;padding:6px 4px}.side-user .avatar{width:34px;height:34px;border-radius:50%;background:var(--st-sand-300);color:var(--st-ink-900);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;flex:none}.side-user .namn{font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user .roll{font-size:.75rem;color:#c7c1b4}.side-logout{text-align:left;font-size:.8rem;color:#f0ece2;background:#ffffff24;border:none;border-radius:var(--me-radius-sm);padding:9px 12px;cursor:pointer;font-family:inherit;font-weight:500}.side-logout:hover{background:#ffffff38}.scrim{position:fixed;inset:0;background:#2b282480;z-index:30}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:60px;flex:none;display:flex;align-items:center;gap:12px;padding:0 16px;padding-top:env(safe-area-inset-top);background:#3c3733;border-bottom:1px solid #4a453e;justify-content:space-between;position:sticky;top:0;z-index:20}.topbar .hamb{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;background:none;border:none;color:#fff;cursor:pointer}.topbar .hamb svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.topbar .titel{position:absolute;left:50%;transform:translate(-50%);max-width:calc(100% - 140px);text-align:center;font-family:var(--me-font-display);font-size:.95rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.14em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .bell{margin-left:auto;width:36px;height:36px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center;color:#fff;flex:none}@media(min-width:960px){.sidebar{position:sticky;height:100dvh;top:0;transform:none}.scrim,.topbar .hamb{display:none}}.page{max-width:var(--me-container);margin:0 auto;padding:40px 40px 96px}@media(max-width:700px){.appbar{padding:12px var(--me-space-2)}.page{padding:var(--me-space-3) var(--me-space-2) var(--me-space-6)}}.sub{font-size:.875rem;color:var(--me-muted)}.hero{max-width:var(--me-container);margin:var(--me-space-3) auto 0;padding:clamp(28px,5vw,56px);border-radius:var(--me-radius);background:var(--me-card);border:1px solid var(--me-line);color:var(--st-obsidian);box-shadow:var(--me-shadow)}.eyebrow{display:inline-block;margin-bottom:var(--me-space-3);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--st-graphite)}.hero h1{margin:0 0 var(--me-space-2);max-width:18ch;font-size:clamp(2rem,5vw,3.1rem);font-weight:600;line-height:1.1;letter-spacing:-.01em;color:var(--st-green)}.hero p{margin:0 0 var(--me-space-4);max-width:46ch;font-size:1.125rem;line-height:1.55;color:var(--me-muted)}.actions{display:flex;gap:var(--me-space-2);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;height:44px;padding:0 20px;border-radius:var(--me-radius-sm);font:inherit;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:hover{transform:none}.btn-primary,.btn-brand{height:44px;background:var(--me-brand-solid);border-color:var(--me-brand-solid);color:#fff;box-shadow:none}.btn-primary:hover,.btn-brand:hover{background:var(--me-brand-strong);border-color:var(--me-brand-strong);color:#fff}.btn-secondary{height:44px;background:var(--me-card);border:1px solid var(--me-line-strong);color:var(--st-obsidian)}.btn-secondary:hover{background:#fff;border-color:var(--st-ash);color:var(--st-obsidian)}.btn-ghost{height:44px;background:transparent;color:var(--st-obsidian);border:1px solid transparent}.btn-ghost:hover{background:#ececeb;color:var(--st-obsidian)}.btn:disabled{opacity:.45;cursor:not-allowed}.back-link{display:inline-flex;align-items:center;gap:6px;margin:0 0 var(--me-space-3);color:var(--st-graphite);font-size:.875rem;font-weight:500;text-decoration:none}.back-link:hover{color:var(--st-obsidian)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--me-space-2);margin:0 0 var(--me-space-3)}.section-head h2{margin:0;font-size:1.5rem;font-weight:600}.course-list{display:grid;gap:var(--me-space-2)}@media(min-width:900px){.course-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(display-mode:standalone){.course-list{grid-template-columns:1fr}}.course-card{display:flex;align-items:center;justify-content:space-between;gap:var(--me-space-2);padding:var(--me-space-3);border-radius:var(--me-radius);background:var(--me-card);border:1px solid var(--me-line);box-shadow:var(--me-shadow);text-decoration:none;color:inherit;transition:box-shadow .2s ease}.course-card:hover{box-shadow:var(--me-shadow-lg)}.course-card .meta{display:flex;flex-direction:column;gap:4px}.course-card .title{font-weight:600;font-size:1.05rem}.course-card .sub{font-size:.875rem;color:var(--me-muted)}.status{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.status.publicerad{background:var(--me-good-bg);color:var(--me-good)}.status.granskning{background:var(--me-warn-bg);color:var(--me-warn)}.status.utkast{background:#f4f4f3;color:var(--st-graphite)}.form{display:grid;gap:var(--me-space-3);max-width:520px}.field{display:grid;gap:6px}.field>span{font-size:.875rem;font-weight:500;color:var(--me-muted)}.field input,.field select,.field textarea{font:inherit;font-size:.875rem;padding:10px 12px;border-radius:var(--me-radius-sm);border:1px solid var(--me-line);background:var(--st-white);color:var(--st-ink-900);resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--me-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--me-brand) 18%,transparent)}.row{display:grid;grid-template-columns:1fr 1fr;gap:var(--me-space-2)}.form .btn{justify-self:start}.quiz-alt{display:flex;align-items:center;gap:10px}.quiz-alt input[type=radio]{flex:0 0 auto;width:18px;height:18px;accent-color:var(--st-obsidian)}.quiz-alt input:not([type=radio]){flex:1;font:inherit;font-size:.875rem;padding:10px 12px;border-radius:var(--me-radius-sm);border:1px solid var(--me-line);background:var(--st-white);color:var(--st-ink-900)}.quiz-result{padding:10px 14px;border-radius:var(--me-radius-sm);font-weight:600}.stat-row{display:flex;gap:var(--me-space-2);margin-bottom:var(--me-space-4);flex-wrap:wrap}.stat{flex:1;min-width:150px;padding:var(--me-space-3);border-radius:var(--me-radius);background:var(--me-card);border:1px solid var(--me-line);box-shadow:var(--me-shadow)}.stat-num{font-size:2.2rem;font-weight:600;line-height:1;color:var(--st-green)}.stat .sub{margin-top:4px;font-size:.875rem;color:var(--me-muted)}.assign-row{display:flex;gap:var(--me-space-2);margin-bottom:var(--me-space-3)}.assign-select{flex:1;font:inherit;font-size:.875rem;padding:10px 12px;border-radius:var(--me-radius-sm);border:1px solid var(--me-line);background:var(--st-white);color:var(--st-ink-900)}.assign-select::placeholder{color:var(--st-ink-400)}.assign-select:focus{outline:none;border-color:var(--me-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--me-brand) 18%,transparent)}.kicker{display:block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--st-graphite);margin-bottom:8px}.chip{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;font-size:.875rem;font-weight:500;background:#fff;border:1px solid var(--me-line-strong);color:var(--me-muted);box-shadow:none}.chip .dot{width:6px;height:6px;border-radius:50%;background:var(--me-good)}.chip .dot.brand{background:var(--me-brand)}.chip .dot.muted{background:var(--st-ash)}.chip .dot.warn{background:var(--me-warn)}button.chip{font:inherit;cursor:pointer}.chip.aktiv{border-color:var(--st-graphite);background:var(--st-mist);color:var(--st-obsidian)}.mini-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--me-line-strong);background:var(--me-card-solid);color:var(--st-obsidian);cursor:pointer;font-size:.95rem;line-height:1}.mini-btn:hover:not(:disabled){border-color:var(--st-obsidian)}.mini-btn:disabled{opacity:.35;cursor:default}.mini-btn.danger{color:var(--me-danger)}.tbtn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:var(--me-radius-sm);border:1px solid var(--me-line-strong);background:var(--me-card-solid);color:var(--st-obsidian);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none}.tbtn:hover{border-color:var(--st-ash);background:#fff;color:var(--st-obsidian)}.tbtn.danger{color:var(--me-danger)}.tbtn.danger:hover{border-color:var(--me-danger);background:var(--me-danger-bg)}.bild-lista{display:flex;flex-wrap:wrap;gap:8px}.bild-tumnagel{width:84px;height:54px;object-fit:cover;border-radius:10px;border:1px solid var(--me-line)}.bild-rad{display:flex;align-items:center;gap:4px}.pv-banner{padding:10px 14px;border-radius:var(--me-radius-sm);background:var(--st-mist);border:1px solid var(--me-line-strong);font-weight:600;margin-bottom:var(--me-space-3)}.pv-bild{display:block;width:100%;border-radius:var(--me-radius-sm)}.pv-text{font-size:1.02rem;line-height:1.55}.pv-text p{margin:0 0 .9em}.pv-text h3{font-size:1.15rem;font-weight:600;margin:.5em 0 .3em}.pv-text ul{margin:0 0 .9em;padding-inline-start:1.4em}.pv-text li{margin-bottom:.3em}.pv-text strong{font-weight:600}.pv-bar{height:8px;border-radius:999px;background:var(--st-mist);overflow:hidden;margin-bottom:6px}.pv-fill{height:100%;background:var(--st-graphite);border-radius:999px;transition:width .3s ease}.pv-nav{display:flex;justify-content:space-between;gap:8px;margin-top:var(--me-space-3)}.pv-imgnav{display:flex;align-items:center;justify-content:center;gap:12px}.fel-banner{margin:var(--me-space-3) 0;padding:12px 14px;border-radius:var(--me-radius-sm);background:var(--me-danger-bg);border:1px solid color-mix(in srgb,var(--me-danger) 30%,var(--me-line));color:var(--me-danger);font-weight:600}.kurs-block{margin-bottom:var(--me-space-4);padding:32px;border-radius:var(--me-radius);background:var(--me-card);border:1px solid var(--me-line);box-shadow:var(--me-shadow)}.kurs-head{border-bottom:1px dashed var(--me-line-strong);padding-bottom:var(--me-space-2);margin-bottom:var(--me-space-3)}.kurs-nr{display:block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--st-graphite);margin-bottom:6px}.kurs-head h2{font-weight:600}.kapitel{padding:var(--me-space-4) 0;border-top:1px dashed var(--me-line-strong)}.kapitel:first-of-type{border-top:none;padding-top:var(--me-space-2)}.kap-titel{font-weight:600;font-size:var(--me-text-md);margin-bottom:var(--me-space-2)}.kap-bild{display:block;width:100%;max-width:420px;border-radius:10px;margin-bottom:8px}.bild-txt{font-size:.8rem;color:var(--me-faint);font-style:italic;margin-bottom:var(--me-space-2)}.kap-text{line-height:1.55;max-width:68ch}.kap-text p{margin:0 0 .9em}.kap-text p:last-child{margin-bottom:0}.kap-text h3{font-size:1.05rem;margin:.6em 0 .3em}.kap-text ul{margin:0 0 .8em;padding-inline-start:1.3em}.kap-text strong{font-weight:600}.prov{margin-top:var(--me-space-3);padding:var(--me-space-3);border-radius:var(--me-radius-sm);background:#f4f4f3;border:1px solid var(--me-line)}.prov-titel{font-weight:600;margin-bottom:var(--me-space-2)}.prov-fraga{padding:10px 0;border-top:1px solid var(--me-line)}.pf-head{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.pf-nr{font-weight:600;color:var(--me-faint)}.pf-typ{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.pf-enval,.pf-flerval{background:var(--st-mist);color:var(--st-graphite)}.pf-fritext{background:var(--me-warn-bg);color:var(--me-warn)}.pf-text{font-weight:600}.pf-alt{font-size:.875rem;color:var(--me-muted);padding:2px 0 2px 22px}.pf-alt.ratt{color:var(--me-good);font-weight:600}.pf-facit{padding-left:22px;font-style:italic}.modal-bg{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:var(--me-space-3);z-index:100}.modal{background:#fff;border-radius:var(--me-radius);box-shadow:var(--me-shadow-lg);padding:var(--me-space-4);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;display:grid;gap:var(--me-space-3)}.modal-head{display:flex;justify-content:space-between;align-items:center}.alt-rad{display:flex;align-items:center;gap:8px;margin-bottom:6px}.lib-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--me-space-3);flex-wrap:wrap;margin-bottom:var(--me-space-2)}.lib-intro{flex:1;min-width:min(100%,420px)}.lib-title{font-size:clamp(2.2rem,5vw,4rem);font-weight:600;letter-spacing:-.01em;line-height:1.1;text-wrap:balance;color:var(--st-green);margin:0 0 16px}.lib-lede{font-size:1.125rem;color:var(--me-muted);line-height:1.55;max-width:640px;margin:0}.lib-symbol{width:clamp(180px,26vw,400px);height:auto;flex-shrink:0;opacity:.7;margin-top:30px}@media(max-width:700px){.lib-symbol{display:none}}.lib-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}.stat-chips{display:flex;flex-wrap:wrap;gap:10px;margin:var(--me-space-4) 0}.u-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.u-card{display:flex;flex-direction:column;gap:14px;background:var(--st-sage);border:1px solid var(--me-line);border-radius:var(--me-radius);padding:var(--me-space-3);box-shadow:var(--me-shadow);text-decoration:none;color:inherit;transition:box-shadow .2s ease}.u-card:hover{box-shadow:var(--me-shadow-lg)}.u-card .kicker{margin-bottom:0}.u-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.u-card-title{font-size:1.375rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;text-wrap:balance;color:var(--st-green-ink);margin:0}.u-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.pill{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;color:var(--me-muted);background:#f4f4f3;border:1px solid var(--me-line);border-radius:999px;padding:5px 12px}.u-card-cta{display:inline-flex;align-items:center;gap:5px;padding-top:4px;font-size:.875rem;font-weight:600;color:var(--st-obsidian)}.u-empty{grid-column:1/-1;text-align:center;padding:var(--me-space-6) var(--me-space-3);border:1px dashed var(--me-line-strong);border-radius:var(--me-radius);color:var(--me-muted)}.u-empty-ic{font-size:2rem;margin-bottom:8px}.roll-val{display:flex;flex-wrap:wrap;gap:8px}.roll-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid var(--me-line-strong);background:#fff;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--me-muted);transition:border-color .15s ease,background .15s ease}.roll-chip.vald{border-color:var(--st-graphite);background:var(--st-mist);color:var(--st-obsidian)}.kap-bild-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;max-width:420px;min-height:150px;padding:var(--me-space-3);margin-bottom:8px;border-radius:10px;background:#f4f4f3;border:1px dashed var(--me-line-strong);color:var(--me-faint);text-align:center}.kap-bild-ph .ph-ic{font-size:1.6rem;opacity:.65}.kap-bild-ph .ph-txt{font-size:.875rem;line-height:1.4;max-width:34ch}.file-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--me-radius-sm);border:1px solid var(--me-line-strong);background:var(--me-card-solid);color:var(--st-obsidian);font-weight:600;font-size:.875rem;cursor:pointer}.file-btn:hover{border-color:var(--st-ash)}.roll-chip input{position:absolute;opacity:0;width:1px;height:1px}.roll-chip:has(input:focus-visible){outline:2px solid var(--st-obsidian);outline-offset:2px}.login-wrap{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:var(--me-space-4) var(--me-space-3)}.login-card{display:flex;flex-direction:column;width:100%;max-width:420px;padding:var(--me-space-4);border-radius:var(--me-radius-lg);background:#fff;border:1px solid var(--me-line);box-shadow:var(--me-shadow-lg)}.login-card .wordmark{display:inline-flex;align-items:center;margin-bottom:4px}.login-card .wordmark img{height:26px;width:auto;display:block}.login-title{margin:2px 0 8px;font-size:2rem;font-weight:600;letter-spacing:-.01em;color:var(--st-green)}.audit-rad{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-top:1px solid var(--me-line);font-size:.875rem}.audit-rad:first-child{border-top:none}.review-banner{padding:12px 16px;border-radius:var(--me-radius-sm);margin-bottom:var(--me-space-3);background:var(--me-warn-bg);border:1px solid color-mix(in srgb,var(--me-warn) 30%,var(--me-line));color:var(--me-warn);font-size:.875rem}.stat-tabell{margin-top:8px;padding:var(--me-space-3) var(--me-space-4);background:var(--me-card);border:1px solid var(--me-line);border-radius:var(--me-radius);box-shadow:var(--me-shadow);display:grid;gap:14px;margin-bottom:var(--me-space-4)}.stat-rad{display:grid;gap:4px}.stat-rad-titel{font-weight:600;font-size:.95rem}.stat-stapel-spar{height:12px;border-radius:4px;background:#f4f4f3;overflow:hidden}.stat-stapel{display:block;height:100%;background:var(--st-graphite);border-radius:0 4px 4px 0}.stat-rad-tal{font-size:.82rem;color:var(--me-muted)}.page .kicker{margin-top:var(--me-space-4)}.rapport-verktyg{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--me-space-3)}.rapport{max-width:820px;background:#fff;border:1px solid var(--me-line);border-radius:var(--me-radius);box-shadow:var(--me-shadow);padding:48px 56px}.rapport-huvud{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:2px solid var(--st-obsidian)}.rapport-kommun{font-weight:600;font-size:1.05rem}.rapport-titel{font-size:1.8rem;font-weight:600;letter-spacing:-.01em;color:var(--st-green);margin:4px 0 6px}.rapport-h2{font-size:1.05rem;font-weight:600;margin:28px 0 10px}.rapport-tabell{width:100%;border-collapse:collapse;font-size:.92rem}.rapport-tabell td{padding:8px 10px;border-bottom:1px solid var(--me-line)}.rapport-tabell td:last-child{text-align:right;font-weight:600;white-space:nowrap}.rapport-tabellhuvud td{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--st-graphite);border-bottom:1px solid var(--st-silver)}.rapport-tabellhuvud td:last-child{font-weight:600}.rapport-fot{margin-top:32px;padding-top:12px;border-top:1px solid var(--me-line);font-size:.78rem;color:var(--me-faint);line-height:1.5}@media print{.appbar,.rapport-verktyg{display:none!important}body{background:#fff!important}.page{padding:0}.rapport{border:none;box-shadow:none;padding:0;max-width:none}}.rapport-ifyll{font-weight:400!important;font-style:italic;color:var(--me-faint)}.glass{background:var(--me-card);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.55);border-radius:var(--me-radius-lg);box-shadow:var(--me-shadow)}.dash-greet{margin-bottom:24px}.dash-greet h1{font-family:var(--me-font-display);font-size:clamp(1.5rem,4vw,1.75rem);font-weight:700;color:var(--st-ink-900);margin:0;letter-spacing:-.01em}.dash-greet p{font-size:.95rem;color:var(--st-ink-600);margin:4px 0 0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:28px}.kpi{padding:18px}.kpi .label{font-size:.75rem;color:var(--st-ink-600);font-weight:500;line-height:1.3;min-height:30px}.kpi .val{font-family:var(--me-font-display);font-size:1.6rem;font-weight:700;color:var(--st-ink-900);margin-top:8px}.kpi .val.good{color:var(--me-good)}.kpi .val.warn{color:var(--me-warn)}.kpi .val.danger{color:var(--me-danger)}.dash-2{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}@media(min-width:860px){.dash-2{grid-template-columns:1.1fr 1fr;gap:24px}}.dash-card{padding:22px}.dash-card-title{font-family:var(--me-font-display);font-size:1.05rem;font-weight:600;color:var(--st-ink-900);margin:0 0 14px}.dash-card-sub{font-size:.82rem;color:var(--st-ink-600);margin:-10px 0 18px}.task-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;background:var(--st-cream-50);border:1px solid var(--me-line);border-radius:var(--me-radius);margin-bottom:10px}.task-row:last-child{margin-bottom:0}.task-row .txt{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--st-ink-800)}.task-dot{width:8px;height:8px;border-radius:50%;flex:none}.task-row .visa{font-size:.82rem;color:var(--st-sand-700);font-weight:500;white-space:nowrap}.bars{display:flex;align-items:flex-end;gap:8px;height:140px;padding:0 2px}.bars .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.bars .bar{width:100%;max-width:26px;border-radius:4px 4px 0 0;background:var(--st-sand-500)}.bars .bl{font-size:.7rem;color:var(--st-ink-600)}.bars-foot{display:flex;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid var(--me-line)}.bars-foot .fl{font-size:.72rem;color:var(--st-ink-600)}.bars-foot .fv{font-family:var(--me-font-display);font-size:1.25rem;font-weight:700;color:var(--st-ink-900)}.status.ok{background:var(--me-good-bg);color:var(--me-good)}.status.varn{background:var(--me-warn-bg);color:var(--me-warn)}.status.risk{background:var(--me-danger-bg);color:var(--me-danger)}.status.neutral{background:var(--st-sand-100);color:var(--st-sand-700)}.hero,.course-card,.stat,.u-card,.login-card{backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-color:#ffffff8c}.u-card{background:var(--me-card)}.u-card-title{font-family:var(--me-font-display)}.dtable-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.dtable{min-width:640px}.dtable .thead,.dtable .trow{display:grid;gap:16px;padding:14px 20px;align-items:center}.dtable .thead{background:var(--st-cream-50);border-bottom:1px solid var(--me-line);font-size:.72rem;font-weight:600;color:var(--st-ink-600);text-transform:uppercase;letter-spacing:.04em}.dtable .trow{border-bottom:1px solid var(--me-line);font-size:.82rem;color:var(--st-ink-700);cursor:pointer}.dtable .trow:hover{background:#fff6}.dtable .trow:last-child{border-bottom:none}.dtable .namn{font-weight:600;color:var(--st-ink-900)}a.dtable-link,.dtable a.trow{text-decoration:none}.dtable.delt .thead,.dtable.delt .trow{grid-template-columns:2fr 1.3fr 1fr}.delt-tabs{display:flex;gap:2px;border-bottom:1px solid var(--me-line);margin-bottom:var(--me-space-3)}.delt-tabs button{padding:12px 18px;border:none;background:none;font:inherit;font-size:.9rem;font-weight:500;color:var(--st-ink-600);cursor:pointer;border-bottom:2px solid transparent}.delt-tabs button.on{color:var(--st-ink-900);font-weight:600;border-bottom-color:var(--me-brand)}.delt-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:var(--me-space-3);flex-wrap:wrap}.delt-sok{flex:1;min-width:200px;max-width:360px}.delt-actions{display:flex;gap:10px;flex-shrink:0}.dtable.delt-full{min-width:980px}.dtable.delt-full .thead,.dtable.delt-full .trow{grid-template-columns:1.4fr .9fr 1fr 1.1fr 1.2fr .8fr 1.1fr}.dtable .mono{font-variant-numeric:tabular-nums;color:var(--st-ink-600)}.demo-hint{display:flex;flex-direction:column;gap:3px;margin-top:4px;padding:10px 14px;border-radius:var(--me-radius-sm);background:var(--me-warn-bg);border:1px dashed var(--me-warn);font-size:.82rem;color:var(--me-warn);text-align:center}.demo-hint code{font-weight:700;letter-spacing:.02em}.blk-editor{display:flex;flex-direction:column;gap:10px;margin-top:6px}.blk-rad{padding:10px 12px;border-radius:var(--me-radius-sm);background:var(--st-cream-50);border:1px solid var(--me-line)}.blk-rad-topp{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.blk-typ{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--me-brand)}.blk-verktyg{display:flex;gap:4px}.blk-rad textarea,.blk-rad input{width:100%;box-sizing:border-box}.blk-lagg{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.pill.kat{background:var(--st-sand-100);color:var(--st-sand-700);border-color:transparent;font-weight:600}.u-card-mal{margin:0;font-size:.875rem;line-height:1.5;color:var(--me-muted)}.u-card-fakta{display:flex;flex-wrap:wrap;gap:6px 20px;margin:4px 0 0}.u-card-fakta dt{font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--me-faint)}.u-card-fakta dd{margin:2px 0 0;font-size:.85rem;font-weight:600;color:var(--st-ink-800)}