.detail.svelte-15jqfgx{display:flex;flex-direction:column;gap:24px}.detail__breadcrumb.svelte-15jqfgx{display:flex;gap:8px;font-size:.8rem;color:var(--color-text-muted)}.detail__breadcrumb.svelte-15jqfgx a:where(.svelte-15jqfgx){color:var(--color-primary)}.detail__header.svelte-15jqfgx{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.detail__title.svelte-15jqfgx{font-size:1.5rem;font-weight:700}.detail__desc.svelte-15jqfgx{font-size:.9rem;color:var(--color-text-secondary);margin-top:4px}.detail__meta.svelte-15jqfgx{display:flex;align-items:center;gap:12px}.levels.svelte-15jqfgx{display:flex;align-items:center;gap:0;padding:16px 0}.levels__step.svelte-15jqfgx{display:flex;flex-direction:column;align-items:center;gap:6px}.levels__dot.svelte-15jqfgx{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;background:var(--color-border);color:var(--color-text-muted)}.levels__step--active.svelte-15jqfgx .levels__dot:where(.svelte-15jqfgx){background:var(--color-primary);color:#fff}.levels__step--complete.svelte-15jqfgx .levels__dot:where(.svelte-15jqfgx){background:var(--color-green);color:#fff}.levels__step--locked.svelte-15jqfgx .levels__dot:where(.svelte-15jqfgx){background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text-muted)}.levels__name.svelte-15jqfgx{font-size:.65rem;font-weight:500;color:var(--color-text-muted);text-align:center}.levels__step--active.svelte-15jqfgx .levels__name:where(.svelte-15jqfgx){color:var(--color-primary);font-weight:600}.levels__line.svelte-15jqfgx{flex:1;height:2px;background:var(--color-border);margin:0 4px 20px}.levels__line--complete.svelte-15jqfgx{background:var(--color-green)}.levelup.svelte-15jqfgx{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--color-green-bg);border:1px solid var(--color-green-border);border-radius:var(--radius-md)}.levelup__text.svelte-15jqfgx{font-size:.9rem;font-weight:500;color:var(--color-green)}.levelup__btn.svelte-15jqfgx{padding:8px 20px;background:var(--color-green);color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;white-space:nowrap;transition:opacity .15s}.levelup__btn.svelte-15jqfgx:hover{opacity:.9}.areas.svelte-15jqfgx{display:flex;flex-direction:column;gap:16px}.areas__header.svelte-15jqfgx{display:flex;justify-content:space-between;align-items:center}.areas__title.svelte-15jqfgx{font-size:1.1rem;font-weight:600}.areas__assess-btn.svelte-15jqfgx{padding:8px 16px;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;text-decoration:none;transition:opacity .15s}.areas__assess-btn.svelte-15jqfgx:hover{opacity:.9;text-decoration:none}.areas__grid.svelte-15jqfgx{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.area.svelte-15jqfgx{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);border-left:4px solid var(--color-border)}.area--green.svelte-15jqfgx{border-left-color:var(--color-green)}.area--yellow.svelte-15jqfgx{border-left-color:var(--color-yellow)}.area--red.svelte-15jqfgx{border-left-color:var(--color-red)}.area__header.svelte-15jqfgx{display:flex;justify-content:space-between;align-items:center}.area__name.svelte-15jqfgx{font-size:.95rem;font-weight:600}.area__desc.svelte-15jqfgx{font-size:.8rem;color:var(--color-text-secondary)}.area__bar-container.svelte-15jqfgx{display:flex;align-items:center;gap:8px}.area__bar.svelte-15jqfgx{flex:1;height:6px;background:var(--color-bg);border-radius:3px;overflow:hidden}.area__bar-fill.svelte-15jqfgx{height:100%;border-radius:3px;transition:width .5s ease}.area__bar-fill--green.svelte-15jqfgx{background:var(--color-green)}.area__bar-fill--yellow.svelte-15jqfgx{background:var(--color-yellow)}.area__bar-fill--red.svelte-15jqfgx{background:var(--color-red)}.area__score.svelte-15jqfgx{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);min-width:36px;text-align:right}.area__metrics.svelte-15jqfgx{padding:10px 12px;background:var(--color-bg);border-radius:var(--radius-sm)}.area__metrics-title.svelte-15jqfgx{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px}.area__metric.svelte-15jqfgx{font-size:.8rem;color:var(--color-text-secondary);line-height:1.5}.area__actions.svelte-15jqfgx{margin-top:auto;padding-top:6px}.area__link.svelte-15jqfgx{font-size:.8rem;font-weight:600;color:var(--color-primary)}@media(max-width:640px){.areas__grid.svelte-15jqfgx{grid-template-columns:1fr}.levelup.svelte-15jqfgx{flex-direction:column;text-align:center}}