:root{--lf-bg:#f5f7fb;--lf-surface:#fff;--lf-text:#162033;--lf-muted:#6b7280;--lf-border:#e5e7eb;--lf-accent:#5b46f6;--lf-accent2:#7c6cf7;--lf-success:#15803d;--lf-shadow:0 12px 35px rgba(20,30,55,.07)}
:root.lf-dark{--lf-bg:#0f1420;--lf-surface:#171d2b;--lf-text:#f3f5f9;--lf-muted:#aab2c2;--lf-border:#2b3445;--lf-accent:#8b7cff;--lf-accent2:#a69cff;--lf-shadow:0 12px 35px rgba(0,0,0,.3)}
*{box-sizing:border-box}.lf-app{min-height:100vh;background:var(--lf-bg);color:var(--lf-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.lf-app a{color:inherit;text-decoration:none}.lf-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--lf-surface);border-right:1px solid var(--lf-border);padding:28px 18px;display:flex;flex-direction:column;z-index:20}.lf-brand,.lf-logo{font-weight:900;letter-spacing:.08em;font-size:23px;padding:0 12px 30px}.lf-brand span,.lf-logo span{font-weight:500}.lf-sidebar nav{display:grid;gap:6px}.lf-nav{padding:12px 13px;border-radius:10px;color:var(--lf-muted);display:flex;gap:11px;align-items:center;font-size:18px}.lf-nav:hover,.lf-nav.lf-active{background:color-mix(in srgb,var(--lf-accent) 10%,transparent);color:var(--lf-text)}.lf-sidebar-bottom{margin-top:auto;border-top:1px solid var(--lf-border);padding:16px 12px;display:flex;align-items:center;justify-content:space-between;color:var(--lf-muted);font-size:17px}.lf-toggle{border:1px solid var(--lf-border);background:var(--lf-bg);color:var(--lf-text);border-radius:999px;width:42px;height:26px;cursor:pointer}.lf-main{margin-left:250px;min-height:100vh}.lf-topbar{height:76px;background:var(--lf-surface);border-bottom:1px solid var(--lf-border);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:15}.lf-search-wrap{position:relative;width:min(540px,60%)}.lf-search{position:relative}.lf-search input{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--lf-border);background:var(--lf-bg);border-radius:10px;color:var(--lf-text);outline:none}.lf-search>span{position:absolute;left:15px;top:10px;color:var(--lf-muted);z-index:1}.lf-search-results{position:absolute;top:48px;left:0;right:0;background:var(--lf-surface);border:1px solid var(--lf-border);border-radius:12px;box-shadow:var(--lf-shadow);overflow:hidden;z-index:30}.lf-search-results a,.lf-search-empty{display:block;padding:12px 15px;border-bottom:1px solid var(--lf-border)}.lf-search-results a:hover{background:var(--lf-bg)}.lf-search-results small{display:block;color:var(--lf-accent);text-transform:uppercase;font-size:14px;letter-spacing:.08em}.lf-search-results strong{display:block;margin-top:3px}.lf-user-wrap{position:relative}.lf-user-trigger{border:0;background:none;color:var(--lf-text);display:flex;gap:10px;align-items:center;cursor:pointer}.lf-avatar{width:36px;height:36px;border-radius:50%;background:var(--lf-accent);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:800}.lf-profile-menu{position:absolute;right:0;top:48px;width:250px;background:var(--lf-surface);border:1px solid var(--lf-border);border-radius:12px;box-shadow:var(--lf-shadow);padding:8px;z-index:50}.lf-profile-menu a{display:block;padding:11px;border-radius:8px}.lf-profile-menu a:hover{background:var(--lf-bg)}.lf-profile-head{padding:12px;border-bottom:1px solid var(--lf-border);margin-bottom:5px}.lf-profile-head strong,.lf-profile-head span{display:block}.lf-profile-head span{font-size:16px;color:var(--lf-muted);margin-top:3px}.lf-content{max-width:1250px;margin:auto;padding:42px 34px 80px}.lf-heading,.lf-hero,.lf-task-header{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:30px}.lf-eyebrow,.lf-kicker{font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--lf-accent);font-weight:800}.lf-heading h1,.lf-hero h1,.lf-task-header h1{font-size:42px;line-height:1.08;margin:6px 0 10px}.lf-heading p,.lf-hero p,.lf-task-header p{color:var(--lf-muted);margin:0}.lf-grid{display:grid;gap:20px}.lf-grid-main{grid-template-columns:2fr 1fr}.lf-span-2{grid-column:span 2}.lf-card{background:var(--lf-surface);border:1px solid var(--lf-border);border-radius:16px;box-shadow:var(--lf-shadow);padding:24px}.lf-card-head{display:flex;justify-content:space-between;align-items:center;color:var(--lf-muted);font-size:17px;margin-bottom:20px}.lf-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--lf-accent) 10%,transparent);color:var(--lf-accent);font-size:15px;font-weight:800;text-transform:capitalize}.lf-verified{color:var(--lf-success);background:rgba(21,128,61,.1)}.lf-simulation-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--lf-border);padding:20px 0}.lf-simulation-row h2{margin:4px 0 7px;font-size:24px}.lf-simulation-row p{margin:0;color:var(--lf-muted);font-size:17px}.lf-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:var(--lf-accent);color:#fff!important;border-radius:9px;padding:11px 16px;font-weight:750;cursor:pointer}.lf-button:disabled{opacity:.5;cursor:not-allowed}.lf-button-secondary{background:var(--lf-bg);color:var(--lf-text)!important;border:1px solid var(--lf-border)}.lf-list{margin:0;padding-left:20px;color:var(--lf-muted);line-height:2}.lf-empty{padding:35px;text-align:center;color:var(--lf-muted)}.lf-breadcrumb{margin-bottom:22px;color:var(--lf-muted);font-size:17px}.lf-hero{background:linear-gradient(135deg,var(--lf-surface),color-mix(in srgb,var(--lf-accent) 7%,var(--lf-surface)));border:1px solid var(--lf-border);border-radius:20px;padding:30px}.lf-progress-box{min-width:220px}.lf-progress-box strong{font-size:32px;display:block}.lf-progress-box span{color:var(--lf-muted);font-size:16px}.lf-progress{height:7px;background:var(--lf-border);border-radius:10px;overflow:hidden;margin-top:12px}.lf-progress i{height:100%;display:block;background:var(--lf-accent);border-radius:10px}.lf-tabs{display:flex;gap:25px;border-bottom:1px solid var(--lf-border);margin:0 0 22px}.lf-tabs a{padding:12px 2px;color:var(--lf-muted);font-size:17px}.lf-tabs a.active{color:var(--lf-text);font-weight:800;border-bottom:2px solid var(--lf-accent)}.lf-brief{margin-bottom:30px}.lf-richtext{line-height:1.75;color:var(--lf-text)}.lf-richtext h2,.lf-richtext h3{margin-top:28px}.lf-richtext table{width:100%;border-collapse:collapse;margin:18px 0}.lf-richtext th,.lf-richtext td{border:1px solid var(--lf-border);padding:9px;text-align:left}.lf-section-heading{margin:25px 0 12px}.lf-section-heading h2{margin:0 0 5px}.lf-section-heading p{margin:0;color:var(--lf-muted)}.lf-task-list{display:grid;gap:12px}.lf-task-card{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center;background:var(--lf-surface);border:1px solid var(--lf-border);border-radius:15px;padding:18px;transition:.15s}.lf-task-card:hover{transform:translateY(-1px);border-color:var(--lf-accent);box-shadow:var(--lf-shadow)}.lf-task-card.is-complete{border-color:rgba(21,128,61,.3)}.lf-task-number{width:42px;height:42px;border-radius:12px;background:var(--lf-bg);display:grid;place-items:center;font-weight:850}.lf-task-card.is-complete .lf-task-number{background:rgba(21,128,61,.1);color:var(--lf-success)}.lf-task-main h3{margin:4px 0 5px}.lf-task-main p,.lf-task-meta span{margin:0;color:var(--lf-muted);font-size:16px}.lf-task-meta{text-align:right;display:grid;gap:8px}.lf-task-meta strong{font-size:16px;color:var(--lf-accent)}.lf-status{padding:7px 10px;border-radius:999px;background:var(--lf-bg);color:var(--lf-muted);font-size:16px;font-weight:800}.lf-status.complete{background:rgba(21,128,61,.1);color:var(--lf-success)}.lf-workspace{display:grid;grid-template-columns:360px 1fr;gap:20px}.lf-task-rail{background:var(--lf-surface);border:1px solid var(--lf-border);border-radius:16px;padding:22px;height:max-content;position:sticky;top:100px}.lf-task-rail h3{font-size:16px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}.lf-task-rail .lf-richtext{font-size:18px}.lf-muted{color:var(--lf-muted);font-size:17px}.lf-work-area{min-width:0}.lf-work-area textarea{width:100%;min-height:430px;resize:vertical;border:0;outline:none;background:transparent;color:var(--lf-text);font:inherit;line-height:1.7}.lf-answer-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--lf-border);padding-top:15px;color:var(--lf-muted);font-size:16px}.lf-answer-footer>div{display:flex;gap:8px}.lf-message{margin-top:12px;padding:10px 12px;border-radius:9px;font-size:17px}.lf-message.success{background:rgba(21,128,61,.1);color:var(--lf-success)}.lf-message.error{background:rgba(185,28,28,.1);color:#b91c1c}.lf-task-nav{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.lf-table{width:100%;border-collapse:collapse}.lf-table th,.lf-table td{padding:14px;border-bottom:1px solid var(--lf-border);text-align:left;font-size:17px}.lf-table th{color:var(--lf-muted);font-size:15px;text-transform:uppercase;letter-spacing:.08em}.lf-stat{text-align:right}.lf-stat strong{display:block;font-size:36px}.lf-stat span{color:var(--lf-muted);font-size:16px}.lf-search-wide{display:flex;gap:10px;align-items:center;background:var(--lf-bg);border:1px solid var(--lf-border);border-radius:10px;padding:10px 13px;margin-bottom:15px}.lf-search-wide input{border:0;background:transparent;outline:none;color:var(--lf-text);width:100%}.lf-skill-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid var(--lf-border)}.lf-skill-row h3{margin:0 0 4px}.lf-skill-row p{margin:0;color:var(--lf-muted);font-size:16px}.lf-login{min-height:100vh;background:var(--lf-bg);display:grid;place-items:center;padding:30px}.lf-login-card{width:min(440px,100%);background:var(--lf-surface);padding:34px;border:1px solid var(--lf-border);border-radius:18px;box-shadow:var(--lf-shadow)}.lf-login-card h1{font-size:36px}.lf-login-card p{color:var(--lf-muted)}.lf-login-card input[type=text],.lf-login-card input[type=password]{width:100%;padding:11px;border:1px solid var(--lf-border);border-radius:8px}.lf-login-card input[type=submit]{width:100%;padding:12px;background:var(--lf-accent);color:#fff;border:0;border-radius:8px;cursor:pointer}@media(max-width:900px){.lf-sidebar{width:76px}.lf-brand{font-size:0}.lf-brand:first-letter{font-size:22px}.lf-nav span,.lf-sidebar-bottom span{display:none}.lf-sidebar{padding:24px 10px}.lf-main{margin-left:76px}.lf-grid-main,.lf-workspace{grid-template-columns:1fr}.lf-span-2{grid-column:auto}.lf-task-rail{position:static}.lf-hero{display:grid}.lf-progress-box{min-width:0}.lf-topbar{padding:0 16px}.lf-content{padding:28px 16px 60px}}@media(max-width:620px){.lf-topbar{height:64px}.lf-search-wrap{width:58%}.lf-user-trigger>span:not(.lf-avatar){display:none}.lf-heading h1,.lf-hero h1,.lf-task-header h1{font-size:32px}.lf-task-card{grid-template-columns:42px 1fr}.lf-task-meta{grid-column:2;text-align:left;display:flex;justify-content:space-between}.lf-answer-footer{align-items:stretch;flex-direction:column}.lf-answer-footer>div{width:100%;flex-direction:column}.lf-button{width:100%}.lf-tabs{overflow:auto;white-space:nowrap}}

