:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#0b1220;background-color:var(--page-bg);--page-bg: #f8fafc;--surface: #ffffff;--border: rgba(2, 6, 23, .12);--muted: rgba(2, 6, 23, .62);--focus: #2563eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}button{border-radius:10px;border:1px solid var(--border);padding:10px 12px;font-size:14px;font-weight:600;font-family:inherit;background-color:var(--surface);cursor:pointer}button:hover{border-color:#02061733}button:focus,button:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 55%,transparent);outline-offset:2px}.layout{max-width:960px;margin:0 auto;padding:32px 20px}.layout[data-embed="1"]{padding:0;max-width:none}.layout[data-embed="1"] .content{padding:16px}.header{margin-bottom:20px;display:grid;gap:14px}.title{margin:0;font-size:28px;letter-spacing:-.01em}.subtitle{margin:6px 0 0;color:var(--muted);font-size:14px}.tenantBadge{margin-top:10px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface) 94%,#0b1220 6%)}.tenantBadgeValue{font-weight:700;color:#020617d1}.content{display:grid;gap:16px}.routeHeader{border-bottom:1px solid var(--border);padding-bottom:8px}.routeTitle{margin:0;font-size:20px;letter-spacing:-.01em}.routeSubtitle{margin:4px 0 0;color:var(--muted);font-size:14px}.topNav{display:flex;flex-wrap:wrap;gap:8px}.navLink{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:6px 12px;text-decoration:none;color:inherit;font-size:14px;font-weight:600;background:var(--surface)}.navLink:hover{border-color:#02061733}.navLink:focus,.navLink:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 55%,transparent);outline-offset:2px}.navLink[aria-current=page]{border-color:color-mix(in srgb,var(--focus) 35%,var(--border));background:color-mix(in srgb,var(--surface) 88%,#dbeafe 12%)}.card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:16px}.cardTitle{margin:0 0 12px;font-size:16px}.meta{margin:0 0 10px;color:var(--muted);font-size:13px}.statusRow{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface) 92%,#0b1220 8%)}.ok{color:#166534;font-weight:700}.error{color:#b91c1c;font-weight:700}.errorMsg{font-weight:600}.actions{margin-top:12px}.learningGrid{margin-top:12px;display:grid;gap:12px;grid-template-columns:minmax(220px,1fr) minmax(260px,1.3fr)}.courseGrid{margin-top:12px;display:grid;gap:12px;grid-template-columns:minmax(260px,1fr)}@media(min-width:980px){.courseGrid{grid-template-columns:340px minmax(0,1fr) 340px;align-items:start}}.guidesGrid{margin-top:12px;display:grid;gap:12px;grid-template-columns:minmax(220px,1fr) minmax(260px,1.3fr)}.learningPane{border:1px solid var(--border);border-radius:10px;padding:10px;background:color-mix(in srgb,var(--surface) 95%,#0b1220 5%)}.paneTitle{margin:0 0 8px;font-size:14px}.categoryTree,.courseList{margin:0;padding-left:12px;display:grid;gap:6px;list-style:none}.guideList{margin:0;padding-left:12px;display:grid;gap:6px}.treeButton,.courseSelect{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px 10px;text-align:left;background:var(--surface);font:inherit;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:8px}.treeButton[data-selected="1"]{border-color:color-mix(in srgb,var(--focus) 35%,var(--border));background:color-mix(in srgb,var(--surface) 88%,#dbeafe 12%)}.treeButton:hover,.courseSelect:hover{border-color:#02061740}.treeButton:focus,.treeButton:focus-visible,.courseSelect:focus,.courseSelect:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 55%,transparent);outline-offset:1px}.courseMeta{font-size:12px;color:var(--muted)}.authoringGrid{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.authoringForm{border:1px solid var(--border);border-radius:8px;padding:10px;display:grid;gap:8px}.authoringForm label{display:grid;gap:4px;font-size:13px;color:var(--muted)}.inlineRow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.inlineRow>input{flex:1 1 140px}.inlineRow>select{flex:1 1 140px}.authoringForm .checkboxRow{display:flex;align-items:center;gap:8px}.authoringForm input{border:1px solid var(--border);border-radius:6px;padding:7px 9px;font:inherit}.authoringForm textarea{border:1px solid var(--border);border-radius:6px;padding:7px 9px;font:inherit;min-height:72px;resize:vertical}.authoringForm select{border:1px solid var(--border);border-radius:6px;padding:7px 9px;font:inherit;background:var(--surface)}.authoringForm button{border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:var(--surface);font:inherit;cursor:pointer}.authoringForm button:hover{border-color:#02061740}.assetList{margin:0;padding-left:18px;display:grid;gap:4px}.kvList{display:grid;gap:8px}.kv{display:grid;grid-template-columns:180px 1fr;gap:10px;align-items:baseline}.kvKey{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;color:#0206179e}.kvVal{font-size:13px;word-break:break-word}@media(max-width:560px){.layout{padding:20px 14px}.header{gap:10px}.title{font-size:24px}.topNav{gap:6px}.navLink{font-size:13px;padding:6px 10px}.learningGrid,.guidesGrid,.kv{grid-template-columns:1fr}}