.lf-response-view{padding:18px;border:1px solid rgba(120,130,150,.18);border-radius:14px;background:var(--lf-surface-soft,#f7f8fa);line-height:1.7}.lf-feedback-box{margin-top:10px;padding:16px;border-left:3px solid currentColor;border-radius:10px;background:var(--lf-surface-soft,#f7f8fa)}.lf-submission-detail{margin-top:22px}.lf-assessment-summary{margin-top:24px}


/* ============================================================
   LearnFlourish Core 0.6.8 - Complete Dark Mode UI Hotfix
   Builds on 0.6.7 routing fix.
   ============================================================ */

/* Design tokens */
:root,
.lf-app{
  --lf-bg:#f7f8fa;
  --lf-surface:#ffffff;
  --lf-surface-2:#f1f4f7;
  --lf-surface-3:#e8edf2;
  --lf-text:#17202b;
  --lf-text-secondary:#475467;
  --lf-text-muted:#667085;
  --lf-border:#dfe5eb;
  --lf-border-strong:#c9d2dc;
  --lf-input-bg:#ffffff;
  --lf-input-text:#17202b;
  --lf-input-placeholder:#98a2b3;
  --lf-link:#087f8c;
  --lf-primary:#0aa6a6;
  --lf-primary-hover:#078b8b;
  --lf-success:#16a34a;
  --lf-warning:#d97706;
  --lf-danger:#dc2626;
  --lf-shadow:0 8px 24px rgba(16,24,40,.08);
}

.lf-dark,
[data-theme="dark"],
[data-lf-theme="dark"]{
  --lf-bg:#0d131a;
  --lf-surface:#151c24;
  --lf-surface-2:#1c2530;
  --lf-surface-3:#25303c;
  --lf-text:#f2f4f7;
  --lf-text-secondary:#c5ced8;
  --lf-text-muted:#98a5b3;
  --lf-border:#303b47;
  --lf-border-strong:#44515f;
  --lf-input-bg:#101820;
  --lf-input-text:#f2f4f7;
  --lf-input-placeholder:#7f8b98;
  --lf-link:#55d6d6;
  --lf-primary:#20c4c4;
  --lf-primary-hover:#48d6d6;
  --lf-shadow:0 10px 28px rgba(0,0,0,.28);
  color-scheme:dark;
}

/* Application base */
.lf-dark,
.lf-dark .lf-app,
[data-theme="dark"] .lf-app,
[data-lf-theme="dark"] .lf-app{
  color:var(--lf-text);
  background:var(--lf-bg);
}

.lf-dark .lf-app a,
[data-theme="dark"] .lf-app a,
[data-lf-theme="dark"] .lf-app a{
  color:var(--lf-link);
}

.lf-dark .lf-app a:hover,
[data-theme="dark"] .lf-app a:hover,
[data-lf-theme="dark"] .lf-app a:hover{
  color:var(--lf-primary-hover);
}

/* Surfaces: cards, panels, workspace, case files, submissions, modals */
.lf-dark .lf-card,
.lf-dark .lf-panel,
.lf-dark .lf-modal,
.lf-dark .lf-case-file,
.lf-dark .lf-task,
.lf-dark .lf-submission,
.lf-dark .lf-workspace,
.lf-dark .lf-simulation,
.lf-dark .lf-simulation-card,
.lf-dark .lf-dashboard-card,
.lf-dark .lf-content-card,
[data-theme="dark"] .lf-card,
[data-theme="dark"] .lf-panel,
[data-theme="dark"] .lf-modal,
[data-theme="dark"] .lf-case-file,
[data-theme="dark"] .lf-task,
[data-theme="dark"] .lf-submission,
[data-theme="dark"] .lf-workspace{
  color:var(--lf-text);
  background:var(--lf-surface);
  border-color:var(--lf-border);
  box-shadow:var(--lf-shadow);
}

/* Typography and metadata */
.lf-dark .lf-card p,
.lf-dark .lf-panel p,
.lf-dark .lf-modal p,
.lf-dark .lf-case-file p,
.lf-dark .lf-task p,
.lf-dark .lf-submission p,
.lf-dark .lf-workspace p,
.lf-dark .lf-simulation p{
  color:var(--lf-text-secondary);
}
.lf-dark .lf-muted,
.lf-dark .lf-meta,
.lf-dark .lf-description,
.lf-dark .lf-empty-state,
.lf-dark .lf-help-text{
  color:var(--lf-text-muted);
}
.lf-dark h1,.lf-dark h2,.lf-dark h3,.lf-dark h4,.lf-dark h5,.lf-dark h6{
  color:var(--lf-text);
}

/* Sidebar / navigation */
.lf-dark .lf-sidebar,
.lf-dark .lf-sidepanel,
.lf-dark .lf-nav,
.lf-dark .lf-app-sidebar{
  color:var(--lf-text);
  background:var(--lf-surface);
  border-color:var(--lf-border);
}
.lf-dark .lf-sidebar a,
.lf-dark .lf-sidepanel a,
.lf-dark .lf-nav a{
  color:var(--lf-text-secondary);
}
.lf-dark .lf-sidebar a:hover,
.lf-dark .lf-sidebar a:focus,
.lf-dark .lf-sidebar a.active,
.lf-dark .lf-sidebar a[aria-current="page"],
.lf-dark .lf-sidepanel a:hover,
.lf-dark .lf-sidepanel a.active{
  color:var(--lf-text);
  background:var(--lf-surface-2);
}
.lf-dark .lf-sidebar .active,
.lf-dark .lf-sidepanel .active{
  border-color:var(--lf-primary);
}

/* Simulation UI */
.lf-dark .lf-simulation-title,
.lf-dark .lf-simulation-meta,
.lf-dark .lf-simulation-description,
.lf-dark .lf-role,
.lf-dark .lf-company,
.lf-dark .lf-estimated-time{
  color:var(--lf-text);
}
.lf-dark .lf-progress,
.lf-dark .lf-progress-track{
  background:var(--lf-surface-3);
}
.lf-dark .lf-progress-bar{
  background:var(--lf-primary);
}

/* Tasks */
.lf-dark .lf-task-title,
.lf-dark .lf-task-instructions,
.lf-dark .lf-task-content{
  color:var(--lf-text);
}
.lf-dark .lf-task-status,
.lf-dark .lf-status{
  border-color:var(--lf-border);
}
.lf-dark .lf-task + .lf-task,
.lf-dark .lf-task-list > * + *{
  border-color:var(--lf-border);
}

/* Case files */
.lf-dark .lf-case-file-title,
.lf-dark .lf-case-file-content,
.lf-dark .lf-case-file-meta{
  color:var(--lf-text);
}
.lf-dark .lf-case-file-content table,
.lf-dark .lf-case-file-content td,
.lf-dark .lf-case-file-content th{
  color:var(--lf-text);
  background:var(--lf-surface);
  border-color:var(--lf-border);
}
.lf-dark .lf-case-file-content th{
  background:var(--lf-surface-2);
}

/* Workspace / response area */
.lf-dark .lf-response,
.lf-dark .lf-response-section,
.lf-dark .lf-response-editor,
.lf-dark .lf-answer,
.lf-dark .lf-answer-area{
  color:var(--lf-text);
  background:var(--lf-surface);
  border-color:var(--lf-border);
}
.lf-dark .lf-response textarea,
.lf-dark .lf-response input,
.lf-dark .lf-response select,
.lf-dark .lf-response [contenteditable="true"],
.lf-dark .lf-task-response textarea,
.lf-dark .lf-task-response input,
.lf-dark .lf-task-response select,
.lf-dark .lf-task-response [contenteditable="true"],
.lf-dark .lf-answer textarea,
.lf-dark .lf-answer input,
.lf-dark .lf-answer [contenteditable="true"]{
  color:var(--lf-input-text) !important;
  background:var(--lf-input-bg) !important;
  border:1px solid var(--lf-border) !important;
  -webkit-text-fill-color:var(--lf-input-text);
}
.lf-dark .lf-response textarea::placeholder,
.lf-dark .lf-response input::placeholder,
.lf-dark .lf-task-response textarea::placeholder,
.lf-dark .lf-task-response input::placeholder{
  color:var(--lf-input-placeholder) !important;
  opacity:1;
}
.lf-dark .lf-response textarea:focus,
.lf-dark .lf-response input:focus,
.lf-dark .lf-response select:focus,
.lf-dark .lf-response [contenteditable="true"]:focus,
.lf-dark .lf-task-response textarea:focus,
.lf-dark .lf-task-response input:focus,
.lf-dark .lf-task-response [contenteditable="true"]:focus{
  color:var(--lf-input-text) !important;
  background:var(--lf-input-bg) !important;
  border-color:var(--lf-primary) !important;
  outline:2px solid rgba(32,196,196,.18);
  outline-offset:1px;
}

/* Generic form controls inside app */
.lf-dark .lf-app input,
.lf-dark .lf-app textarea,
.lf-dark .lf-app select{
  color:var(--lf-input-text);
  background:var(--lf-input-bg);
  border-color:var(--lf-border);
  color-scheme:dark;
}
.lf-dark .lf-app input::placeholder,
.lf-dark .lf-app textarea::placeholder{
  color:var(--lf-input-placeholder);
  opacity:1;
}
.lf-dark .lf-app input:disabled,
.lf-dark .lf-app textarea:disabled,
.lf-dark .lf-app select:disabled{
  color:var(--lf-text-muted);
  background:var(--lf-surface-2);
  opacity:.8;
}

/* Buttons and interaction states */
.lf-dark .lf-app button{
  color:var(--lf-text);
  border-color:var(--lf-border);
}
.lf-dark .lf-app button:hover{
  border-color:var(--lf-border-strong);
  background:var(--lf-surface-2);
}
.lf-dark .lf-app button:active{
  background:var(--lf-surface-3);
}
.lf-dark .lf-app button:disabled,
.lf-dark .lf-app button[disabled]{
  color:var(--lf-text-muted);
  opacity:.55;
  cursor:not-allowed;
}
.lf-dark .lf-app .lf-primary,
.lf-dark .lf-app .lf-btn-primary,
.lf-dark .lf-app button[type="submit"]{
  color:#061516;
  background:var(--lf-primary);
  border-color:var(--lf-primary);
}
.lf-dark .lf-app .lf-primary:hover,
.lf-dark .lf-app .lf-btn-primary:hover,
.lf-dark .lf-app button[type="submit"]:hover{
  background:var(--lf-primary-hover);
  border-color:var(--lf-primary-hover);
}

/* Badges / status */
.lf-dark .lf-badge,
.lf-dark .lf-status-badge,
.lf-dark .lf-tag{
  color:var(--lf-text);
  background:var(--lf-surface-2);
  border-color:var(--lf-border);
}

/* Admin review / assessment */
.lf-dark .lf-assessment,
.lf-dark .lf-assessment-panel,
.lf-dark .lf-rubric,
.lf-dark .lf-rubric-item,
.lf-dark .lf-score,
.lf-dark .lf-feedback{
  color:var(--lf-text);
  background:var(--lf-surface);
  border-color:var(--lf-border);
}
.lf-dark .lf-score input,
.lf-dark .lf-feedback textarea{
  color:var(--lf-input-text) !important;
  background:var(--lf-input-bg) !important;
}

/* Alerts / notices / empty states */
.lf-dark .lf-notice,
.lf-dark .lf-alert,
.lf-dark .lf-success,
.lf-dark .lf-error,
.lf-dark .lf-warning{
  color:var(--lf-text);
  background:var(--lf-surface-2);
  border-color:var(--lf-border);
}
.lf-dark .lf-success{border-left:3px solid var(--lf-success);}
.lf-dark .lf-warning{border-left:3px solid var(--lf-warning);}
.lf-dark .lf-error{border-left:3px solid var(--lf-danger);}

/* Modals */
.lf-dark .lf-modal-backdrop{
  background:rgba(0,0,0,.68);
}
.lf-dark .lf-modal{
  color:var(--lf-text);
  background:var(--lf-surface);
}

/* Focus visibility */
.lf-dark .lf-app a:focus-visible,
.lf-dark .lf-app button:focus-visible,
.lf-dark .lf-app input:focus-visible,
.lf-dark .lf-app textarea:focus-visible,
.lf-dark .lf-app select:focus-visible,
.lf-dark .lf-app [contenteditable="true"]:focus-visible{
  outline:2px solid var(--lf-primary);
  outline-offset:2px;
}

/* Selection and caret */
.lf-dark .lf-app ::selection{
  color:#061516;
  background:var(--lf-primary);
}
.lf-dark .lf-app textarea,
.lf-dark .lf-app input,
.lf-dark .lf-app [contenteditable="true"]{
  caret-color:var(--lf-primary);
}

/* Images/icons that are intentionally SVG-based should remain visible */
.lf-dark .lf-app svg{
  color:currentColor;
}

/* ============================================================
   LearnFlourish Core 0.6.9 - Assessment & Feedback Layer
   ============================================================ */
.lf-feedback-section{margin-top:22px}
.lf-feedback-section h4,.lf-feedback-rubric h4{margin:0 0 10px;color:var(--lf-text)}
.lf-feedback-box{padding:16px;border:1px solid var(--lf-border);border-radius:12px;background:var(--lf-surface-2);color:var(--lf-text-secondary);line-height:1.65}
.lf-feedback-rubric{margin-top:20px}
.lf-feedback-rubric .lf-table{margin-top:10px}
.lf-feedback-rubric .lf-table td,.lf-feedback-rubric .lf-table th{border-color:var(--lf-border)}
.lf-dark .lf-feedback-box{background:var(--lf-surface-2);color:var(--lf-text-secondary)}


/* =========================================================
   LearnFlourish UI Shell 0.1.0
   BuddyBoss-inspired application UX.
   Presentation layer only: simulation/data logic unchanged.
   ========================================================= */

:root{
  --lf-brand:#12b8b0;
  --lf-brand-dark:#0b8f89;
  --lf-bg:#f5f7f8;
  --lf-surface:#fff;
  --lf-surface-2:#f0f4f5;
  --lf-text:#172126;
  --lf-muted:#66757d;
  --lf-border:#dfe7e9;
  --lf-success:#16855b;
  --lf-warning:#a36a00;
  --lf-danger:#c74343;
  --lf-radius:16px;
  --lf-shadow:0 8px 30px rgba(20,40,45,.07);
}

/* App shell */
.lf-app{
  background:var(--lf-bg)!important;
  color:var(--lf-text);
}
.lf-app .lf-card,
.lf-app .lf-progress-card,
.lf-app .lf-report-summary>div,
.lf-app .lf-report-hero{
  background:var(--lf-surface);
  color:var(--lf-text);
  border:1px solid var(--lf-border);
  border-radius:var(--lf-radius);
  box-shadow:var(--lf-shadow);
}
.lf-app .lf-sidebar{
  background:var(--lf-surface);
  border-right:1px solid var(--lf-border);
}
.lf-app .lf-nav{
  color:var(--lf-muted);
  border-radius:12px;
  margin:3px 10px;
  transition:all .18s ease;
}
.lf-app .lf-nav:hover{
  background:var(--lf-surface-2);
  color:var(--lf-text);
  transform:translateX(2px);
}
.lf-app .lf-nav.active,
.lf-app .lf-nav[aria-current="page"]{
  background:rgba(18,184,176,.12);
  color:var(--lf-brand-dark);
  font-weight:750;
}
.lf-app .lf-topbar{
  background:var(--lf-surface);
  border-bottom:1px solid var(--lf-border);
}

/* Typography */
.lf-app h1,.lf-app h2,.lf-app h3,.lf-app h4{
  color:var(--lf-text);
}
.lf-app .lf-eyebrow{
  color:var(--lf-brand-dark);
  font-size:0.97rem;
  font-weight:800;
  letter-spacing:.09em;
}

/* Buttons */
.lf-app .lf-button{
  min-height:42px;
  padding:10px 16px;
  border-radius:11px;
  background:var(--lf-brand);
  color:#fff!important;
  font-weight:750;
  border:0;
  box-shadow:0 5px 16px rgba(18,184,176,.20);
  transition:all .18s ease;
}
.lf-app .lf-button:hover{
  background:var(--lf-brand-dark);
  transform:translateY(-1px);
}
.lf-app .lf-button-secondary{
  background:var(--lf-surface-2);
  color:var(--lf-text)!important;
  border:1px solid var(--lf-border);
  box-shadow:none;
}

/* Data / evidence */
.lf-app .lf-table{
  color:var(--lf-text);
  border-color:var(--lf-border);
}
.lf-app .lf-table th{
  background:var(--lf-surface-2);
  color:var(--lf-muted);
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:0.99rem;
}
.lf-app .lf-table th,
.lf-app .lf-table td{
  border-bottom:1px solid var(--lf-border);
}
.lf-app .lf-progress-track{
  background:var(--lf-surface-2)!important;
  height:9px!important;
  border-radius:999px;
  overflow:hidden;
}
.lf-app .lf-progress-track span{
  background:var(--lf-brand)!important;
  border-radius:999px;
}
.lf-app .lf-state-badge{
  background:var(--lf-surface-2);
  color:var(--lf-text);
  border:1px solid var(--lf-border);
}
.lf-app .lf-report-note{
  background:var(--lf-surface-2);
  border-left-color:var(--lf-brand);
}

/* Forms */
.lf-app input,
.lf-app textarea,
.lf-app select{
  background:var(--lf-surface)!important;
  color:var(--lf-text)!important;
  border:1px solid var(--lf-border)!important;
  border-radius:11px!important;
}
.lf-app input::placeholder,
.lf-app textarea::placeholder{
  color:var(--lf-muted)!important;
}

/* Mobile app feel */
@media(max-width:900px){
  .lf-app .lf-sidebar{width:76px}
  .lf-app .lf-nav span{display:none}
}
@media(max-width:640px){
  .lf-app .lf-sidebar{
    width:100%;
    height:auto;
    position:fixed;
    left:0;right:0;bottom:0;top:auto;
    z-index:9999;
    display:flex;
    overflow-x:auto;
    border-right:0;
    border-top:1px solid var(--lf-border);
  }
  .lf-app .lf-nav{
    min-width:72px;
    justify-content:center;
  }
  .lf-app .lf-main{
    padding-bottom:92px!important;
  }
}

/* Dark-mode-safe tokens */
[data-theme="dark"] .lf-app,
.dark-mode .lf-app{
  --lf-bg:#101618;
  --lf-surface:#172022;
  --lf-surface-2:#1d292b;
  --lf-text:#edf5f5;
  --lf-muted:#aab9bb;
  --lf-border:#2b393b;
  --lf-shadow:0 10px 30px rgba(0,0,0,.24);
}

/* 0.6.16 BuddyBoss bridge + portfolio */
.lf-avatar-photo{overflow:hidden;padding:0;background:transparent!important}.lf-avatar-photo img{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}.lf-portfolio-item{border-top:1px solid var(--lf-border);padding:22px 0}.lf-portfolio-item:first-of-type{border-top:0}.lf-portfolio-item-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.lf-portfolio-item h3{margin:5px 0 4px}.lf-portfolio-item p{margin:0;color:var(--lf-muted);font-size:17px}.lf-portfolio-score{text-align:right}.lf-portfolio-score strong{font-size:32px}.lf-portfolio-score span{color:var(--lf-muted);font-size:16px}.lf-portfolio-meta{display:flex;gap:16px;color:var(--lf-muted);font-size:16px;margin:14px 0}.lf-table-wrap{overflow:auto}.lf-bb-compat .lf-topbar,.lf-bb-compat .lf-sidebar{z-index:1000}

.lf-case-files{margin-top:22px;padding-top:20px;border-top:1px solid var(--lf-border)}
.lf-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lf-asset-card{border:1px solid var(--lf-border);border-radius:14px;padding:16px;background:var(--lf-surface)}
.lf-asset-card h3{margin:5px 0 7px}
.lf-task-resources{display:grid;gap:9px}
.lf-resource-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 11px;border:1px solid var(--lf-border);border-radius:10px;background:var(--lf-surface)}
.lf-resource-row small{display:block;color:var(--lf-muted);margin-top:3px}
.lf-resource-row a{font-weight:750;text-decoration:none}
@media(max-width:760px){.lf-asset-grid{grid-template-columns:1fr}}

.lf-interactions{margin:16px 0}
.lf-interaction-list{display:grid;gap:12px}
.lf-interaction{padding:15px;border:1px solid var(--lf-border);border-radius:13px;background:var(--lf-surface)}
.lf-interaction-meta{display:flex;gap:10px;align-items:center;color:var(--lf-muted);font-size:16px;font-weight:650;margin-bottom:8px}
.lf-interaction-channel{padding:4px 8px;border-radius:999px;background:var(--lf-surface-2);border:1px solid var(--lf-border);font-size:15px;text-transform:uppercase;letter-spacing:.04em}
.lf-interaction h3{margin:0 0 8px}

.lf-decisions{margin:16px 0}.lf-decision-type{font-size:15px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;opacity:.7}.lf-decision-options{display:grid;gap:8px;margin:14px 0}.lf-decision-choice{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--lf-border);border-radius:10px;cursor:pointer}.lf-decision-choice:hover{border-color:currentColor}.lf-rationale-label{display:block;font-weight:650}.lf-rationale-label textarea{display:block;width:100%;margin-top:6px}.lf-decision-result{margin-top:12px;padding:12px;border-radius:10px;background:var(--lf-surface-2)}

.lf-evidence-releases{margin:16px 0}.lf-evidence-release{padding:14px 0;border-top:1px solid var(--lf-border)}.lf-evidence-release:first-of-type{border-top:0}.lf-evidence-release h3{margin:0 0 8px}

.lf-investigation-actions{margin:16px 0}.lf-investigation-action{padding:14px 0;border-top:1px solid var(--lf-border)}.lf-investigation-action:first-of-type{border-top:0}.lf-investigation-response{margin-top:12px;padding:12px;border-radius:10px;background:var(--lf-surface-2)}
.lf-investigation-actions{margin:16px 0}.lf-investigation-action{padding:16px 0;border-top:1px solid var(--lf-border,#e5e7eb)}.lf-investigation-action:first-of-type{border-top:0}.lf-investigation-response{margin-top:12px;padding:12px;border-radius:10px;background:var(--lf-surface-2,#f5f7fa)}

/* 0.7.9 employer/learner navigation */
.lf-app .lf-sidebar-section-label{
  padding:8px 12px 5px;
  color:var(--lf-muted);
  font-size:14px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.lf-app .lf-sidebar-nav{display:grid;gap:6px}
.lf-app .lf-sidebar-nav .lf-nav{margin:0 0 0 10px}
@media(max-width:900px){
  .lf-app .lf-sidebar-section-label{display:none}
  .lf-app .lf-sidebar-nav{display:grid;gap:4px}
  .lf-app .lf-sidebar-nav .lf-nav{margin:3px 10px}
}
@media(max-width:640px){
  .lf-app .lf-sidebar-nav{display:flex;gap:4px;align-items:center}
  .lf-app .lf-sidebar-nav .lf-nav{margin:3px 0}
}

/* 0.8.0 employer workspace */
.lf-employer-search{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;align-items:center}
.lf-employer-search input{min-width:0;padding:12px 14px;border:1px solid rgba(127,127,127,.22);border-radius:10px;background:inherit;color:inherit}
.lf-employer-filter-links{display:flex;gap:18px;margin-top:14px;font-size:1.17rem}.lf-employer-filter-links a{text-decoration:none;opacity:.7;font-weight:700}.lf-employer-filter-links a.is-active{opacity:1}
@media(max-width:900px){.lf-employer-search{grid-template-columns:1fr}.lf-employer-search .lf-button{width:100%}}

/* LearnFlourish Core 0.9.1 — Career Product Layer */
.lf-register-page,.lf-pending-page{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(circle at top right,rgba(23,190,187,.16),transparent 38%),#f6fafb}
.lf-register-card{width:min(760px,100%);background:#fff;border:1px solid rgba(12,45,58,.08);border-radius:24px;padding:38px;box-shadow:0 24px 70px rgba(11,49,62,.10)}
.lf-register-card .lf-brand{font-weight:900;letter-spacing:-.04em;font-size:26px;margin-bottom:30px}.lf-register-card .lf-brand span{color:#13b8b1}.lf-register-card h1{font-size:40px;line-height:1.05;margin:8px 0 12px}.lf-register-card p{color:#60717b;line-height:1.65}.lf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.lf-form-grid label{font-size:17px;font-weight:800;color:#20343e}.lf-form-grid input,.lf-form-grid select{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #dce6e9;border-radius:12px;background:#fff;color:#18323d;box-sizing:border-box}.lf-button-wide{width:100%;justify-content:center}.lf-form-error{padding:12px 14px;border-radius:12px;background:#fff1f1;color:#a52b2b;font-weight:700}.lf-register-switch{text-align:center;margin-top:20px}.lf-register-switch a{font-weight:800;color:#079f99}.lf-register-success{text-align:center}.lf-success-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#e4faf7;color:#079f99;font-size:32px;font-weight:900}.lf-login-register-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.lf-login-register-links a{padding:11px 14px;border:1px solid rgba(19,184,177,.25);border-radius:11px;text-align:center;text-decoration:none;font-weight:800;color:#087f7a;background:#f5fffe}
.lf-dashboard-v2 .lf-dashboard-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:20px}.lf-dashboard-v2 .lf-dashboard-hero h1{font-size:clamp(34px,4vw,50px);letter-spacing:-.04em;margin:4px 0 8px}.lf-career-score{min-width:130px;text-align:center;padding:18px;border-radius:20px;background:linear-gradient(135deg,#073b4c,#0e7772);color:#fff;box-shadow:0 16px 35px rgba(7,59,76,.18)}.lf-career-score strong{display:block;font-size:38px}.lf-career-score span{font-size:16px;opacity:.8}.lf-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.lf-metric-grid .lf-card strong{display:block;font-size:34px;margin:7px 0}.lf-metric-grid .lf-card span{font-size:15px;font-weight:900;letter-spacing:.12em;color:#6d7d85}.lf-metric-grid .lf-card small{color:#71818a}.lf-continue-card{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px;padding:26px}.lf-continue-card h2{font-size:29px;margin:4px 0}.lf-bar{height:8px;background:#e7eff0;border-radius:999px;overflow:hidden;margin:15px 0 7px}.lf-bar i{display:block;height:100%;background:linear-gradient(90deg,#13b8b1,#087f7a);border-radius:inherit}.lf-recommend-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf2f3;text-decoration:none;color:inherit}.lf-recommend-row:last-child{border-bottom:0}.lf-recommend-row small{display:block;color:#77878f;margin-top:3px}.lf-recommend-row b{color:#079f99}
.lf-achievement-grid,.lf-opportunity-grid,.lf-simulation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lf-achievement-card{display:flex;gap:16px;padding:22px;border:1px solid #e3eaec;border-radius:18px;background:#fff;opacity:.65}.lf-achievement-card.is-unlocked{opacity:1;border-color:rgba(19,184,177,.3);box-shadow:0 12px 35px rgba(12,72,80,.06)}.lf-achievement-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eef3f4;font-weight:900;font-size:24px}.lf-achievement-card.is-unlocked .lf-achievement-icon{background:#e2faf7;color:#079f99}.lf-opportunity-card h2{font-size:25px;line-height:1.2}.lf-opportunity-card p{color:#71818a;line-height:1.55}.lf-sim-card{overflow:hidden;border:1px solid #e2eaec;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(15,56,67,.06)}.lf-sim-cover{min-height:125px;padding:20px;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(135deg,#073b4c,#0d8b85);color:#fff}.lf-sim-cover span{font-weight:900}.lf-sim-cover strong{font-size:15px;padding:6px 9px;border-radius:99px;background:rgba(255,255,255,.15)}.lf-sim-body{padding:22px}.lf-sim-body h2{margin:6px 0}.lf-sim-body p{color:#71818a;line-height:1.55}.lf-sim-meta{display:flex;gap:18px;font-size:16px;font-weight:800;color:#71818a;margin:15px 0}.lf-career-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:25px}.lf-career-hero h2{font-size:34px;margin:4px 0}.lf-career-skill{margin:16px 0}.lf-career-skill>div:first-child{display:flex;justify-content:space-between;gap:15px;font-size:17px}.lf-career-skill span{color:#7b8a91}.lf-career-skill .lf-bar{margin:8px 0 0;height:7px}.lf-profile-hero{display:flex;align-items:center;gap:20px;margin-bottom:18px;padding:25px}.lf-profile-avatar img{border-radius:50%}.lf-profile-hero h1{margin:4px 0}.lf-profile-score{margin-left:auto;text-align:center}.lf-profile-score strong{font-size:34px;display:block}.lf-profile-fields{display:grid;grid-template-columns:1fr 1fr}.lf-profile-fields>div{padding:15px;border-bottom:1px solid #edf2f3}.lf-profile-fields span{display:block;color:#7b8a91;font-size:16px;margin-bottom:5px}.lf-profile-stat{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #edf2f3}.lf-profile-stat strong{font-size:29px}.lf-profile-stat span{color:#71818a}
@media(max-width:1000px){.lf-metric-grid{grid-template-columns:1fr 1fr}.lf-achievement-grid,.lf-opportunity-grid,.lf-simulation-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.lf-form-grid,.lf-login-register-links,.lf-metric-grid,.lf-achievement-grid,.lf-opportunity-grid,.lf-simulation-grid{grid-template-columns:1fr}.lf-register-card{padding:25px}.lf-register-card h1{font-size:33px}.lf-dashboard-v2 .lf-dashboard-hero,.lf-continue-card,.lf-career-hero,.lf-profile-hero{align-items:flex-start;flex-direction:column}.lf-profile-score{margin-left:0}.lf-profile-fields{grid-template-columns:1fr}.lf-career-score{width:100%;box-sizing:border-box}}

/* ==========================================================
   LearnFlourish 0.9.2 — Premium Career Product UI
   Inspired by the approved LearnFlourish auth/product mockup.
   ========================================================== */
:root{--lf-teal:#13b8b1;--lf-teal-dark:#087f7a;--lf-navy:#06283b;--lf-ink:#15243a;--lf-soft:#f5fbfb;--lf-line:#dfeaec;--lf-shadow-premium:0 18px 50px rgba(7,52,66,.08)}
body:has(.lf-auth-shell),body:has(.lf-register-shell){background:#f7fbfc!important}
.lf-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,31%) minmax(0,69%);background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--lf-ink)}
.lf-auth-brand-panel{position:relative;overflow:hidden;padding:38px 46px;background:linear-gradient(160deg,#078f9c 0%,#006a76 45%,#063a50 100%);color:#fff;display:flex;flex-direction:column;min-height:100vh}
.lf-auth-brand-panel:before,.lf-auth-brand-panel:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.18}.lf-auth-brand-panel:before{width:380px;height:380px;right:-220px;top:18%;background:#5ee6df}.lf-auth-brand-panel:after{width:260px;height:260px;left:-170px;bottom:8%;background:#fff}
.lf-auth-brand,.lf-auth-brand-mobile{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-.03em;position:relative;z-index:1}.lf-auth-brand strong,.lf-auth-brand-mobile strong{font-weight:800}.lf-brand-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#fff;color:var(--lf-teal-dark);font-weight:950;font-size:15px;box-shadow:0 7px 18px rgba(0,0,0,.12)}
.lf-auth-brand-copy{margin:auto 0;max-width:360px;position:relative;z-index:1}.lf-auth-kicker{font-size:14px;letter-spacing:.15em;font-weight:900;opacity:.78}.lf-auth-brand-copy h1{font-size:46px;letter-spacing:-.05em;line-height:1;margin:14px 0 12px;color:#fff}.lf-auth-brand-copy>p{font-size:20px;line-height:1.65;color:rgba(255,255,255,.82)}.lf-auth-benefits{display:grid;gap:22px;margin-top:40px}.lf-auth-benefits>div{display:flex;gap:14px;align-items:flex-start}.lf-auth-benefit-icon{width:40px;height:40px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.09);display:grid;place-items:center;font-weight:900}.lf-auth-benefits strong,.lf-auth-benefits small{display:block}.lf-auth-benefits strong{font-size:18px}.lf-auth-benefits small{font-size:16px;line-height:1.5;color:rgba(255,255,255,.68);margin-top:3px}.lf-auth-quote{position:relative;z-index:1;font-size:16px;font-weight:800;opacity:.78;padding-top:25px;border-top:1px solid rgba(255,255,255,.2)}
.lf-auth-form-panel{display:flex;align-items:center;justify-content:center;background:#fff;padding:38px}.lf-auth-form-inner{width:min(620px,100%)}.lf-auth-logo-mobile{display:none}.lf-auth-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:28px}.lf-auth-top h2{font-size:34px;letter-spacing:-.04em;margin:0 0 7px}.lf-auth-top p,.lf-auth-register{font-size:16px;color:#71818a;margin:0;line-height:1.5}.lf-auth-register a,.lf-register-header a,.lf-register-switch a{color:var(--lf-teal-dark);font-weight:850}.lf-auth-tabs{display:flex;border-bottom:1px solid var(--lf-line);margin-bottom:18px}.lf-auth-tabs button{border:0;background:transparent;color:#7b8a91;padding:12px 22px;font-weight:850;cursor:pointer;position:relative}.lf-auth-tabs button.is-active{color:var(--lf-teal-dark)}.lf-auth-tabs button.is-active:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:3px;border-radius:3px;background:var(--lf-teal)}.lf-auth-context{display:flex;flex-direction:column;gap:3px;padding:13px 15px;background:#f1fbfa;border:1px solid #d8f2f0;border-radius:12px;margin-bottom:18px}.lf-auth-context strong{font-size:17px}.lf-auth-context span{font-size:16px;color:#71818a}.lf-login-form{display:grid;gap:17px}.lf-login-form>label,.lf-registration-form label{display:block;font-size:16px;font-weight:850;color:#243746}.lf-login-form input[type=text],.lf-login-form input[type=password],.lf-registration-form input,.lf-registration-form select{display:block;width:100%;height:47px;margin-top:7px;border:1px solid #dce6e9;border-radius:10px;background:#fff;color:#15243a;padding:0 14px;outline:none;transition:.2s;box-shadow:0 2px 8px rgba(12,49,58,.025)}.lf-login-form input:focus,.lf-registration-form input:focus,.lf-registration-form select:focus{border-color:#16b8b2;box-shadow:0 0 0 4px rgba(19,184,177,.10)}.lf-password-wrap{position:relative}.lf-password-wrap input{padding-right:48px!important}.lf-password-wrap button{position:absolute;right:7px;top:14px;border:0;background:transparent;color:#7b8a91;cursor:pointer}.lf-login-options{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#6f7f87}.lf-login-options a{color:var(--lf-teal-dark);font-weight:800}.lf-check{display:flex!important;align-items:center;gap:7px!important;font-weight:600!important}.lf-check input{width:17px!important;height:17px!important;margin:0!important}.lf-auth-submit{height:48px;border-radius:10px;background:linear-gradient(135deg,#10bcb6,#08a5a1);box-shadow:0 10px 24px rgba(8,165,161,.2);font-size:17px}.lf-auth-submit span{margin-left:auto;font-size:21px}.lf-auth-divider{display:flex;align-items:center;gap:12px;margin:26px 0 15px;color:#94a0a5;font-size:15px}.lf-auth-divider:before,.lf-auth-divider:after{content:"";height:1px;background:#e5edef;flex:1}.lf-auth-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lf-auth-choice-grid a{position:relative;border:1px solid #dfe9eb;border-radius:12px;padding:14px 36px 14px 15px;transition:.2s}.lf-auth-choice-grid a:hover{transform:translateY(-2px);border-color:#9ededa;box-shadow:var(--lf-shadow-premium)}.lf-auth-choice-grid strong,.lf-auth-choice-grid small{display:block}.lf-auth-choice-grid strong{font-size:16px}.lf-auth-choice-grid small{color:#7b8a91;font-size:14px;margin-top:3px}.lf-auth-choice-grid span{position:absolute;right:13px;top:20px;color:var(--lf-teal-dark);font-weight:900}.lf-auth-trust{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 10px;align-items:center;border-top:1px solid #edf2f3;margin-top:28px;padding-top:18px;color:#0a8e8a}.lf-auth-trust strong,.lf-auth-trust small{display:block}.lf-auth-trust strong{font-size:14px;color:#30444f}.lf-auth-trust small{font-size:13px;color:#829097;line-height:1.35;margin-top:2px}.lf-auth-footer{font-size:13px;color:#a0aaae;display:flex;gap:15px;justify-content:center;margin-top:26px}.lf-form-error{margin-bottom:15px}
.lf-register-shell{min-height:100vh;display:grid;grid-template-columns:28% 72%;background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--lf-ink)}.lf-register-side{background:linear-gradient(160deg,#078f9c,#063a50);color:#fff;padding:38px;display:flex;flex-direction:column}.lf-register-side>div:nth-child(2){margin:auto 0}.lf-register-side h1{font-size:44px;line-height:1.03;letter-spacing:-.05em;color:#fff;margin:14px 0}.lf-register-side p{color:rgba(255,255,255,.78);line-height:1.65}.lf-register-side-points{font-size:14px;display:flex;flex-wrap:wrap;gap:9px;color:rgba(255,255,255,.8)}.lf-register-side-points span{color:#6ff2e8}.lf-register-main{padding:18px 34px;display:flex;align-items:center}.lf-register-header{width:100%;max-width:980px;margin:0 auto 16px;display:grid;grid-template-columns:1fr auto;gap:6px 30px;align-items:start}.lf-register-header h2{font-size:30px;margin:0 0 4px;letter-spacing:-.03em}.lf-register-header p,.lf-register-header>span{font-size:15px;color:#78868c;margin:0}.lf-register-header>span{grid-column:2;grid-row:1 / span 2}.lf-auth-brand-mobile{display:none}.lf-register-layout{width:100%;max-width:980px;margin:auto;display:grid;grid-template-columns:205px minmax(0,1fr);border:1px solid #e1eaec;border-radius:16px;overflow:hidden;box-shadow:var(--lf-shadow-premium)}.lf-stepper{background:linear-gradient(180deg,#effaf9,#f7fcfc);padding:24px 18px}.lf-stepper>div:not(.lf-stepper-trust){display:grid;grid-template-columns:30px 1fr;gap:4px 9px;padding:10px 0;position:relative}.lf-stepper>div:not(.lf-stepper-trust):not(:last-of-type):after{content:"";position:absolute;left:14px;top:40px;width:1px;height:35px;background:#cfe8e7}.lf-stepper b{grid-row:1 / span 2;width:25px;height:25px;border:1px solid #9ac9c7;border-radius:50%;display:grid;place-items:center;color:#62858a;font-size:14px;background:#fff}.lf-stepper .is-active b{background:#12b5b0;border-color:#12b5b0;color:#fff}.lf-stepper strong{font-size:14px}.lf-stepper small{font-size:13px;color:#809096;line-height:1.3}.lf-stepper-trust{display:flex;gap:8px;margin-top:38px;font-size:12px;color:#0b8c87;line-height:1.5}.lf-register-form-wrap{padding:26px 28px;background:#fff;max-height:calc(100vh - 92px);overflow:auto}.lf-register-type-tabs{display:flex;gap:5px;border-bottom:1px solid #e6edef;margin-bottom:20px}.lf-register-type-tabs a{padding:10px 15px;font-size:15px;font-weight:850;color:#7c8a90;position:relative}.lf-register-type-tabs a.is-active{color:#0b8884}.lf-register-type-tabs a.is-active:after{content:"";position:absolute;bottom:-1px;left:12px;right:12px;height:3px;background:#13b8b1;border-radius:3px}.lf-form-section-title{margin:18px 0 10px}.lf-form-section-title h3{font-size:19px;margin:0 0 3px}.lf-form-section-title p{font-size:14px;color:#849198;margin:0}.lf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lf-form-grid .lf-full{grid-column:1/-1}.lf-registration-form label span{color:#9aa6aa;font-weight:600}.lf-registration-form .lf-button{height:47px;margin-top:18px}.lf-register-switch{text-align:center;font-size:15px;color:#7d8a90}.lf-auth-single{min-height:100vh;display:grid;place-items:center;padding:30px;background:#f7fbfc}.lf-register-success{max-width:560px;text-align:center}.lf-register-success .lf-button{margin-top:10px}.lf-pending-page{background:#f7fbfc!important}
.lf-sidebar{background:#06283b!important;color:#fff!important;border-right:0!important;box-shadow:8px 0 30px rgba(4,33,48,.08)}.lf-sidebar .lf-brand{color:#fff!important}.lf-sidebar .lf-brand span{color:#8eece7}.lf-sidebar-section-label{color:rgba(255,255,255,.38)!important;font-size:13px!important;letter-spacing:.14em;font-weight:900;margin:14px 10px 8px}.lf-sidebar .lf-nav{color:rgba(255,255,255,.68)!important;border-radius:10px}.lf-sidebar .lf-nav:hover,.lf-sidebar .lf-nav.lf-active{background:#0d777b!important;color:#fff!important}.lf-sidebar-bottom{border-top-color:rgba(255,255,255,.12)!important;color:rgba(255,255,255,.58)!important}.lf-topbar{box-shadow:0 1px 0 #e8eff0}.lf-topbar .lf-search input{background:#f7fafb}.lf-card{box-shadow:var(--lf-shadow-premium);border-color:#e0e9eb}.lf-dashboard-v2 .lf-dashboard-hero{padding:26px 28px;background:linear-gradient(135deg,#f0fbfa,#fff);border:1px solid #dceceb;border-radius:18px}.lf-dashboard-v2 .lf-dashboard-hero h1{color:#12263a}.lf-dashboard-v2 .lf-metric-grid .lf-card{min-height:122px}.lf-career-score{background:linear-gradient(145deg,#07384d,#0c8e89)!important}.lf-button{background:linear-gradient(135deg,#10bcb6,#08a5a1);border-radius:9px;box-shadow:0 7px 18px rgba(8,165,161,.12)}.lf-button-secondary{background:#f6fbfb!important;color:#17313c!important;box-shadow:none}.lf-continue-card{border-color:#cfeae8}.lf-sim-card:hover,.lf-achievement-card:hover,.lf-opportunity-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(9,65,75,.11)}.lf-sim-card,.lf-achievement-card,.lf-opportunity-card{transition:.2s}.lf-sim-cover{background:linear-gradient(135deg,#07384d,#0d8f89)}
.lf-skills-hero-grid{grid-template-columns:1.25fr .9fr}.lf-skill-graph-card{min-height:400px}.lf-radar-wrap{width:330px;height:330px;max-width:100%;margin:0 auto;position:relative}.lf-radar-wrap svg{width:100%;height:100%}.lf-radar-label{position:absolute;transform:translate(-50%,-50%);font-size:13px;font-weight:800;color:#526a73;white-space:nowrap}.lf-skill-meter{padding:9px 0;border-bottom:1px solid #edf2f3}.lf-skill-meter:last-child{border-bottom:0}.lf-skill-meter>div:first-child{display:flex;justify-content:space-between;font-size:15px}.lf-skill-meter>div:first-child span{color:#079f99;font-weight:850}.lf-skill-meter .lf-bar{height:6px;margin:6px 0}.lf-skill-meter small{font-size:13px;color:#8a989d}.lf-skill-row-right{display:flex;gap:12px;align-items:center}.lf-skill-row-right>strong{font-size:20px;color:#0a908b}
.lf-bb-task-workspace .lf-task-rail,.lf-bb-simulation-workspace .lf-hero{box-shadow:var(--lf-shadow-premium)}.lf-workspace{grid-template-columns:330px minmax(0,1fr)}.lf-work-area .lf-card{min-height:520px}.lf-work-area textarea{min-height:390px}.lf-case-files .lf-asset-card{transition:.2s}.lf-case-files .lf-asset-card:hover{transform:translateY(-2px);border-color:#a8dfdc}
@media(max-width:1050px){.lf-auth-shell{grid-template-columns:36% 64%}.lf-auth-brand-panel{padding:30px}.lf-auth-form-panel{padding:26px}.lf-register-shell{grid-template-columns:1fr}.lf-register-side{display:none}.lf-register-main{padding:22px}.lf-register-layout{grid-template-columns:190px 1fr}.lf-skills-hero-grid{grid-template-columns:1fr}}
@media(max-width:760px){.lf-auth-shell{grid-template-columns:1fr}.lf-auth-brand-panel{display:none}.lf-auth-form-panel{padding:24px 16px}.lf-auth-logo-mobile{display:flex;margin-bottom:28px}.lf-auth-top{display:block}.lf-auth-register{margin-top:10px}.lf-auth-choice-grid,.lf-auth-trust{grid-template-columns:1fr}.lf-auth-trust{display:none}.lf-auth-footer{flex-wrap:wrap}.lf-register-main{padding:14px}.lf-register-header{display:block}.lf-register-header>span{display:block;margin-top:8px}.lf-register-layout{grid-template-columns:1fr}.lf-stepper{display:none}.lf-register-form-wrap{max-height:none}.lf-form-grid{grid-template-columns:1fr}.lf-form-grid .lf-full{grid-column:auto}.lf-skills-hero-grid{grid-template-columns:1fr}.lf-radar-wrap{width:290px;height:290px}.lf-sidebar{width:72px}.lf-main{margin-left:72px}.lf-sidebar .lf-nav span,.lf-sidebar .lf-sidebar-section-label,.lf-sidebar-bottom span{display:none}.lf-sidebar .lf-brand{font-size:0}.lf-sidebar .lf-brand:first-letter{font-size:22px}.lf-topbar{padding:0 14px}.lf-content{padding:25px 14px 60px}}

/* LearnFlourish Core 0.9.4 — Expanded auth + Career Journey product phase */
.lf-register-shell{grid-template-columns:minmax(270px,23%) minmax(0,77%);min-height:100vh}
.lf-register-side{padding:46px 42px}
.lf-register-main{padding:28px 42px;align-items:flex-start;overflow:auto}
.lf-register-header,.lf-register-layout{max-width:1280px}
.lf-register-header{margin-top:0;margin-bottom:18px}
.lf-register-layout{grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 150px)}
.lf-stepper{padding:30px 22px}
.lf-stepper>div:not(.lf-stepper-trust){padding:13px 0}
.lf-stepper>div:not(.lf-stepper-trust):not(:last-of-type):after{height:46px}
.lf-stepper-trust{margin-top:56px}
.lf-register-form-wrap{padding:34px 38px;max-height:none;min-height:620px}
.lf-form-grid{gap:18px 20px}
.lf-form-grid label{font-size:17px}
.lf-registration-form input,.lf-registration-form select{height:52px;font-size:18px;padding:0 15px;border-radius:11px}
.lf-form-section-title{margin:4px 0 18px}
.lf-form-section-title h3{font-size:23px}
.lf-form-section-title p{font-size:16px}
.lf-register-type-tabs{margin-bottom:26px}
.lf-register-type-tabs a{font-size:17px;padding:12px 18px}
.lf-registration-form .lf-button{height:52px;font-size:17px}

.lf-dashboard-v3 .lf-dashboard-hero-v3{padding:30px 32px;min-height:190px}
.lf-dashboard-v3 .lf-dashboard-hero h1{font-size:clamp(36px,4vw,52px)}
.lf-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.lf-dashboard-stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 30px}
.lf-dashboard-stat-strip .lf-card{padding:20px}
.lf-dashboard-stat-strip .lf-card strong{display:block;font-size:33px;margin:7px 0}
.lf-dashboard-stat-strip .lf-card span{font-size:14px;letter-spacing:.13em;font-weight:900;color:#71818a}
.lf-dashboard-stat-strip .lf-card small{color:#7c8b91}
.lf-career-score-ring{min-width:154px;padding:15px 16px 14px!important;display:flex;flex-direction:column;align-items:center;justify-content:center}
.lf-score-ring{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#16c1bb calc(var(--score, 68) * 1%),rgba(255,255,255,.16) 0);position:relative;margin-bottom:7px}
.lf-score-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#073b4c}
.lf-score-ring span{position:relative;z-index:1;font-size:26px;font-weight:900}
.lf-career-score-ring small{font-size:15px;font-weight:800}.lf-career-score-ring em{font-size:13px;opacity:.7;font-style:normal;margin-top:3px}
.lf-dashboard-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:30px 0 13px}
.lf-dashboard-section-head h2{margin:2px 0 0;font-size:28px;letter-spacing:-.03em}
.lf-dashboard-section-head>a{font-size:15px;color:#078f8a;font-weight:900;text-decoration:none}
.lf-career-roadmap{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:18px 8px 12px;background:#fff;border:1px solid #e1eaec;border-radius:18px;box-shadow:var(--lf-shadow-premium)}
.lf-roadmap-step{position:relative;padding:10px 16px 14px}.lf-roadmap-step:not(:last-child):after{content:"";position:absolute;left:62px;right:-10px;top:24px;height:2px;background:#e8eff0}.lf-roadmap-node{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edf3f4;color:#71848a;font-weight:900;font-size:15px;position:relative;z-index:2;margin-bottom:12px;border:2px solid #fff;box-shadow:0 0 0 1px #dfe9ea}.lf-roadmap-step.is-done .lf-roadmap-node{background:#13b8b1;color:#fff;box-shadow:0 0 0 1px #13b8b1}.lf-roadmap-step.is-current .lf-roadmap-node{background:#073b4c;color:#fff;box-shadow:0 0 0 4px #dff7f5}
.lf-roadmap-step strong{font-size:16px}.lf-roadmap-step p{font-size:14px;line-height:1.45;color:#7a898f;min-height:42px;margin:5px 0}.lf-roadmap-complete{font-size:13px;color:#078f8a;font-weight:900}
.lf-continue-v3{padding:28px;margin-top:20px}.lf-continue-copy{min-width:0;flex:1}.lf-continue-title-row{display:flex;justify-content:space-between;gap:18px;align-items:start}.lf-continue-title-row h2{font-size:29px}.lf-dashboard-two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:18px}.lf-next-action-card{background:linear-gradient(135deg,#f1fbfa,#fff);position:relative;overflow:hidden}.lf-next-action-icon{width:44px;height:44px;border-radius:13px;background:#dff8f5;color:#078f8a;display:grid;place-items:center;font-size:24px;margin:14px 0}.lf-next-action-card h2{font-size:28px;margin:0 0 8px}.lf-next-action-card p{color:#70818a;line-height:1.6;max-width:680px}.lf-xp-big{font-size:38px;font-weight:900;margin:18px 0 5px;color:#12384a}.lf-xp-big small{font-size:16px;color:#7b8b91}
.lf-recommend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lf-recommend-card{border:1px solid #e1eaec;border-radius:18px;background:#fff;overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--lf-shadow-premium);transition:.2s}.lf-recommend-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(9,65,75,.11)}.lf-recommend-cover{height:105px;background:linear-gradient(135deg,#073b4c,#0d8f89);color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:flex-start}.lf-recommend-cover span{font-size:14px;font-weight:900}.lf-recommend-cover b{font-size:13px;background:rgba(255,255,255,.15);padding:6px 8px;border-radius:99px}.lf-recommend-body{padding:18px}.lf-recommend-body h3{font-size:22px;margin:5px 0}.lf-recommend-body p{font-size:15px;color:#74848b;line-height:1.5;min-height:34px}.lf-card-link{font-size:15px;color:#078f8a;font-weight:900}.lf-dashboard-three-col{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:16px;margin-top:18px}.lf-mini-skill{padding:10px 0;border-bottom:1px solid #edf2f3}.lf-mini-skill:last-child{border-bottom:0}.lf-mini-skill>div:first-child{display:flex;justify-content:space-between;font-size:15px}.lf-mini-skill>div:first-child span{color:#078f8a;font-weight:900}.lf-mini-skill .lf-bar{height:6px;margin:6px 0 0}.lf-mini-achievement{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf2f3}.lf-mini-achievement:last-child{border-bottom:0}.lf-mini-achievement>span{width:30px;height:30px;border-radius:9px;background:#edf3f4;display:grid;place-items:center;color:#819198;font-weight:900}.lf-mini-achievement.is-unlocked>span{background:#e2faf7;color:#078f8a}.lf-mini-achievement strong,.lf-mini-achievement small{display:block}.lf-mini-achievement strong{font-size:15px}.lf-mini-achievement small{font-size:13px;color:#7c8b91;margin-top:2px}.lf-mini-opportunity{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf2f3}.lf-opportunity-icon{width:30px;height:30px;border-radius:9px;background:#edf8f7;color:#078f8a;display:grid;place-items:center;font-weight:900}.lf-mini-opportunity strong,.lf-mini-opportunity small{display:block}.lf-mini-opportunity strong{font-size:15px}.lf-mini-opportunity small{font-size:13px;color:#7c8b91;margin-top:2px}

@media(max-width:1100px){.lf-register-shell{grid-template-columns:1fr}.lf-register-side{display:none}.lf-register-main{padding:26px}.lf-dashboard-stat-strip{grid-template-columns:repeat(2,1fr)}.lf-career-roadmap{grid-template-columns:1fr;gap:4px}.lf-roadmap-step{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:10px 14px}.lf-roadmap-step p{min-height:0}.lf-roadmap-step:not(:last-child):after{left:28px;right:auto;top:42px;width:2px;height:35px}.lf-roadmap-node{grid-row:1 / span 2}.lf-recommend-grid{grid-template-columns:1fr 1fr}.lf-dashboard-three-col{grid-template-columns:1fr 1fr}.lf-dashboard-three-col>div:last-child{grid-column:1/-1}}
@media(max-width:760px){.lf-register-main{padding:14px}.lf-register-header{display:block}.lf-register-layout{grid-template-columns:1fr;min-height:0}.lf-stepper{display:none}.lf-register-form-wrap{padding:24px 18px;min-height:0}.lf-form-grid{grid-template-columns:1fr}.lf-form-grid .lf-full{grid-column:auto}.lf-dashboard-v3 .lf-dashboard-hero-v3{padding:22px}.lf-dashboard-stat-strip,.lf-dashboard-two-col,.lf-dashboard-three-col,.lf-recommend-grid{grid-template-columns:1fr}.lf-dashboard-three-col>div:last-child{grid-column:auto}.lf-career-score-ring{min-width:120px}.lf-continue-title-row{display:block}.lf-continue-v3 .lf-button{width:100%;margin-top:18px}.lf-dashboard-section-head{align-items:start}.lf-dashboard-section-head h2{font-size:24px}.lf-hero-actions{flex-direction:column}.lf-hero-actions .lf-button{width:100%;justify-content:center}}

/* LearnFlourish Core 0.9.5 — spacious registration workspace */
.lf-register-shell{
  grid-template-columns:minmax(220px,18%) minmax(0,82%);
  min-height:100vh;
}
.lf-register-side{
  padding:44px 34px;
}
.lf-register-side h1{font-size:46px}
.lf-register-main{
  padding:34px 48px 44px;
  align-items:flex-start;
  overflow:auto;
}
.lf-register-header,
.lf-register-layout{
  max-width:1500px;
}
.lf-register-header{
  margin:0 auto 24px;
}
.lf-register-header h2{font-size:34px}
.lf-register-header p,.lf-register-header>span{font-size:17px}
.lf-register-layout{
  grid-template-columns:250px minmax(0,1fr);
  min-height:calc(100vh - 150px);
  border-radius:20px;
}
.lf-stepper{padding:34px 24px}
.lf-stepper>div:not(.lf-stepper-trust){padding:13px 0}
.lf-stepper strong{font-size:16px}
.lf-stepper small{font-size:14px}
.lf-register-form-wrap{
  padding:42px 52px 48px;
  min-height:720px;
  max-height:none;
  overflow:visible;
}
.lf-register-type-tabs{
  margin-bottom:28px;
}
.lf-register-type-tabs a{
  padding:12px 22px;
  font-size:17px;
}
.lf-form-section-title{margin:24px 0 13px}
.lf-form-section-title h3{font-size:22px}
.lf-form-section-title p{font-size:16px}
.lf-form-grid{
  gap:22px 26px;
}
.lf-form-grid label{
  font-size:18px;
}
.lf-registration-form input,
.lf-registration-form select{
  height:56px;
  margin-top:9px;
  padding:0 17px;
  border-radius:12px;
  font-size:18px;
}
.lf-registration-form .lf-button{
  height:56px;
  margin-top:26px;
  font-size:18px;
}
.lf-register-switch{
  font-size:17px;
  margin-top:24px;
}

@media(max-width:1200px){
  .lf-register-shell{grid-template-columns:230px minmax(0,1fr)}
  .lf-register-main{padding:30px 30px 38px}
  .lf-register-form-wrap{padding:34px 34px 42px}
  .lf-register-layout{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:900px){
  .lf-register-shell{grid-template-columns:1fr}
  .lf-register-side{display:none}
  .lf-register-main{padding:28px}
  .lf-register-layout{grid-template-columns:190px minmax(0,1fr);min-height:0}
  .lf-register-form-wrap{padding:34px}
}
@media(max-width:700px){
  .lf-register-main{padding:16px}
  .lf-register-header{margin-bottom:14px}
  .lf-register-layout{grid-template-columns:1fr}
  .lf-stepper{display:none}
  .lf-register-form-wrap{padding:28px 20px 34px;min-height:0}
  .lf-form-grid{grid-template-columns:1fr;gap:18px}
  .lf-form-grid .lf-full{grid-column:auto}
  .lf-registration-form input,.lf-registration-form select{height:54px}
}

/* LearnFlourish Core 0.9.6 — registration workspace rebuild
   The registration form is the primary content area: wide, calm, and form-first. */
.lf-register-shell{
  display:grid !important;
  grid-template-columns:260px minmax(0,1fr) !important;
  width:100vw !important;
  min-width:100% !important;
  min-height:100vh !important;
  background:#f5f9fa !important;
}
.lf-register-side{
  min-width:0 !important;
  padding:52px 34px !important;
  background:linear-gradient(160deg,#06384b 0%,#087e7b 100%) !important;
  color:#fff !important;
}
.lf-register-main{
  min-width:0 !important;
  width:100% !important;
  padding:38px 52px 64px !important;
  overflow:visible !important;
  background:#f7fafb !important;
}
.lf-register-header,
.lf-register-layout{
  width:100% !important;
  max-width:1600px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.lf-register-header{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-end !important;
  gap:28px !important;
  margin-bottom:24px !important;
}
.lf-register-header h2{font-size:36px !important;line-height:1.15 !important;margin:0 !important}
.lf-register-header p{margin:7px 0 0 !important;font-size:18px !important;color:#71838a !important}
.lf-register-layout{
  display:grid !important;
  grid-template-columns:220px minmax(0,1fr) !important;
  align-items:start !important;
  min-height:0 !important;
  background:#fff !important;
  border:1px solid #dfeaec !important;
  border-radius:22px !important;
  box-shadow:0 20px 60px rgba(13,55,68,.08) !important;
  overflow:hidden !important;
}
.lf-stepper{
  min-width:0 !important;
  padding:34px 22px !important;
  background:#f4f8f9 !important;
  border-right:1px solid #e3ecee !important;
}
.lf-register-form-wrap{
  min-width:0 !important;
  width:100% !important;
  padding:38px 54px 50px !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
}
.lf-register-type-tabs{
  display:flex !important;
  width:100% !important;
  max-width:440px !important;
  gap:6px !important;
  padding:5px !important;
  margin:0 0 30px !important;
  background:#eef5f5 !important;
  border-radius:12px !important;
}
.lf-register-type-tabs a{
  flex:1 1 0 !important;
  text-align:center !important;
  padding:13px 18px !important;
  border-radius:9px !important;
  font-size:18px !important;
  font-weight:800 !important;
}
.lf-form-section-title{
  margin:30px 0 16px !important;
  padding-bottom:10px !important;
  border-bottom:1px solid #edf2f3 !important;
}
.lf-form-section-title:first-child{margin-top:0 !important}
.lf-form-section-title h3{font-size:24px !important;margin:0 0 4px !important}
.lf-form-section-title p{font-size:16px !important;color:#7b8b91 !important;margin:0 !important}
.lf-form-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:20px 24px !important;
  width:100% !important;
}
.lf-form-grid label{
  display:block !important;
  min-width:0 !important;
  font-size:17px !important;
  font-weight:750 !important;
  color:#203b46 !important;
}
.lf-form-grid label.lf-full{grid-column:1/-1 !important}
.lf-registration-form input,
.lf-registration-form select{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  height:58px !important;
  margin-top:8px !important;
  padding:0 17px !important;
  border:1px solid #d5e2e5 !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#17333e !important;
  font-size:18px !important;
  outline:none !important;
}
.lf-registration-form input:focus,
.lf-registration-form select:focus{
  border-color:#0bb2aa !important;
  box-shadow:0 0 0 4px rgba(11,178,170,.10) !important;
}
.lf-registration-form .lf-button,
.lf-button-wide{
  width:100% !important;
  max-width:none !important;
  min-height:58px !important;
  height:auto !important;
  margin-top:30px !important;
  justify-content:center !important;
  font-size:18px !important;
}
.lf-register-switch{text-align:center !important;margin-top:22px !important}
@media(max-width:1200px){
  .lf-register-shell{grid-template-columns:210px minmax(0,1fr) !important}
  .lf-register-main{padding:30px 28px 50px !important}
  .lf-register-form-wrap{padding:34px 36px 44px !important}
}
@media(max-width:900px){
  .lf-register-shell{grid-template-columns:1fr !important}
  .lf-register-side{display:none !important}
  .lf-register-main{padding:24px 20px 44px !important}
  .lf-register-header{display:block !important}
  .lf-register-header>span{display:block !important;margin-top:10px !important}
  .lf-register-layout{grid-template-columns:1fr !important}
  .lf-stepper{display:none !important}
}
@media(max-width:620px){
  .lf-register-main{padding:14px 10px 30px !important}
  .lf-register-header h2{font-size:30px !important}
  .lf-register-form-wrap{padding:26px 20px 34px !important}
  .lf-form-grid{grid-template-columns:1fr !important;gap:17px !important}
  .lf-form-grid label.lf-full{grid-column:auto !important}
  .lf-register-type-tabs{max-width:none !important}
}


/* ============================================================
   LearnFlourish Core 0.9.7 — Wider Registration Input Fields
   Gives learner + employer registration fields substantially more
   horizontal space while preserving the responsive mobile layout.
   ============================================================ */
.lf-register-main{
  width:100% !important;
}

.lf-register-header,
.lf-register-layout{
  width:100% !important;
  max-width:none !important;
}

.lf-register-layout{
  grid-template-columns:190px minmax(0,1fr) !important;
}

.lf-register-form-wrap{
  width:100% !important;
  min-width:0 !important;
  padding:34px 36px 46px !important;
}

.lf-registration-form,
.lf-registration-form .lf-form-grid{
  width:100% !important;
  max-width:none !important;
}

.lf-form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:20px 28px !important;
}

.lf-form-grid label{
  width:100% !important;
  min-width:0 !important;
}

.lf-registration-form input,
.lf-registration-form select{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

.lf-form-grid label.lf-full{
  grid-column:1 / -1 !important;
}

@media(max-width:1200px){
  .lf-register-layout{
    grid-template-columns:180px minmax(0,1fr) !important;
  }
  .lf-register-form-wrap{
    padding:32px 30px 44px !important;
  }
  .lf-form-grid{
    gap:18px 22px !important;
  }
}

@media(max-width:900px){
  .lf-register-layout{
    grid-template-columns:1fr !important;
  }
  .lf-register-form-wrap{
    padding:30px 28px 42px !important;
  }
}

@media(max-width:620px){
  .lf-register-form-wrap{
    padding:26px 20px 34px !important;
  }
  .lf-form-grid{
    grid-template-columns:1fr !important;
    gap:17px !important;
  }
  .lf-form-grid label.lf-full{
    grid-column:auto !important;
  }
}


/* ============================================================
   LearnFlourish Core 0.9.10 — Premium auth / registration layout
   Form first. Brand panel second. No LF text badge in auth UI.
   ============================================================ */
body:has(.lf-auth-shell),body:has(.lf-register-shell){background:#f7fbfc!important}
.lf-auth-shell,.lf-register-shell{min-height:100vh!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(380px,.72fr)!important;background:#f7fbfc!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.lf-auth-form-panel,.lf-register-main{grid-column:1!important;grid-row:1!important;min-width:0!important;background:#fff!important;padding:42px clamp(28px,5vw,78px)!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;overflow:auto!important}
.lf-auth-brand-panel,.lf-register-side{grid-column:2!important;grid-row:1!important;min-width:0!important;background:linear-gradient(145deg,#0bb7b0 0%,#079b98 42%,#056b78 100%)!important;color:#fff!important;position:relative!important;overflow:hidden!important;padding:clamp(34px,5vw,76px)!important;display:flex!important;flex-direction:column!important;min-height:100vh!important}
.lf-premium-brand-panel:before{content:"";position:absolute!important;width:520px;height:520px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-250px;bottom:-170px;box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 100px rgba(255,255,255,.025)!important}
.lf-premium-brand-panel:after{content:"";position:absolute!important;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.75);right:12%;top:15%;box-shadow:22px 0 rgba(255,255,255,.45),44px 0 rgba(255,255,255,.25),0 22px rgba(255,255,255,.45),22px 22px rgba(255,255,255,.25),44px 22px rgba(255,255,255,.15)}
.lf-brand-image-wrap{position:relative!important;z-index:2!important;width:min(100%,330px)!important;margin:0 auto 34px!important;display:flex!important;justify-content:center!important}
.lf-brand-image{display:block!important;width:100%!important;max-width:330px!important;height:auto!important;max-height:145px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important;opacity:.98!important}
.lf-auth-brand-copy{position:relative!important;z-index:2!important;margin:auto 0!important;max-width:570px!important}
.lf-auth-brand-copy h1,.lf-register-side h1{color:#fff!important;font-size:clamp(40px,4vw,66px)!important;line-height:.98!important;letter-spacing:-.055em!important;margin:14px 0 18px!important}
.lf-auth-brand-copy>p,.lf-register-side p{color:rgba(255,255,255,.82)!important;font-size:20px!important;line-height:1.7!important;max-width:520px!important}
.lf-auth-kicker{font-size:14px!important;letter-spacing:.16em!important;font-weight:900!important;color:rgba(255,255,255,.78)!important}
.lf-auth-kicker-teal{color:#079b96!important}
.lf-auth-benefits{display:grid!important;gap:18px!important;margin-top:32px!important}
.lf-auth-benefits>div{display:flex!important;gap:13px!important;align-items:flex-start!important}
.lf-auth-benefit-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:12px!important;background:rgba(255,255,255,.10)!important;display:grid!important;place-items:center!important;color:#fff!important}
.lf-auth-benefits strong{font-size:17px!important;color:#fff!important}.lf-auth-benefits small{display:block!important;color:rgba(255,255,255,.68)!important;font-size:15px!important;line-height:1.5!important;margin-top:3px!important}
.lf-auth-quote{position:relative!important;z-index:2!important;border-top:1px solid rgba(255,255,255,.18)!important;padding-top:20px!important;margin-top:30px!important;color:rgba(255,255,255,.72)!important;font-size:15px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.lf-journey-line{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;margin-top:28px!important;color:rgba(255,255,255,.82)!important;font-size:14px!important;letter-spacing:.06em!important}
.lf-journey-line span{font-weight:900!important;color:#fff!important}.lf-journey-line b{font-size:14px!important;color:#fff!important}.lf-journey-line i{height:1px!important;width:24px!important;background:rgba(255,255,255,.35)!important}
.lf-auth-form-inner{width:min(760px,100%)!important;margin:0 auto!important;padding:0!important}
.lf-auth-top,.lf-register-header{display:block!important;text-align:center!important;width:100%!important;max-width:760px!important;margin:0 auto 28px!important}
.lf-auth-top h2,.lf-register-header h2{font-size:clamp(34px,3.2vw,48px)!important;line-height:1.05!important;letter-spacing:-.045em!important;color:#142c38!important;margin:8px 0 8px!important}
.lf-auth-top p,.lf-register-header p{font-size:18px!important;color:#71838a!important;margin:0!important}
.lf-auth-register,.lf-register-header>span{display:block!important;margin-top:14px!important;font-size:17px!important;color:#71838a!important}
.lf-auth-register a,.lf-register-header a{color:#079b96!important;font-weight:850!important}
.lf-auth-logo-mobile,.lf-auth-brand-mobile{display:none!important}
.lf-auth-tabs{margin:0 0 18px!important}.lf-auth-context{border:1px solid #dceceb!important;background:#f4fbfa!important;color:#45616a!important;border-radius:13px!important;padding:13px 15px!important;margin-bottom:20px!important}.lf-auth-context strong{display:block!important;color:#173641!important;font-size:16px!important}.lf-auth-context span{display:block!important;font-size:15px!important;margin-top:3px!important}
.lf-login-form{display:grid!important;gap:17px!important}.lf-login-form label{font-size:16px!important;font-weight:800!important;color:#203b46!important}.lf-login-form input[type=text],.lf-login-form input[type=password]{height:56px!important;border:1px solid #d5e2e5!important;border-radius:12px!important;margin-top:8px!important;padding:0 16px!important;background:#fff!important;color:#17333e!important;width:100%!important;box-sizing:border-box!important}.lf-login-form input:focus{border-color:#0bb2aa!important;box-shadow:0 0 0 4px rgba(11,178,170,.10)!important;outline:none!important}
.lf-auth-submit{width:100%!important;height:56px!important;margin-top:4px!important;background:linear-gradient(135deg,#0bb7b0,#078f8b)!important;border-radius:12px!important;box-shadow:0 12px 25px rgba(7,143,139,.18)!important}.lf-auth-divider{margin:28px 0 15px!important}.lf-auth-choice-grid{gap:12px!important}.lf-auth-choice-grid a{background:#fff!important;border:1px solid #dce8e9!important;border-radius:14px!important;padding:16px!important}.lf-auth-footer{margin-top:28px!important}
.lf-register-header-centered{margin-bottom:30px!important}.lf-register-layout{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;border:1px solid #dfeaec!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 20px 60px rgba(13,55,68,.08)!important;background:#fff!important}.lf-register-form-wrap{padding:36px 46px 46px!important;max-height:none!important;overflow:visible!important}.lf-register-type-tabs{max-width:420px!important;margin:0 0 28px!important}.lf-form-grid{gap:20px 26px!important}.lf-registration-form input,.lf-registration-form select{height:56px!important;border-radius:12px!important}.lf-registration-form .lf-button{height:56px!important;margin-top:28px!important;background:linear-gradient(135deg,#0bb7b0,#078f8b)!important;border-radius:12px!important;box-shadow:0 12px 25px rgba(7,143,139,.16)!important}.lf-stepper{background:#f4fafa!important}.lf-stepper-trust{color:#078f8b!important}
@media(max-width:1050px){.lf-auth-shell,.lf-register-shell{grid-template-columns:minmax(0,1fr) 360px!important}.lf-auth-form-panel,.lf-register-main{padding:34px 30px!important}.lf-register-form-wrap{padding:32px 30px 42px!important}.lf-register-layout{grid-template-columns:170px minmax(0,1fr)!important}}
@media(max-width:820px){.lf-auth-shell,.lf-register-shell{grid-template-columns:1fr!important}.lf-auth-brand-panel,.lf-register-side{grid-column:1!important;grid-row:2!important;min-height:500px!important}.lf-auth-form-panel,.lf-register-main{grid-column:1!important;grid-row:1!important;padding:30px 20px 40px!important}.lf-register-layout{grid-template-columns:1fr!important}.lf-stepper{display:none!important}}
@media(max-width:620px){.lf-auth-brand-panel,.lf-register-side{padding:38px 24px!important}.lf-brand-image-wrap{margin-bottom:24px!important}.lf-brand-image{max-height:115px!important}.lf-auth-brand-copy h1,.lf-register-side h1{font-size:42px!important}.lf-register-form-wrap{padding:28px 20px 34px!important}.lf-form-grid{grid-template-columns:1fr!important}.lf-form-grid label.lf-full{grid-column:auto!important}.lf-auth-choice-grid{grid-template-columns:1fr!important}.lf-journey-line i{width:12px!important}}

/* ============================================================
   LearnFlourish Core 0.9.11 — Reference auth UI
   Recreated from the supplied LearnFlourish sign-in / sign-up
   reference: teal welcome rail for sign-in and clean stepper
   workspace for registration.
   ============================================================ */
body:has(.lf-auth-reference-shell),body:has(.lf-register-reference-header){
  background:#fff!important;
}
/* SIGN IN */
.lf-auth-reference-shell{
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:34% 66%!important;
  background:#fff!important;
  color:#142c38!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.lf-login-brand-panel{
  position:relative!important;
  min-height:100vh!important;
  overflow:hidden!important;
  padding:0!important;
  background:linear-gradient(165deg,#087d8b 0%,#069e9d 45%,#08b7b0 100%)!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
.lf-login-brand-panel:before{
  content:""!important;position:absolute!important;inset:0!important;
  background:radial-gradient(circle at 20% 82%,rgba(255,255,255,.14),transparent 27%),linear-gradient(180deg,transparent 55%,rgba(0,46,59,.25))!important;
}
.lf-login-brand-panel:after{
  content:""!important;position:absolute!important;left:-70px!important;bottom:90px!important;width:360px!important;height:360px!important;border-radius:50%!important;
  border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 75px rgba(255,255,255,.018)!important;
}
.lf-login-brand-copy{position:relative!important;z-index:2!important;padding:clamp(70px,13vh,150px) clamp(26px,4vw,54px) 30px!important;max-width:510px!important}
.lf-login-welcome{font-size:clamp(34px,3.2vw,52px)!important;line-height:1!important;font-weight:850!important;letter-spacing:-.045em!important;margin:0 0 14px!important;color:#fff!important}
.lf-login-subtitle{font-size:18px!important;line-height:1.7!important;color:rgba(255,255,255,.82)!important;margin:0 0 48px!important}
.lf-login-benefits{display:grid!important;gap:26px!important}
.lf-login-benefits>div{display:grid!important;grid-template-columns:35px 1fr!important;gap:12px!important;align-items:start!important}
.lf-login-benefits>div>span{width:30px!important;height:30px!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:9px!important;display:grid!important;place-items:center!important;font-size:21px!important;color:#fff!important;background:rgba(255,255,255,.07)!important}
.lf-login-benefits strong{display:block!important;font-size:16px!important;color:#fff!important;margin-bottom:3px!important}
.lf-login-benefits small{display:block!important;color:rgba(255,255,255,.73)!important;font-size:14px!important;line-height:1.55!important;max-width:270px!important}
.lf-login-photo{position:relative!important;z-index:2!important;height:38vh!important;min-height:230px!important;margin-top:auto!important;background:linear-gradient(180deg,transparent,rgba(0,48,58,.18)),url('../assets/login-education.jpg') center/cover!important;mix-blend-mode:normal!important}
.lf-login-photo:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,145,150,.05),rgba(0,76,86,.58))!important}
.lf-login-photo span{position:absolute!important;left:clamp(26px,4vw,54px)!important;bottom:25px!important;font-size:14px!important;letter-spacing:.06em!important;color:rgba(255,255,255,.92)!important;font-style:italic!important}
.lf-login-form-panel{display:flex!important;align-items:center!important;justify-content:center!important;padding:55px clamp(35px,7vw,110px)!important;background:#fff!important;min-width:0!important}
.lf-login-form-inner{width:min(520px,100%)!important;margin:0 auto!important;text-align:left!important}
.lf-login-mark{display:block!important;width:74px!important;height:110px!important;object-fit:cover!important;object-position:top center!important;margin:0 auto 26px!important;border:0!important;background:#fff!important}
.lf-login-heading{text-align:center!important;margin-bottom:38px!important}
.lf-login-heading h1{font-size:31px!important;line-height:1.1!important;letter-spacing:-.035em!important;margin:0 0 8px!important;color:#142c38!important;font-weight:850!important}
.lf-login-heading p{font-size:16px!important;color:#7a898e!important;margin:0!important}
.lf-reference-form{gap:20px!important}
.lf-reference-form label{font-size:15px!important;font-weight:800!important;color:#203b46!important}
.lf-reference-form input[type=text],.lf-reference-form input[type=password]{height:50px!important;border:1px solid #d9e4e6!important;border-radius:9px!important;margin-top:7px!important;padding:0 14px!important;font-size:16px!important;background:#fff!important;box-shadow:none!important}
.lf-reference-form input:focus{border-color:#11b8b2!important;box-shadow:0 0 0 3px rgba(17,184,178,.10)!important}
.lf-reference-form .lf-password-wrap{position:relative!important}
.lf-reference-form .lf-password-wrap input{padding-right:42px!important}
.lf-reference-form .lf-password-wrap button{position:absolute!important;right:8px!important;top:13px!important;border:0!important;background:transparent!important;color:#87969a!important;cursor:pointer!important}
.lf-login-options{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:-3px!important;font-size:14px!important}
.lf-login-options .lf-check{display:flex!important;align-items:center!important;gap:6px!important;font-size:14px!important;font-weight:600!important;color:#718087!important}
.lf-login-options input[type=checkbox]{width:14px!important;height:14px!important;margin:0!important;accent-color:#0ab3ae!important}
.lf-login-options a,.lf-login-create a{color:#08a8a4!important;font-weight:800!important;text-decoration:none!important}
.lf-reference-form .lf-auth-submit{height:50px!important;margin-top:2px!important;border-radius:8px!important;font-size:16px!important;background:linear-gradient(135deg,#0bb8b2,#07a09c)!important;box-shadow:0 8px 18px rgba(7,160,156,.18)!important}
.lf-login-create{text-align:center!important;font-size:14px!important;color:#7a898e!important;margin:27px 0 25px!important}
.lf-login-or{text-align:center!important;color:#929da0!important;font-size:14px!important;margin:0 0 13px!important;position:relative!important}
.lf-login-socials{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.lf-login-socials button{height:43px!important;background:#fff!important;border:1px solid #dce5e7!important;border-radius:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#314850!important;font-size:15px!important;font-weight:700!important}
.lf-login-socials button:disabled{opacity:1!important;cursor:default!important}
.lf-login-socials b{font-size:18px!important;color:#1685bd!important}
.lf-login-socials button:first-child b{color:#4285f4!important}
.lf-login-footer{justify-content:center!important;border-top:0!important;margin-top:65px!important;font-size:13px!important;color:#8d989c!important}
/* SIGN UP */
.lf-register-shell{
  min-height:100vh!important;display:block!important;background:#fff!important;
}
.lf-register-main{min-height:100vh!important;padding:12px 20px 40px!important;display:block!important;background:#fff!important;overflow:visible!important}
.lf-register-side{display:none!important}
.lf-register-reference-header{
  max-width:1180px!important;margin:0 auto 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 4px!important;text-align:left!important;
}
.lf-register-reference-brand{display:flex!important;align-items:center!important;gap:11px!important}
.lf-register-reference-brand img{width:34px!important;height:52px!important;object-fit:cover!important;object-position:top center!important;background:#fff!important}
.lf-register-reference-brand h2{font-size:19px!important;line-height:1.1!important;margin:0 0 3px!important;letter-spacing:-.02em!important}
.lf-register-reference-brand p{font-size:12px!important;color:#89969a!important;margin:0!important}
.lf-register-reference-header>span{font-size:12px!important;color:#7c898d!important;display:block!important}
.lf-register-reference-header>span a{color:#08a8a4!important;font-weight:800!important}
.lf-register-layout{max-width:1180px!important;margin:0 auto!important;grid-template-columns:175px minmax(0,1fr)!important;min-height:0!important;border:1px solid #e4eaec!important;border-radius:8px!important;box-shadow:0 5px 22px rgba(23,56,67,.06)!important;overflow:hidden!important}
.lf-stepper{padding:28px 16px!important;background:linear-gradient(180deg,#effaf9,#f9fcfc)!important}
.lf-stepper>div:not(.lf-stepper-trust){padding:10px 0!important}
.lf-stepper b{width:23px!important;height:23px!important;font-size:13px!important}
.lf-stepper strong{font-size:13px!important}.lf-stepper small{font-size:12px!important}
.lf-stepper>div:not(.lf-stepper-trust):not(:last-of-type):after{left:12px!important;top:37px!important;height:31px!important}
.lf-stepper-trust{margin-top:34px!important;font-size:11px!important}
.lf-register-form-wrap{padding:27px 31px 31px!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.lf-register-type-tabs{display:none!important}
.lf-form-section-title{margin:0 0 12px!important}.lf-form-section-title h3{font-size:16px!important;margin:0 0 3px!important}.lf-form-section-title p{font-size:12px!important}
.lf-form-grid{gap:12px 15px!important}
.lf-registration-form label{font-size:13px!important;font-weight:800!important;color:#263f48!important}
.lf-registration-form input,.lf-registration-form select{height:38px!important;margin-top:5px!important;border-radius:7px!important;border:1px solid #dce5e7!important;padding:0 10px!important;font-size:13px!important}
.lf-registration-form .lf-button{min-height:39px!important;height:39px!important;margin-top:17px!important;border-radius:7px!important;font-size:13px!important;background:linear-gradient(135deg,#0bb8b2,#07a09c)!important;box-shadow:0 7px 15px rgba(7,160,156,.14)!important}
.lf-register-switch{font-size:12px!important;margin-top:12px!important}
.lf-form-error{font-size:13px!important;margin-bottom:12px!important}
@media(max-width:850px){
 .lf-auth-reference-shell{grid-template-columns:1fr!important}.lf-login-brand-panel{min-height:330px!important}.lf-login-brand-copy{padding:42px 28px 18px!important}.lf-login-benefits{display:none!important}.lf-login-photo{height:130px!important;min-height:130px!important}.lf-login-form-panel{padding:38px 24px!important}
 .lf-register-main{padding:12px 12px 30px!important}.lf-register-reference-header{padding:0 3px!important}.lf-register-layout{grid-template-columns:155px minmax(0,1fr)!important}
}
@media(max-width:620px){
 .lf-login-brand-panel{min-height:260px!important}.lf-login-photo{display:none!important}.lf-login-brand-copy{padding:42px 24px 30px!important}.lf-login-subtitle{margin-bottom:0!important}.lf-login-form-panel{padding:34px 18px!important}.lf-login-mark{margin-bottom:20px!important}.lf-login-heading{margin-bottom:28px!important}
 .lf-register-reference-header{align-items:flex-start!important}.lf-register-reference-header>span{padding-top:9px!important}.lf-register-layout{grid-template-columns:1fr!important}.lf-stepper{display:none!important}.lf-register-form-wrap{padding:24px 18px 28px!important}.lf-form-grid{grid-template-columns:1fr!important}.lf-form-grid .lf-full{grid-column:auto!important}
}


/* LearnFlourish 0.9.13 accessibility/readability pass.
 * Typography is intentionally larger and slightly heavier across the public platform.
 */
.lf-app,
.lf-auth-reference-shell,
.lf-register-shell,
.lf-auth-single,
.lf-password-page{
  font-weight:500;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.lf-app h1,.lf-app h2,.lf-app h3,.lf-app h4,.lf-app h5,.lf-app h6,
.lf-auth-reference-shell h1,.lf-auth-reference-shell h2,.lf-register-shell h1,.lf-register-shell h2,
.lf-password-card h1,.lf-register-card h1{
  font-weight:700;
}
.lf-app label,.lf-app button,.lf-app input,.lf-app select,.lf-app textarea,
.lf-auth-reference-shell label,.lf-auth-reference-shell button,.lf-auth-reference-shell input,
.lf-register-shell label,.lf-register-shell button,.lf-register-shell input,.lf-register-shell select,
.lf-password-card label,.lf-password-card input,.lf-password-card button{
  font-weight:600;
}
.lf-form-error,.lf-form-success{font-weight:600;line-height:1.55}
.lf-password-page{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:var(--lf-bg,#f7f8fa)}
.lf-password-card{width:min(520px,100%);background:var(--lf-surface,#fff);border:1px solid var(--lf-border,#dfe5eb);border-radius:22px;padding:42px;box-shadow:var(--lf-shadow,0 12px 32px rgba(16,24,40,.10));text-align:left}
.lf-auth-logo{display:block;width:min(250px,80%);height:auto;max-height:120px;object-fit:contain;object-position:left center;margin:0 0 26px}
.lf-password-card h1{font-size:34px;margin:0 0 12px;line-height:1.15;color:var(--lf-text,#17202b)}
.lf-password-card p{font-size:18px;line-height:1.65;color:var(--lf-text-secondary,#475467)}
.lf-password-form{display:grid;gap:18px;margin-top:24px}
.lf-password-form label{display:grid;gap:8px;font-size:16px;color:var(--lf-text,#17202b)}
.lf-password-form input{width:100%;box-sizing:border-box;padding:15px 16px;border:1px solid var(--lf-border-strong,#c9d2dc);border-radius:10px;background:var(--lf-input-bg,#fff);color:var(--lf-input-text,#17202b);font-size:18px;line-height:1.35}
.lf-password-form input:focus{outline:3px solid rgba(10,166,166,.18);border-color:var(--lf-primary,#0aa6a6)}
.lf-button-wide{width:100%;justify-content:center}
.lf-password-back{text-align:center;margin-top:20px}
.lf-password-back a{font-weight:600}
.lf-form-success{margin:18px 0;padding:14px 16px;border-radius:10px;background:rgba(22,163,74,.10);color:#166534}
.lf-password-card .lf-success-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:rgba(10,166,166,.12);color:#087f8c;font-size:28px;font-weight:800;margin-bottom:18px}
@media(max-width:620px){.lf-password-card{padding:28px 22px}.lf-password-card h1{font-size:30px}.lf-password-card p{font-size:17px}.lf-password-page{padding:24px 14px}}

/* LearnFlourish 0.9.14: compact sign-in logo. */
.lf-login-mark{width:52px!important;height:78px!important;max-width:52px!important;object-fit:cover!important;object-position:top center!important;margin:0 auto 22px!important}
@media(max-width:620px){.lf-login-mark{width:48px!important;height:72px!important;max-width:48px!important;margin-bottom:18px!important}}

/* LearnFlourish 0.9.17 production readability + public-brand cleanup. */
.lf-app p,.lf-app li,.lf-app td,.lf-app th,.lf-app input,.lf-app select,.lf-app textarea,.lf-app button,
.lf-auth-reference-shell p,.lf-auth-reference-shell label,.lf-auth-reference-shell input,.lf-auth-reference-shell button,
.lf-password-card p,.lf-password-card label,.lf-password-card input,.lf-password-card button{line-height:1.55}
.lf-app a:focus-visible,.lf-app button:focus-visible,.lf-app input:focus-visible,.lf-app select:focus-visible,.lf-app textarea:focus-visible,
.lf-auth-reference-shell a:focus-visible,.lf-auth-reference-shell button:focus-visible,.lf-auth-reference-shell input:focus-visible,
.lf-password-card a:focus-visible,.lf-password-card button:focus-visible,.lf-password-card input:focus-visible{outline:3px solid rgba(10,166,166,.32);outline-offset:2px}
.lf-app .lf-button{font-weight:800}
.lf-app .lf-muted{font-size:16px}
.lf-app .lf-kicker{font-weight:800}
.lf-login-heading h1{font-weight:800}
.lf-login-heading p,.lf-login-create,.lf-login-options{font-size:16px}
.lf-login-form label{font-size:16px;font-weight:800}
.lf-login-form input{font-size:18px;font-weight:600}
.lf-login-form .lf-button{font-size:17px}
/* Do not expose common theme/WordPress footer branding inside the LF shell. */
.lf-app + footer .site-info,.lf-app + footer .powered-by,.lf-app ~ footer .site-info,.lf-app ~ footer .powered-by,
.lf-auth-reference-shell + footer .site-info,.lf-password-page + footer .site-info,.lf-register-shell + footer .site-info{display:none!important}


/* ============================================================
   LearnFlourish Core 0.9.23 — Responsive mobile foundation
   Desktop layout is preserved. Mobile reflows the application into
   a single-column viewport and turns the sidebar into a drawer.
   ============================================================ */
html, body { max-width:100%; }
body.lf-app { overflow-x:hidden; }
.lf-app, .lf-app * { min-width:0; }
.lf-main { min-width:0; }
.lf-content { width:100%; max-width:1250px; }
.lf-grid, .lf-grid-main, .lf-workspace, .lf-dashboard-stat-strip, .lf-dashboard-two-col,
.lf-dashboard-three-col, .lf-recommend-grid, .lf-form-grid, .lf-register-layout { min-width:0; }
.lf-card, .lf-hero, .lf-task-card, .lf-recommend-card, .lf-next-action-card,
.lf-simulation-row, .lf-work-area, .lf-task-rail { min-width:0; max-width:100%; }
.lf-richtext { overflow-wrap:anywhere; word-break:break-word; }
.lf-richtext img, .lf-card img, .lf-hero img { max-width:100%; height:auto; }
.lf-table-wrap { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.lf-table { min-width:620px; }
.lf-mobile-menu, .lf-mobile-backdrop { display:none; }

@media (max-width: 1024px) {
  .lf-sidebar { width:220px; padding:22px 14px; }
  .lf-main { margin-left:220px; }
  .lf-topbar { padding:0 22px; }
  .lf-content { padding:32px 24px 70px; }
  .lf-grid-main { grid-template-columns:minmax(0,1fr); }
  .lf-span-2 { grid-column:auto; }
  .lf-workspace { grid-template-columns:minmax(0,300px) minmax(0,1fr); }
}

@media (max-width: 820px) {
  body.lf-app { overflow-x:hidden; }
  .lf-mobile-menu {
    display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px;
    border:1px solid var(--lf-border); border-radius:10px; background:var(--lf-bg);
    color:var(--lf-text); font-size:22px; cursor:pointer; z-index:31;
  }
  .lf-topbar { height:68px; padding:0 16px; gap:12px; }
  .lf-search-wrap { flex:1; width:auto; min-width:0; }
  .lf-search input { padding-left:38px; }
  .lf-user-trigger > span:not(.lf-avatar) { display:none; }
  .lf-user-trigger { gap:0; }
  .lf-sidebar {
    width:min(84vw,320px); transform:translateX(-105%); transition:transform .22s ease;
    box-shadow:20px 0 45px rgba(0,0,0,.12); z-index:100; padding:22px 16px;
    overflow-y:auto; overscroll-behavior:contain;
  }
  .lf-sidebar.is-mobile-open { transform:translateX(0); }
  .lf-sidebar .lf-brand { padding-bottom:22px; }
  .lf-sidebar-section-label { display:block; }
  .lf-nav { font-size:16px; padding:12px; }
  .lf-main { margin-left:0; width:100%; }
  .lf-mobile-backdrop {
    display:block; position:fixed; inset:0; background:rgba(7,32,42,.42); z-index:90;
    backdrop-filter:blur(2px);
  }
  .lf-mobile-backdrop[hidden] { display:none; }
  .lf-content { padding:26px 16px 60px; width:100%; }
  .lf-heading, .lf-hero, .lf-task-header { display:block; margin-bottom:22px; }
  .lf-heading h1, .lf-hero h1, .lf-task-header h1 { font-size:34px; }
  .lf-heading > *, .lf-hero > *, .lf-task-header > * { max-width:100%; }
  .lf-progress-box { min-width:0; margin-top:18px; }
  .lf-grid-main, .lf-workspace, .lf-dashboard-stat-strip, .lf-dashboard-two-col,
  .lf-dashboard-three-col, .lf-recommend-grid { grid-template-columns:1fr !important; }
  .lf-dashboard-three-col > div:last-child { grid-column:auto !important; }
  .lf-card { padding:18px; border-radius:14px; }
  .lf-simulation-row { display:block; padding:16px 0; }
  .lf-simulation-row .lf-button { width:100%; margin-top:14px; }
  .lf-task-card { grid-template-columns:44px minmax(0,1fr); gap:12px; align-items:start; }
  .lf-task-meta { grid-column:2; text-align:left; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
  .lf-task-number { width:40px; height:40px; }
  .lf-task-main h3 { font-size:18px; }
  .lf-task-main p, .lf-task-meta span { font-size:15px; }
  .lf-workspace { display:grid; gap:14px; }
  .lf-task-rail { position:static; padding:17px; }
  .lf-work-area textarea { min-height:300px; }
  .lf-answer-footer { display:block; }
  .lf-answer-footer > div { margin-top:12px; flex-wrap:wrap; }
  .lf-answer-footer .lf-button { flex:1; }
  .lf-tabs { gap:18px; overflow-x:auto; white-space:nowrap; scrollbar-width:none; }
  .lf-tabs::-webkit-scrollbar { display:none; }
  .lf-richtext table { display:block; overflow-x:auto; white-space:nowrap; }
  .lf-search-results { position:fixed; top:66px; left:58px; right:16px; width:auto; max-height:60vh; overflow:auto; }
}

@media (max-width: 560px) {
  .lf-topbar { padding:0 12px; gap:8px; }
  .lf-mobile-menu { flex-basis:40px; width:40px; height:40px; }
  .lf-avatar { width:34px; height:34px; }
  .lf-content { padding:20px 12px 48px; }
  .lf-heading h1, .lf-hero h1, .lf-task-header h1 { font-size:30px; }
  .lf-heading p, .lf-hero p, .lf-task-header p { font-size:15px; line-height:1.55; }
  .lf-hero { padding:20px; border-radius:16px; }
  .lf-card { padding:16px; }
  .lf-dashboard-section-head { display:block; }
  .lf-dashboard-section-head h2 { font-size:22px; }
  .lf-dashboard-section-head > a { display:inline-block; margin-top:8px; }
  .lf-continue-v3 { padding:18px; }
  .lf-next-action-card h2, .lf-continue-title-row h2 { font-size:23px; }
  .lf-button { width:100%; min-height:46px; }
  .lf-task-nav { display:grid; grid-template-columns:1fr; gap:10px; }
  .lf-task-nav .lf-button { width:100%; }
  .lf-search input { font-size:14px; }
  .lf-profile-menu { position:fixed; top:62px; right:12px; width:min(300px,calc(100vw - 24px)); }
}

@media (max-width: 380px) {
  .lf-topbar { height:62px; }
  .lf-search input { padding-left:34px; padding-right:8px; }
  .lf-search>span { left:11px; }
  .lf-search-results { top:60px; left:54px; right:12px; }
  .lf-content { padding-left:10px; padding-right:10px; }
  .lf-card { padding:14px; }
}

body.lf-mobile-nav-open { overflow:hidden; }

/* LearnFlourish 0.9.19 — mobile sidebar/nav correction */
@media (max-width: 820px) {
  .lf-sidebar {
    position: fixed !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    width: min(84vw, 320px) !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    transform: translateX(-105%) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  .lf-sidebar.is-mobile-open { transform: translateX(0) !important; }
  .lf-sidebar-nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .lf-sidebar-nav .lf-nav {
    width: 100% !important;
    margin: 3px 0 !important;
    flex: none !important;
    white-space: normal !important;
  }
  .lf-sidebar-bottom {
    width: 100% !important;
    margin-top: auto !important;
    flex: 0 0 auto !important;
  }
}


/* ============================================================
   LearnFlourish Core 0.9.20 — compact mobile sidebar
   Keep desktop navigation labels and icon + label treatment on mobile.
   ============================================================ */
@media (max-width: 820px) {
  .lf-sidebar {
    width: min(72vw, 260px) !important;
    padding: 20px 14px !important;
  }

  .lf-sidebar .lf-brand {
    padding: 0 10px 22px !important;
    font-size: 20px !important;
  }

  .lf-sidebar-section-label {
    display: block !important;
    margin: 0 10px 8px !important;
    font-size: 11px !important;
  }

  .lf-sidebar-nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }

  /* Undo the old compact-sidebar rule that hid labels. */
  .lf-sidebar .lf-nav {
    display: flex !important;
    width: 100% !important;
    margin: 2px 0 !important;
    padding: 10px 11px !important;
    gap: 10px !important;
    align-items: center !important;
    font-size: 16px !important;
    white-space: nowrap !important;
  }

  .lf-sidebar .lf-nav span {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 15px !important;
  }

  .lf-sidebar-bottom {
    padding: 12px 10px !important;
    font-size: 15px !important;
  }

  .lf-sidebar-bottom span {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

@media (max-width: 380px) {
  .lf-sidebar {
    width: min(78vw, 245px) !important;
    padding: 18px 12px !important;
  }

  .lf-sidebar .lf-nav {
    padding: 9px 10px !important;
    font-size: 15px !important;
  }

  .lf-sidebar .lf-nav span {
    font-size: 14px !important;
  }
}


/* ============================================================
   LearnFlourish Core 0.9.21 — compact mobile drawer + dark mode fix
   ============================================================ */

/* Mobile drawer: keep it compact while preserving icon + label navigation. */
@media (max-width: 820px) {
  .lf-sidebar {
    width: min(64vw, 220px) !important;
    padding: 16px 10px !important;
  }
  .lf-sidebar .lf-brand {
    padding: 0 8px 16px !important;
    font-size: 18px !important;
  }
  .lf-sidebar-section-label {
    margin: 0 8px 6px !important;
    font-size: 10px !important;
  }
  .lf-sidebar .lf-nav {
    padding: 8px 9px !important;
    gap: 8px !important;
    font-size: 14px !important;
    border-radius: 8px !important;
  }
  .lf-sidebar .lf-nav span {
    font-size: 13px !important;
  }
  .lf-sidebar-bottom {
    padding: 9px 8px !important;
    font-size: 13px !important;
  }
  .lf-sidebar-bottom span { font-size: 13px !important; }
}

@media (max-width: 380px) {
  .lf-sidebar {
    width: min(66vw, 205px) !important;
    padding: 14px 8px !important;
  }
  .lf-sidebar .lf-nav { padding: 7px 8px !important; }
  .lf-sidebar .lf-nav span { font-size: 12px !important; }
}

/* Dark mode: .lf-app defines its own light tokens, so override those tokens
   on the app shell itself when the html root carries .lf-dark. */
.lf-dark .lf-app,
html.lf-dark .lf-app {
  --lf-bg:#0d131a !important;
  --lf-surface:#151c24 !important;
  --lf-surface-2:#1c2530 !important;
  --lf-surface-3:#25303c !important;
  --lf-text:#f2f4f7 !important;
  --lf-text-secondary:#c5ced8 !important;
  --lf-text-muted:#98a5b3 !important;
  --lf-muted:#98a5b3 !important;
  --lf-border:#303b47 !important;
  --lf-border-strong:#44515f !important;
  --lf-input-bg:#101820 !important;
  --lf-input-text:#f2f4f7 !important;
  --lf-input-placeholder:#7f8b98 !important;
  --lf-link:#55d6d6 !important;
  --lf-primary:#20c4c4 !important;
  --lf-primary-hover:#48d6d6 !important;
  --lf-accent:#20c4c4 !important;
  --lf-accent2:#48d6d6 !important;
  --lf-shadow:0 10px 28px rgba(0,0,0,.28) !important;
  color-scheme:dark;
  background:var(--lf-bg) !important;
  color:var(--lf-text) !important;
}

html.lf-dark body { background:#0d131a !important; color:#f2f4f7; }
html.lf-dark .lf-topbar { background:var(--lf-surface) !important; border-color:var(--lf-border) !important; }
html.lf-dark .lf-sidebar {
  background:#111923 !important;
  color:var(--lf-text) !important;
  border-color:var(--lf-border) !important;
}
html.lf-dark .lf-sidebar .lf-brand,
html.lf-dark .lf-sidebar .lf-sidebar-section-label { color:var(--lf-text) !important; }
html.lf-dark .lf-sidebar .lf-nav { color:var(--lf-text-secondary) !important; }
html.lf-dark .lf-sidebar .lf-nav:hover,
html.lf-dark .lf-sidebar .lf-nav.lf-active { background:#173b40 !important; color:#fff !important; }
html.lf-dark .lf-card,
html.lf-dark .lf-panel,
html.lf-dark .lf-task-card,
html.lf-dark .lf-task-rail,
html.lf-dark .lf-work-area,
html.lf-dark .lf-profile-menu,
html.lf-dark .lf-search-results,
html.lf-dark .lf-modal { background:var(--lf-surface) !important; color:var(--lf-text) !important; border-color:var(--lf-border) !important; }
html.lf-dark .lf-search input,
html.lf-dark .lf-search-wide,
html.lf-dark .lf-mobile-menu,
html.lf-dark .lf-button-secondary,
html.lf-dark .lf-status { background:var(--lf-surface-2) !important; color:var(--lf-text) !important; border-color:var(--lf-border) !important; }
html.lf-dark .lf-search input::placeholder,
html.lf-dark input::placeholder,
html.lf-dark textarea::placeholder { color:var(--lf-input-placeholder) !important; }
html.lf-dark input,
html.lf-dark textarea,
html.lf-dark select { background:var(--lf-input-bg) !important; color:var(--lf-input-text) !important; border-color:var(--lf-border) !important; }
html.lf-dark .lf-heading p,
html.lf-dark .lf-hero p,
html.lf-dark .lf-task-header p,
html.lf-dark .lf-card p,
html.lf-dark .lf-muted,
html.lf-dark .lf-stat span,
html.lf-dark .lf-simulation-row p { color:var(--lf-muted) !important; }
html.lf-dark .lf-hero { background:linear-gradient(135deg,#151c24,#18272c) !important; border-color:var(--lf-border) !important; }
html.lf-dark .lf-progress { background:var(--lf-surface-3) !important; }
html.lf-dark .lf-sidebar-bottom { border-color:var(--lf-border) !important; color:var(--lf-muted) !important; }
html.lf-dark .lf-table th,
html.lf-dark .lf-table td,
html.lf-dark .lf-tabs { border-color:var(--lf-border) !important; }
html.lf-dark .lf-richtext { color:var(--lf-text) !important; }
html.lf-dark .lf-richtext th,
html.lf-dark .lf-richtext td { border-color:var(--lf-border) !important; }
html.lf-dark .lf-mobile-backdrop { background:rgba(0,0,0,.62) !important; }

/* LearnFlourish Core 0.9.23 — precise mobile sidebar icon/label alignment */
.lf-sidebar .lf-nav { display:flex; align-items:center; }
.lf-sidebar .lf-nav .lf-nav-icon {
  width:22px !important;
  min-width:22px !important;
  flex:0 0 22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1 !important;
  margin:0 !important;
}
.lf-sidebar .lf-nav > span:not(.lf-nav-icon) {
  min-width:0 !important;
  flex:1 1 auto !important;
  margin:0 !important;
  text-align:left !important;
  line-height:1.25 !important;
}
@media (max-width:820px) {
  .lf-sidebar .lf-nav {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:9px !important;
  }
  .lf-sidebar .lf-nav .lf-nav-icon { width:20px !important; min-width:20px !important; flex-basis:20px !important; }
}
@media (max-width:380px) {
  .lf-sidebar .lf-nav { gap:8px !important; }
  .lf-sidebar .lf-nav .lf-nav-icon { width:19px !important; min-width:19px !important; flex-basis:19px !important; }
}


/* LearnFlourish 0.9.24 — BuddyBoss profile navigation is the single profile hub. */
body.lf-app .lf-profile-menu a:first-of-type { font-weight:800; }
/* BuddyBoss may AJAX-intercept member subnav links; force LF subnav items to behave as normal links. */
#lf-bb-lf-profile > a,
#lf-bb-lf-portfolio > a,
#lf-bb-lf-progress > a,
#lf-bb-lf-skills > a,
#lf-bb-lf-achievements > a,
#lf-bb-lf-work > a { cursor:pointer; }

/* LearnFlourish 0.9.28 — Skills Passport / Skill Overview visibility fix */
.lf-skills-page .lf-skills-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr)!important;align-items:stretch!important;visibility:visible!important;opacity:1!important}
.lf-skills-page .lf-skill-overview{display:block!important;visibility:visible!important;opacity:1!important;min-height:400px!important;overflow:visible!important;color:var(--lf-text)!important;background:var(--lf-surface)!important}
.lf-skills-page .lf-skill-overview .lf-card-head{display:flex!important;visibility:visible!important;opacity:1!important;color:var(--lf-muted)!important}
.lf-skills-page .lf-skill-meter{display:block!important;visibility:visible!important;opacity:1!important;padding:11px 0!important;border-bottom:1px solid var(--lf-border)!important;color:var(--lf-text)!important}
.lf-skills-page .lf-skill-meter:last-child{border-bottom:0!important}
.lf-skills-page .lf-skill-meter>div:first-child{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;color:var(--lf-text)!important}
.lf-skills-page .lf-skill-meter>div:first-child strong{display:block!important;color:var(--lf-text)!important;font-size:15px!important;visibility:visible!important}
.lf-skills-page .lf-skill-meter>div:first-child span{display:block!important;color:var(--lf-accent)!important;font-weight:850!important;visibility:visible!important}
.lf-skills-page .lf-skill-meter .lf-bar{display:block!important;width:100%!important;height:8px!important;background:var(--lf-border)!important;border-radius:999px!important;overflow:hidden!important;margin:7px 0!important;visibility:visible!important;opacity:1!important}
.lf-skills-page .lf-skill-meter .lf-bar i{display:block!important;height:100%!important;min-width:2px!important;background:linear-gradient(90deg,#13b8b1,#087f7a)!important;border-radius:999px!important;visibility:visible!important;opacity:1!important}
.lf-skills-page .lf-skill-meter small{display:block!important;color:var(--lf-muted)!important;font-size:13px!important;visibility:visible!important;opacity:1!important}
html.lf-dark .lf-skills-page .lf-skill-overview{background:var(--lf-surface)!important;color:var(--lf-text)!important;border-color:var(--lf-border)!important}
html.lf-dark .lf-skills-page .lf-skill-meter{border-color:var(--lf-border)!important;color:var(--lf-text)!important}
html.lf-dark .lf-skills-page .lf-skill-meter>div:first-child strong{color:var(--lf-text)!important}
html.lf-dark .lf-skills-page .lf-skill-meter small{color:var(--lf-muted)!important}
html.lf-dark .lf-skills-page .lf-skill-meter .lf-bar{background:var(--lf-surface-3)!important}
@media(max-width:1050px){.lf-skills-page .lf-skills-hero-grid{grid-template-columns:1fr!important}.lf-skills-page .lf-skill-overview{min-height:0!important}}
@media(max-width:760px){.lf-skills-page .lf-skill-overview{padding:18px!important}.lf-skills-page .lf-skill-meter{padding:10px 0!important}.lf-skills-page .lf-skill-meter>div:first-child{font-size:14px!important}}

/* LearnFlourish 0.9.29 — hard render Skill Overview */
.lf-skills-page .lf-skill-overview-content{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2!important;}
.lf-skills-page .lf-skill-overview-content *{visibility:visible!important;opacity:1!important;}
.lf-skills-page .lf-skill-overview .lf-skill-meter strong{color:#162033!important;}
.lf-skills-page .lf-skill-overview .lf-skill-meter span{color:#087f7a!important;}
.lf-skills-page .lf-skill-overview .lf-skill-meter small{color:#6b7280!important;}
html.lf-dark .lf-skills-page .lf-skill-overview{background:#171d2b!important;color:#f3f5f9!important;}
html.lf-dark .lf-skills-page .lf-skill-overview .lf-skill-meter strong{color:#f3f5f9!important;}
html.lf-dark .lf-skills-page .lf-skill-overview .lf-skill-meter span{color:#55d8d2!important;}
html.lf-dark .lf-skills-page .lf-skill-overview .lf-skill-meter small{color:#aab2c2!important;}
html.lf-dark .lf-skills-page .lf-skill-overview .lf-skill-meter .lf-bar{background:#2b3445!important;}

/* LearnFlourish Workrooms */
.lf-workroom-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px}.lf-workroom-meta,.lf-workroom-disciplines{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.lf-workroom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lf-workroom-card{display:flex;flex-direction:column;min-height:100%;}.lf-workroom-card .lf-button{margin-top:auto;align-self:flex-start}.lf-workroom-card-top{display:flex;justify-content:space-between;gap:12px}.lf-workroom-role-list{display:grid;gap:10px}.lf-workroom-role{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--lf-border,#e5e7eb);border-radius:12px}.lf-workroom-role span{font-size:18px}.lf-workroom-discipline{padding:7px 10px;border-radius:999px;background:var(--lf-soft,#f4f7f8);font-size:12px;font-weight:700}.lf-workroom-outcomes{margin:0;padding-left:20px;display:grid;gap:10px}.lf-workroom-next{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px}.lf-workroom-explainer{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;margin-top:20px}.lf-workroom-model{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;font-weight:700}.lf-workroom-model span{padding:10px 12px;border:1px solid var(--lf-border,#e5e7eb);border-radius:12px;background:var(--lf-card,#fff)}.lf-workroom-model b{opacity:.55}@media(max-width:900px){.lf-workroom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-workroom-explainer{grid-template-columns:1fr}.lf-workroom-hero,.lf-workroom-next{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.lf-workroom-grid{grid-template-columns:1fr}.lf-workroom-hero{padding:20px}.lf-workroom-model{justify-content:flex-start}.lf-workroom-model b{display:none}.lf-workroom-model span{flex:1 1 42%}.lf-workroom-next{padding:20px}}
/* LearnFlourish Workrooms v0.9.31 */
.lf-workroom-command-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;margin:18px 0}.lf-workroom-role-form{display:flex;gap:10px;align-items:center}.lf-workroom-role-form .lf-input{flex:1}.lf-workroom-team{display:grid;gap:10px}.lf-workroom-team-member{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--lf-border,#e5e7eb);border-radius:12px}.lf-workroom-team-member>div{display:grid;gap:2px}.lf-workroom-team-member span:last-child{font-size:12px;color:var(--lf-muted,#667085)}.lf-workroom-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--lf-soft,#eef4f5);font-weight:800}.lf-workroom-section{margin-top:18px}.lf-workroom-task-list,.lf-workroom-events{display:grid;gap:10px}.lf-workroom-task{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;border:1px solid var(--lf-border,#e5e7eb);border-radius:14px}.lf-workroom-task>div{display:flex;align-items:center;gap:12px;min-width:0}.lf-workroom-task>div>div{display:grid;gap:3px}.lf-workroom-task>div>div span{font-size:12px;color:var(--lf-muted,#667085)}.lf-workroom-task.is-done{opacity:.75}.lf-workroom-task-index{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--lf-soft,#f4f7f8);font-weight:800;flex:0 0 30px}.lf-workroom-event{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px;border:1px solid var(--lf-border,#e5e7eb);border-left:4px solid var(--lf-primary,#0f766e);border-radius:14px}.lf-workroom-event h3{margin:4px 0 0}.lf-workroom-event.is-seen{opacity:.72}.lf-button-small{padding:8px 12px;font-size:12px;white-space:nowrap}@media(max-width:900px){.lf-workroom-command-grid{grid-template-columns:1fr}}@media(max-width:640px){.lf-workroom-role-form{flex-direction:column;align-items:stretch}.lf-workroom-task,.lf-workroom-event{align-items:flex-start;flex-direction:column}.lf-workroom-task form,.lf-workroom-task form .lf-button,.lf-workroom-event form,.lf-workroom-event form .lf-button{width:100%}.lf-workroom-task>div{width:100%}}
/* Workrooms v0.9.32 collaboration layer */
.lf-workroom-collab-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.lf-workroom-contribution-form{display:grid;gap:10px}
.lf-workroom-contribution-form label{margin-top:4px}
.lf-workroom-textarea{width:100%;min-height:110px;resize:vertical}
.lf-workroom-activity{display:grid;gap:10px}
.lf-workroom-activity-item{display:flex;gap:10px;padding:12px;border:1px solid var(--lf-border,#e5e7eb);border-radius:12px}
.lf-workroom-activity-item>div:last-child{min-width:0}
.lf-workroom-activity-item p{margin:6px 0 0;display:grid;gap:2px;font-size:13px}
.lf-workroom-decision-list{display:grid;gap:10px}
.lf-workroom-decision{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--lf-border,#e5e7eb);border-radius:12px}
.lf-workroom-evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:4px 0 16px}
.lf-workroom-evidence-grid>div{padding:14px;border:1px solid var(--lf-border,#e5e7eb);border-radius:12px;background:var(--lf-soft,#f4f7f8);display:grid;gap:3px}
.lf-workroom-evidence-grid strong{font-size:24px}
.lf-workroom-evidence-grid span{font-size:12px;color:var(--lf-muted,#667085)}
@media(max-width:900px){.lf-workroom-collab-grid{grid-template-columns:1fr}.lf-workroom-evidence-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.lf-workroom-evidence-grid{grid-template-columns:1fr}.lf-workroom-activity-item{align-items:flex-start}}

/* Workrooms v0.9.33 — mentor/employer review layer */
.lf-workroom-review-list{display:grid;gap:14px}.lf-workroom-review-item{padding:16px;border:1px solid var(--lf-border,#e5e7eb);border-radius:14px;background:var(--lf-card,#fff)}
.lf-workroom-review-person{display:flex;align-items:center;gap:10px}.lf-workroom-review-person>div{display:grid;gap:2px;flex:1}.lf-workroom-review-person>div span{font-size:12px;color:var(--lf-muted,#667085)}
.lf-workroom-review-evidence{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.lf-workroom-review-evidence>div{padding:11px;border-radius:10px;background:var(--lf-soft,#f4f7f8)}.lf-workroom-review-evidence span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--lf-muted,#667085)}.lf-workroom-review-evidence p{margin:5px 0 0;font-size:13px}
.lf-workroom-review-form{display:grid;gap:10px}.lf-workroom-review-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.lf-workroom-review-scores label{display:grid;gap:5px;font-size:12px;font-weight:750}.lf-workroom-review-scores select{width:100%;min-height:38px;border:1px solid var(--lf-border,#d9dee7);border-radius:9px;padding:6px;background:var(--lf-card,#fff);color:var(--lf-text,#162033)}
.lf-workroom-review-summary{display:flex;gap:16px;align-items:flex-start}.lf-workroom-review-summary>strong{font-size:38px;line-height:1;color:var(--lf-primary,#087f7a)}.lf-workroom-review-summary>div{display:grid;gap:4px}.lf-workroom-review-summary>div>span{font-weight:800}.lf-workroom-review-summary p{margin:0}.lf-workroom-review-summary small{color:var(--lf-muted,#667085)}
html.lf-dark .lf-workroom-review-item{background:var(--lf-surface,#171d2b);border-color:var(--lf-border,#30394a)}html.lf-dark .lf-workroom-review-evidence{background:#202838}html.lf-dark .lf-workroom-review-scores select{background:#171d2b;color:#f3f5f9;border-color:#3a4558}
@media(max-width:760px){.lf-workroom-review-evidence{grid-template-columns:1fr}.lf-workroom-review-scores{grid-template-columns:repeat(2,1fr)}.lf-workroom-review-summary{flex-direction:column}}
/* 0.9.34 Workroom verified skill evidence */
.lf-workroom-review-skills{margin:14px 0;padding:14px;border:1px solid var(--lf-border,#d9e2e7);border-radius:12px;background:var(--lf-surface-soft,#f7fafb)}
.lf-workroom-skill-checks{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.lf-workroom-skill-checks label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--lf-border,#d9e2e7);border-radius:999px;background:var(--lf-surface,#fff);cursor:pointer;font-size:13px}
.lf-workroom-skill-checks input{accent-color:#0f766e}
.lf-workroom-review-skills small,.lf-workroom-verified-note{display:block;color:var(--lf-muted,#64748b);font-size:12px;line-height:1.5}
.lf-workroom-verified-note{margin-top:14px;padding:12px;border-radius:10px;background:rgba(15,118,110,.08)}
@media(max-width:700px){.lf-workroom-skill-checks{display:grid;grid-template-columns:1fr}.lf-workroom-skill-checks label{border-radius:10px}}
/* 0.9.34 Workroom verified skill evidence */
.lf-workroom-review-skills{margin:14px 0;padding:14px;border:1px solid var(--lf-border,#d9e2e7);border-radius:12px;background:var(--lf-surface-soft,#f7fafb)}
.lf-workroom-skill-checks{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.lf-workroom-skill-checks label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--lf-border,#d9e2e7);border-radius:999px;background:var(--lf-surface,#fff);cursor:pointer;font-size:13px}
.lf-workroom-skill-checks input{accent-color:#0f766e}
.lf-workroom-review-skills small,.lf-workroom-verified-note{display:block;color:var(--lf-muted,#64748b);font-size:12px;line-height:1.5}
.lf-workroom-verified-note{margin-top:14px;padding:12px;border-radius:10px;background:rgba(15,118,110,.08)}
@media(max-width:700px){.lf-workroom-skill-checks{display:grid;grid-template-columns:1fr}.lf-workroom-skill-checks label{border-radius:10px}}

/* v0.9.35 Workrooms evidence report */
.lf-workroom-verified-list{display:grid;gap:10px;margin-top:14px}.lf-workroom-verified-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid var(--lf-border,#dfe7ea);border-radius:12px;background:var(--lf-surface-2,#f8fafb)}.lf-workroom-verified-list article div{display:grid;gap:3px}.lf-workroom-verified-list article span{font-size:12px;color:var(--lf-muted,#64748b)}.lf-workroom-verified-list article>strong{font-size:18px;color:var(--lf-accent,#087f7a)}

/* v0.9.39 Employer Workroom Evidence Dossier */
.lf-dossier-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
.lf-dossier-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px}
.lf-dossier-identity{display:flex;align-items:center;gap:18px}.lf-dossier-identity h1{margin:4px 0}.lf-dossier-identity p{margin:0;color:var(--lf-muted,#667085)}
.lf-dossier-verdict{text-align:right}.lf-dossier-verdict strong{display:block;font-size:32px;line-height:1}.lf-dossier-verdict span{display:block;margin-top:5px;color:var(--lf-muted,#667085);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.lf-dossier-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.lf-dossier-meta span{padding:7px 11px;border:1px solid var(--lf-border,#dfe6ee);border-radius:999px;background:var(--lf-surface,#fff);font-size:12px;font-weight:700}
.lf-dossier-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.lf-dossier-metrics .lf-card{padding:18px}.lf-dossier-metrics span{display:block;font-size:10px;font-weight:800;letter-spacing:.09em;color:var(--lf-muted,#667085)}.lf-dossier-metrics strong{display:block;font-size:24px;margin:6px 0}.lf-dossier-metrics small{color:var(--lf-muted,#667085)}
.lf-dossier-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:18px}.lf-dossier-section{margin-bottom:18px;padding:20px}.lf-dossier-section h2{margin:8px 0 12px}.lf-dossier-copy{color:var(--lf-text,#162033);line-height:1.7}.lf-dossier-copy p:first-child{margin-top:0}.lf-dossier-copy p:last-child{margin-bottom:0}
.lf-dossier-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lf-dossier-work-grid article{padding:15px;border-radius:12px;background:var(--lf-soft,#f7f9fc)}.lf-dossier-work-grid article>span,.lf-dossier-skills small{display:block;color:var(--lf-muted,#667085);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.lf-dossier-work-grid p{margin:8px 0 0;line-height:1.6;white-space:pre-wrap}
.lf-dossier-review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.lf-dossier-review-grid div{padding:12px;border-radius:11px;background:var(--lf-soft,#f7f9fc);text-align:center}.lf-dossier-review-grid span{display:block;color:var(--lf-muted,#667085);font-size:11px}.lf-dossier-review-grid strong{display:block;font-size:20px;margin-top:4px}.lf-dossier-section blockquote{margin:15px 0 0;padding:13px 15px;border-left:3px solid var(--lf-primary,#13b8b1);background:var(--lf-soft,#f7f9fc);border-radius:0 10px 10px 0;line-height:1.6}.lf-dossier-review-meta{margin-top:12px;color:var(--lf-muted,#667085);font-size:12px}
.lf-dossier-skills{display:grid;gap:9px}.lf-dossier-skills article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--lf-border,#dfe6ee);border-radius:11px}.lf-dossier-skills strong{display:block}.lf-dossier-skills small{margin-top:4px;text-transform:none;letter-spacing:0;font-weight:500;line-height:1.4}.lf-dossier-skills b{font-size:17px;white-space:nowrap;color:var(--lf-primary,#087f7a)}
.lf-dossier-trail{display:grid;gap:12px}.lf-dossier-trail>div{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}.lf-dossier-trail b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--lf-soft,#f7f9fc);font-size:10px}.lf-dossier-trail span{font-weight:700}.lf-dossier-trail small{display:block;color:var(--lf-muted,#667085);font-weight:500;margin-top:2px}.lf-dossier-footer-note{margin-bottom:0}.lf-dossier-footer-note p{margin:8px 0 0;color:var(--lf-muted,#667085);line-height:1.6}
.lf-workroom-record-actions{display:flex;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid var(--lf-border,#dfe6ee)}
@media(max-width:900px){.lf-dossier-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-dossier-grid{grid-template-columns:1fr}}
@media(max-width:620px){.lf-dossier-toolbar{align-items:stretch;flex-direction:column}.lf-dossier-hero{align-items:flex-start;flex-direction:column;padding:20px}.lf-dossier-verdict{text-align:left}.lf-dossier-metrics{grid-template-columns:1fr}.lf-dossier-work-grid,.lf-dossier-review-grid{grid-template-columns:1fr}.lf-dossier-section{padding:16px}.lf-dossier-meta{gap:6px}.lf-dossier-meta span{font-size:11px}}
@media print{body *{visibility:hidden!important}.lf-employer-dossier,.lf-employer-dossier *{visibility:visible!important}.lf-employer-dossier{position:absolute;left:0;top:0;width:100%;padding:0!important}.lf-dossier-toolbar,.lf-candidate-hero-actions,.lf-workroom-record-actions{display:none!important}.lf-dossier-hero,.lf-card{box-shadow:none!important}.lf-dossier-grid{grid-template-columns:1.6fr .8fr}.lf-dossier-metrics{grid-template-columns:repeat(4,1fr)}}

/* v0.9.36 — Workroom Evidence Dossier */
.lf-dossier-head{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:18px}
.lf-dossier-head h1{margin:.2rem 0 .35rem}
.lf-dossier-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.lf-dossier-stats .lf-card{padding:18px}.lf-dossier-stats strong{display:block;font-size:1.55rem}.lf-dossier-stats span{display:block;margin-top:4px;opacity:.72}
.lf-dossier-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;margin-bottom:18px}
.lf-dossier-block{padding:14px 0;border-bottom:1px solid var(--lf-border,#e5e7eb)}.lf-dossier-block:last-child{border-bottom:0}.lf-dossier-block>span{display:block;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.lf-dossier-block p{margin:.45rem 0 0;line-height:1.65}
.lf-dossier-score{display:flex;align-items:baseline;gap:10px;margin:12px 0 18px}.lf-dossier-score strong{font-size:2.2rem}.lf-dossier-score span{opacity:.7}
.lf-review-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lf-review-metrics div{display:flex;justify-content:space-between;padding:10px;border:1px solid var(--lf-border,#e5e7eb);border-radius:10px}.lf-review-metrics span{opacity:.72}.lf-dossier-feedback{margin-top:14px;padding:12px 14px;border-left:3px solid var(--lf-accent,#1aa6a6);background:rgba(26,166,166,.06)}
.lf-dossier-skills{margin-bottom:18px}.lf-dossier-skill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lf-dossier-skill-list>div{padding:13px;border:1px solid var(--lf-border,#e5e7eb);border-radius:10px;display:grid;grid-template-columns:1fr auto;gap:4px 12px}.lf-dossier-skill-list strong{font-size:.96rem}.lf-dossier-skill-list span{font-weight:800}.lf-dossier-skill-list small{grid-column:1/-1;opacity:.62}.lf-dossier-note{margin-bottom:18px}.lf-dossier-note p{margin:.5rem 0 0;line-height:1.65}.lf-workroom-dossier-cta{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0}.lf-workroom-dossier-cta h2{margin:.25rem 0}.lf-workroom-dossier-cta p{margin:0;max-width:700px}
@media(max-width:900px){.lf-dossier-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-dossier-grid{grid-template-columns:1fr}}
@media(max-width:600px){.lf-dossier-head,.lf-workroom-dossier-cta{align-items:stretch;flex-direction:column}.lf-dossier-stats{grid-template-columns:1fr 1fr;gap:10px}.lf-dossier-skill-list{grid-template-columns:1fr}.lf-review-metrics{grid-template-columns:1fr}.lf-dossier-head .lf-button,.lf-workroom-dossier-cta .lf-button{width:100%;text-align:center}.lf-dossier-stats .lf-card{padding:14px}}
@media print{.lf-sidebar,.lf-topbar,.lf-breadcrumb,.lf-dossier-head .lf-button{display:none!important}.lf-main{margin:0!important}.lf-app{display:block!important}.lf-content{max-width:none!important}.lf-dossier-head{border:0!important}.lf-card{break-inside:avoid}}

/* 0.9.37 Workrooms skill-specific evidence review */
.lf-workroom-skill-review-grid{display:grid;gap:10px;margin-top:12px}
.lf-workroom-skill-review-row{display:grid;grid-template-columns:minmax(0,1.2fr) 82px minmax(160px,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--lf-border,#e5e7eb)}
.lf-workroom-skill-review-row:last-child{border-bottom:0}
.lf-workroom-skill-review-row label{display:flex;align-items:center;gap:9px;font-weight:700}
.lf-workroom-skill-review-row select{min-height:40px;border:1px solid var(--lf-border,#dbe3e7);border-radius:10px;padding:7px 8px;background:var(--lf-card,#fff);color:var(--lf-text,#162033)}
.lf-workroom-skill-review-row .lf-input{min-height:40px}
.lf-workroom-verified-list article small{display:block;margin-top:5px;color:var(--lf-muted,#6b7280);font-size:12px;line-height:1.45}
.lf-dossier-skill-list>div p{margin:6px 0 0;color:var(--lf-muted,#6b7280);font-size:13px;line-height:1.5}
@media(max-width:700px){.lf-workroom-skill-review-row{grid-template-columns:1fr 78px}.lf-workroom-skill-review-row .lf-input{grid-column:1/-1}.lf-workroom-skill-review-row label{min-width:0}.lf-workroom-skill-review-row label span{overflow-wrap:anywhere}}

/* 0.9.38 — Employer-facing Workroom evidence */
.lf-employer-workroom-evidence{overflow:hidden}
.lf-employer-workroom-list{display:grid;gap:16px;margin-top:16px}
.lf-employer-workroom-record{border:1px solid var(--lf-border,#dfe6ee);border-radius:16px;padding:18px;background:var(--lf-surface,#fff)}
.lf-workroom-record-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.lf-workroom-record-head h3{margin:4px 0 4px}
.lf-workroom-record-head p{margin:0;color:var(--lf-muted,#667085)}
.lf-workroom-record-score{font-size:22px;white-space:nowrap;text-align:right}
.lf-workroom-record-score small{display:block;font-size:11px;font-weight:600;color:var(--lf-muted,#667085);text-transform:uppercase;letter-spacing:.08em}
.lf-workroom-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.lf-workroom-record-grid>div{padding:14px;border-radius:12px;background:var(--lf-soft,#f7f9fc)}
.lf-workroom-record-grid span,.lf-workroom-verified-skills>span{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--lf-muted,#667085);margin-bottom:6px}
.lf-workroom-record-grid p{margin:0;line-height:1.55;white-space:pre-wrap}
.lf-workroom-review-summary{margin-top:16px;padding-top:16px;border-top:1px solid var(--lf-border,#dfe6ee)}
.lf-workroom-review-summary>strong{display:block;margin-bottom:10px}
.lf-workroom-review-summary>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.lf-workroom-review-summary>div span{padding:9px 10px;border-radius:10px;background:var(--lf-soft,#f7f9fc);font-size:12px;display:flex;justify-content:space-between;gap:8px}
.lf-workroom-review-summary p{margin:12px 0 0;color:var(--lf-muted,#667085)}
.lf-workroom-verified-skills{margin-top:16px}
.lf-workroom-verified-skills>div{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:760px){.lf-workroom-record-grid{grid-template-columns:1fr}.lf-workroom-review-summary>div{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-workroom-record-head{flex-direction:column}.lf-workroom-record-score{text-align:left}}
@media(max-width:420px){.lf-workroom-review-summary>div{grid-template-columns:1fr}}

/* v0.9.39 Employer Workroom Evidence Dossier */
.lf-dossier-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
.lf-dossier-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px}
.lf-dossier-identity{display:flex;align-items:center;gap:18px}.lf-dossier-identity h1{margin:4px 0}.lf-dossier-identity p{margin:0;color:var(--lf-muted,#667085)}
.lf-dossier-verdict{text-align:right}.lf-dossier-verdict strong{display:block;font-size:32px;line-height:1}.lf-dossier-verdict span{display:block;margin-top:5px;color:var(--lf-muted,#667085);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.lf-dossier-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.lf-dossier-meta span{padding:7px 11px;border:1px solid var(--lf-border,#dfe6ee);border-radius:999px;background:var(--lf-surface,#fff);font-size:12px;font-weight:700}
.lf-dossier-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.lf-dossier-metrics .lf-card{padding:18px}.lf-dossier-metrics span{display:block;font-size:10px;font-weight:800;letter-spacing:.09em;color:var(--lf-muted,#667085)}.lf-dossier-metrics strong{display:block;font-size:24px;margin:6px 0}.lf-dossier-metrics small{color:var(--lf-muted,#667085)}
.lf-dossier-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:18px}.lf-dossier-section{margin-bottom:18px;padding:20px}.lf-dossier-section h2{margin:8px 0 12px}.lf-dossier-copy{color:var(--lf-text,#162033);line-height:1.7}.lf-dossier-copy p:first-child{margin-top:0}.lf-dossier-copy p:last-child{margin-bottom:0}
.lf-dossier-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lf-dossier-work-grid article{padding:15px;border-radius:12px;background:var(--lf-soft,#f7f9fc)}.lf-dossier-work-grid article>span,.lf-dossier-skills small{display:block;color:var(--lf-muted,#667085);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.lf-dossier-work-grid p{margin:8px 0 0;line-height:1.6;white-space:pre-wrap}
.lf-dossier-review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.lf-dossier-review-grid div{padding:12px;border-radius:11px;background:var(--lf-soft,#f7f9fc);text-align:center}.lf-dossier-review-grid span{display:block;color:var(--lf-muted,#667085);font-size:11px}.lf-dossier-review-grid strong{display:block;font-size:20px;margin-top:4px}.lf-dossier-section blockquote{margin:15px 0 0;padding:13px 15px;border-left:3px solid var(--lf-primary,#13b8b1);background:var(--lf-soft,#f7f9fc);border-radius:0 10px 10px 0;line-height:1.6}.lf-dossier-review-meta{margin-top:12px;color:var(--lf-muted,#667085);font-size:12px}
.lf-dossier-skills{display:grid;gap:9px}.lf-dossier-skills article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--lf-border,#dfe6ee);border-radius:11px}.lf-dossier-skills strong{display:block}.lf-dossier-skills small{margin-top:4px;text-transform:none;letter-spacing:0;font-weight:500;line-height:1.4}.lf-dossier-skills b{font-size:17px;white-space:nowrap;color:var(--lf-primary,#087f7a)}
.lf-dossier-trail{display:grid;gap:12px}.lf-dossier-trail>div{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}.lf-dossier-trail b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--lf-soft,#f7f9fc);font-size:10px}.lf-dossier-trail span{font-weight:700}.lf-dossier-trail small{display:block;color:var(--lf-muted,#667085);font-weight:500;margin-top:2px}.lf-dossier-footer-note{margin-bottom:0}.lf-dossier-footer-note p{margin:8px 0 0;color:var(--lf-muted,#667085);line-height:1.6}
.lf-workroom-record-actions{display:flex;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid var(--lf-border,#dfe6ee)}
@media(max-width:900px){.lf-dossier-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-dossier-grid{grid-template-columns:1fr}}
@media(max-width:620px){.lf-dossier-toolbar{align-items:stretch;flex-direction:column}.lf-dossier-hero{align-items:flex-start;flex-direction:column;padding:20px}.lf-dossier-verdict{text-align:left}.lf-dossier-metrics{grid-template-columns:1fr}.lf-dossier-work-grid,.lf-dossier-review-grid{grid-template-columns:1fr}.lf-dossier-section{padding:16px}.lf-dossier-meta{gap:6px}.lf-dossier-meta span{font-size:11px}}
@media print{body *{visibility:hidden!important}.lf-employer-dossier,.lf-employer-dossier *{visibility:visible!important}.lf-employer-dossier{position:absolute;left:0;top:0;width:100%;padding:0!important}.lf-dossier-toolbar,.lf-candidate-hero-actions,.lf-workroom-record-actions{display:none!important}.lf-dossier-hero,.lf-card{box-shadow:none!important}.lf-dossier-grid{grid-template-columns:1.6fr .8fr}.lf-dossier-metrics{grid-template-columns:repeat(4,1fr)}}

/* v0.9.40 Workrooms collaboration workspace */
.lf-workroom-collab-tabs{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr);gap:18px;margin:18px 0}.lf-workroom-chat-card,.lf-workroom-resources-card{min-width:0}.lf-workroom-chat{display:flex;flex-direction:column;gap:12px;max-height:480px;overflow:auto;padding:14px 2px;margin:14px 0;border-top:1px solid var(--lf-border,#e5e7eb);border-bottom:1px solid var(--lf-border,#e5e7eb)}.lf-workroom-message{display:flex;gap:10px;align-items:flex-start;max-width:92%}.lf-workroom-message.is-me{margin-left:auto;flex-direction:row-reverse}.lf-workroom-message-body{min-width:0;background:var(--lf-soft,#f7f9fc);border:1px solid var(--lf-border,#e5e7eb);border-radius:12px;padding:10px 12px}.lf-workroom-message.is-me .lf-workroom-message-body{background:var(--lf-primary-soft,#eef8f7)}.lf-workroom-message-body>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lf-workroom-message-body strong{font-size:13px}.lf-workroom-message-body small{font-size:11px;color:var(--lf-muted,#667085)}.lf-workroom-message-body p{margin:5px 0 0;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.lf-workroom-message-form{margin-top:12px}.lf-workroom-message-form textarea{width:100%;resize:vertical}.lf-workroom-message-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.lf-workroom-message-actions small{color:var(--lf-muted,#667085)}.lf-workroom-resources{display:flex;flex-direction:column;gap:8px}.lf-workroom-resources a{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid var(--lf-border,#e5e7eb);border-radius:10px;text-decoration:none;color:inherit;background:var(--lf-card,#fff)}.lf-workroom-resources a:hover{transform:translateY(-1px)}.lf-workroom-resource-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--lf-primary-soft,#eef8f7);font-weight:800}.lf-workroom-resources a span:last-child{min-width:0}.lf-workroom-resources strong,.lf-workroom-resources small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lf-workroom-resources small{font-size:11px;color:var(--lf-muted,#667085);margin-top:3px}.lf-workroom-resource-note{margin-top:12px;padding-top:12px;border-top:1px solid var(--lf-border,#e5e7eb);font-size:12px;color:var(--lf-muted,#667085);line-height:1.5}.lf-workroom-avatar{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--lf-primary,#0f766e);color:#fff;font-weight:800;font-size:12px}.lf-dark .lf-workroom-message-body,.lf-dark .lf-workroom-resources a{background:var(--lf-card,#121a26)}.lf-dark .lf-workroom-message.is-me .lf-workroom-message-body{background:rgba(20,184,166,.12)}
@media(max-width:850px){.lf-workroom-collab-tabs{grid-template-columns:1fr}.lf-workroom-chat{max-height:420px}}
@media(max-width:560px){.lf-workroom-message{max-width:100%}.lf-workroom-message-actions{align-items:stretch;flex-direction:column}.lf-workroom-message-actions .lf-button{width:100%}.lf-workroom-message-form textarea{font-size:16px}.lf-workroom-chat{padding:10px 0}.lf-workroom-avatar{flex-basis:30px;width:30px;height:30px}.lf-workroom-message-body{padding:9px 10px}}

/* v0.9.42 Workplace Scenario Engine */
.lf-workroom-scenario-card{margin-top:18px}.lf-workroom-scenario-list{display:grid;gap:12px;margin-top:14px}.lf-workroom-scenario{padding:16px;border:1px solid var(--lf-border,#e5e7eb);border-radius:14px;background:var(--lf-surface,#fff)}.lf-workroom-scenario h3{margin:5px 0 0;line-height:1.4}.lf-workroom-scenario-options{display:grid;gap:8px;margin-top:14px}.lf-workroom-scenario-options label{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--lf-border,#e5e7eb);border-radius:11px;cursor:pointer;background:var(--lf-soft,#f7f9fc);transition:border-color .15s,transform .15s}.lf-workroom-scenario-options label:hover{transform:translateY(-1px);border-color:var(--lf-primary,#0f766e)}.lf-workroom-scenario-options input{margin-top:3px;accent-color:var(--lf-primary,#0f766e)}.lf-workroom-scenario-options span{line-height:1.45}.lf-workroom-scenario-options .lf-button{margin-top:3px;justify-self:start}.lf-workroom-scenario-answer{margin-top:13px;padding:13px;border-radius:11px;background:var(--lf-primary-soft,#eef8f7);border:1px solid var(--lf-border,#dcefed)}.lf-workroom-scenario-answer strong,.lf-workroom-scenario-answer p,.lf-workroom-scenario-answer small{display:block}.lf-workroom-scenario-answer p{margin:5px 0;line-height:1.5}.lf-workroom-scenario-answer small{font-size:11px;color:var(--lf-muted,#667085)}.lf-dark .lf-workroom-scenario{background:var(--lf-card,#121a26)}.lf-dark .lf-workroom-scenario-options label{background:rgba(255,255,255,.035)}
@media(max-width:560px){.lf-workroom-scenario{padding:14px}.lf-workroom-scenario-options .lf-button{width:100%}}

/* Workrooms 0.9.44 workplace state */
.lf-workroom-scenario-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0 20px}
.lf-workroom-scenario-metrics>div{padding:12px 14px;border:1px solid var(--lf-border,#dfe5ec);border-radius:12px;background:var(--lf-card,#fff);min-width:0}
.lf-workroom-scenario-metrics span{display:block;font-size:11px;font-weight:700;opacity:.7;margin-bottom:5px}.lf-workroom-scenario-metrics strong{font-size:18px;line-height:1}
@media(max-width:900px){.lf-workroom-scenario-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.lf-workroom-scenario-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lf-workroom-scenario-metrics>div{padding:10px}.lf-workroom-scenario-metrics strong{font-size:16px}}

.lf-ai-agent-card{margin-top:20px}.lf-ai-agent-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.lf-ai-agent-choice.is-active{box-shadow:0 0 0 2px currentColor inset}.lf-ai-agent-input{width:100%;box-sizing:border-box;margin:8px 0 12px;resize:vertical}.lf-ai-agent-send{margin-bottom:14px}.lf-ai-agent-response{display:grid;gap:10px;max-height:420px;overflow:auto}.lf-ai-agent-response article{padding:14px 16px;border:1px solid rgba(100,116,139,.22);border-radius:12px;background:rgba(148,163,184,.06)}.lf-ai-agent-response article p{margin:6px 0;line-height:1.55}.lf-ai-agent-response .lf-kicker{display:block;margin-bottom:5px}@media(max-width:640px){.lf-ai-agent-tabs{display:grid;grid-template-columns:1fr}.lf-ai-agent-choice{width:100%}}


/* LearnFlourish 0.9.52 — polished navigation controls + BuddyBoss mobile cleanup */
.lf-mobile-menu{border:1px solid var(--lf-border)!important;background:var(--lf-surface)!important;color:var(--lf-text)!important;border-radius:12px!important;box-shadow:0 4px 12px rgba(20,30,55,.06);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.lf-mobile-menu:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(20,30,55,.1)}
.lf-mobile-menu:active{transform:translateY(0)}
.lf-mobile-menu svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.lf-toggle{width:40px!important;height:40px!important;border-radius:12px!important;display:grid!important;place-items:center!important;padding:0!important;background:var(--lf-surface)!important;color:var(--lf-text)!important;box-shadow:0 4px 12px rgba(20,30,55,.06);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.lf-toggle:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(20,30,55,.1)}
.lf-toggle:focus-visible,.lf-mobile-menu:focus-visible{outline:3px solid color-mix(in srgb,var(--lf-accent) 28%,transparent);outline-offset:2px}
.lf-theme-icon{display:none;width:19px;height:19px;align-items:center;justify-content:center}.lf-theme-icon svg{width:19px;height:19px;display:block}
html:not(.lf-dark) .lf-theme-icon-moon{display:flex}html.lf-dark .lf-theme-icon-sun{display:flex}
/* BuddyBoss's header search is separate from LearnFlourish's app search. Hide the
   BuddyBoss search control/panel on LF app pages at tablet/mobile sizes. */
@media (max-width:1024px){
  body:has(.lf-app) .header-search-link,
  body:has(.lf-app) #header-search,
  body:has(.lf-app) .bb-search-bar,
  body:has(.lf-app) .bb-search-wrap,
  body:has(.lf-app) .bb-header-search,
  body:has(.lf-app) .bb-mobile-search,
  body:has(.lf-app) .header-search,
  body:has(.lf-app) .search-toggle,
  body:has(.lf-app) .buddypanel,
  body:has(.lf-app) #buddypanel,
  body:has(.lf-app) .bb-mobile-panel{display:none!important}
}
/* The LF app already owns its navigation on small screens. Keep the desktop
   BuddyBoss shell from adding a second mobile menu/search affordance. */
@media (max-width:820px){
  .lf-search-wrap{display:none!important}
  .lf-topbar{justify-content:flex-end}
  .lf-mobile-menu{position:relative}
}
@media (min-width:821px) and (max-width:1024px){.lf-search-wrap{display:none!important}.lf-topbar{justify-content:flex-end}}


/* LearnFlourish 0.9.53 — responsive search + navigation control polish */
/* Keep LearnFlourish search visible on tablet and mobile; BuddyBoss search remains hidden. */
@media (max-width:1024px){
  .lf-search-wrap{
    display:block!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  .lf-topbar{
    justify-content:space-between!important;
    align-items:center!important;
  }
}
@media (max-width:820px){
  .lf-topbar{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0 12px!important;
  }
  .lf-mobile-menu{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    line-height:0!important;
    text-align:center!important;
  }
  .lf-mobile-menu svg{
    width:21px!important;
    height:21px!important;
    margin:0!important;
    flex:0 0 21px!important;
    transform:none!important;
  }
  .lf-search-wrap{
    display:block!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
  }
  .lf-search{width:100%!important}
  .lf-search input{
    width:100%!important;
    height:42px!important;
    padding:10px 12px 10px 36px!important;
    border-radius:11px!important;
    font-size:14px!important;
  }
  .lf-search>span{left:12px!important;top:9px!important;font-size:20px!important;line-height:24px!important}
  .lf-user-wrap{flex:0 0 auto!important}
  .lf-user-trigger{display:flex!important;align-items:center!important;justify-content:center!important}
}
@media (max-width:560px){
  .lf-topbar{gap:7px!important;padding:0 10px!important}
  .lf-mobile-menu{flex-basis:40px!important;width:40px!important;height:40px!important}
  .lf-search input{height:40px!important;font-size:13px!important;padding-left:34px!important}
  .lf-search>span{left:10px!important;top:8px!important}
}


/* 0.9.57 Progression Map */
.lf-progression-map{margin:18px 0;overflow:hidden}.lf-progression-track{display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding:6px 2px 12px;scrollbar-width:thin}.lf-progression-node{min-width:190px;max-width:250px;flex:1}.lf-progression-node>a{height:100%;display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--lf-border,#dfe6ee);border-radius:14px;background:var(--lf-surface,#fff);color:inherit;text-decoration:none;box-shadow:0 2px 8px rgba(16,24,40,.04)}.lf-progression-node.current>a{border-color:var(--lf-primary,#0f766e);box-shadow:0 0 0 2px rgba(15,118,110,.10)}.lf-progression-node.complete>a{background:var(--lf-primary-soft,#eef8f7)}.lf-progression-node.locked>a{opacity:.62;cursor:not-allowed}.lf-progression-index{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:50%;background:var(--lf-soft,#f7f9fc);font-size:12px;font-weight:800}.lf-progression-node.complete .lf-progression-index{background:var(--lf-primary,#0f766e);color:#fff}.lf-progression-node.current .lf-progression-index{background:var(--lf-primary-soft,#eef8f7);color:var(--lf-primary,#0f766e)}.lf-progression-node strong,.lf-progression-node small{display:block}.lf-progression-node strong{font-size:13px;line-height:1.35}.lf-progression-node small{margin-top:4px;color:var(--lf-muted,#667085);font-size:11px}.lf-progression-connector{align-self:center;font-size:20px;color:var(--lf-muted,#98a2b3);padding:0 1px}@media(max-width:700px){.lf-progression-track{margin-right:-4px}.lf-progression-node{min-width:175px}.lf-progression-connector{font-size:16px}}
\n/* LearnFlourish 0.9.58 — Learner Course Dashboard */
.lf-course-identity{min-width:210px;padding:16px 18px;border:1px solid var(--lf-border,#e5e7eb);border-radius:16px;background:var(--lf-card,#fff);display:flex;flex-direction:column;gap:5px}.lf-course-identity strong{font-size:15px}.lf-course-identity span{font-size:12px;color:var(--lf-muted,#667085)}.lf-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lf-course-card{padding:22px}.lf-course-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.lf-course-code{font-size:12px;font-weight:800;letter-spacing:.05em;color:var(--lf-muted,#667085)}.lf-course-card h2{margin:15px 0 5px;font-size:20px}.lf-course-progress{margin-top:20px}.lf-course-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.lf-course-progress>div:first-child span{font-size:12px;color:var(--lf-muted,#667085)}.lf-course-progress>div:first-child strong{font-size:18px}.lf-course-progress small{display:block;margin-top:8px;color:var(--lf-muted,#667085);font-size:11px}.lf-course-next{margin-top:18px;padding:14px;border:1px solid var(--lf-border,#e5e7eb);border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--lf-soft,#f7f9fc)}.lf-course-next strong{display:block;margin-top:4px;font-size:14px}.lf-course-complete{margin-top:18px;padding:13px 14px;border-radius:12px;background:var(--lf-primary-soft,#eef8f7);font-size:12px;font-weight:700}.lf-course-link{display:inline-block;margin-top:15px;font-size:12px;font-weight:750;text-decoration:none}.lf-dark .lf-course-identity,.lf-dark .lf-course-next{background:var(--lf-card,#121a26)}@media(max-width:800px){.lf-course-grid{grid-template-columns:1fr}.lf-course-identity{width:100%;box-sizing:border-box}}@media(max-width:600px){.lf-course-card{padding:17px}.lf-course-next{align-items:flex-start;flex-direction:column}.lf-course-next .lf-button{width:100%;text-align:center;box-sizing:border-box}}