/* Learner catalog only: retain drag/drop classes and progress semantics. */
.page-home #home-catalog{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.page-home #home-catalog .path-card{--path-accent:var(--theme-purple,#b78ce6);min-width:0;border:1px solid var(--border,#e8def2);border-top:3px solid var(--path-accent);border-radius:24px;box-shadow:0 8px 24px #24334708;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;background:var(--surface,#fff)}
.page-home #home-catalog .path-card:nth-child(3n+2){--path-accent:var(--theme-teal,#64bdb6)}
.page-home #home-catalog .path-card:nth-child(3n){--path-accent:#e9c166}
.page-home #home-catalog .path-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #24334712;border-color:var(--path-accent)}
.page-home #home-catalog .path-card:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-purple,#b78ce6) 22%,transparent),0 12px 30px #24334710}
.page-home #home-catalog .path-cover{position:relative;display:flex;align-items:flex-end;min-height:240px;height:auto;padding:70px 18px 20px;background:color-mix(in srgb,var(--path-accent) 20%,white)}
.page-home #home-catalog .path-cover>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.page-home #home-catalog .path-cover:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#17223599);pointer-events:none}
.page-home #home-catalog .path-cover.is-illustration{background:linear-gradient(135deg,color-mix(in srgb,var(--path-accent) 26%,white),color-mix(in srgb,var(--path-accent) 8%,white))}
.page-home #home-catalog .path-cover.is-illustration img{padding:24px 18px 64px;object-fit:contain}
.page-home #home-catalog .path-cover-title{position:relative;z-index:2;width:100%;padding:12px 14px;margin:0;border:1px solid #ffffff24;border-radius:13px;background:#172235d9;backdrop-filter:blur(6px);color:#fff;font-size:1.2rem;line-height:1.4;letter-spacing:-.015em;overflow-wrap:anywhere}
.page-home #home-catalog .path-achievement{position:absolute;z-index:3;top:10px;right:12px;display:grid;place-items:center;width:48px;height:52px;border-radius:14px;background:#fffcf0f2;box-shadow:0 4px 14px #17223525;transform:rotate(7deg)}
.page-home #home-catalog .is-complete .path-status{max-width:calc(100% - 90px)}
.page-home #home-catalog .path-status{display:inline-flex;align-items:center;gap:7px;z-index:2;top:14px;left:14px;padding:8px 12px;background:#fffffff2;color:#4b3c64;font-size:.7rem;box-shadow:0 3px 10px #17223514;backdrop-filter:blur(8px)}
.page-home #home-catalog .path-status-dot{width:7px;height:7px;border-radius:50%;background:#9e87bc;flex-shrink:0}
.page-home #home-catalog .is-started .path-status-dot{background:#e49c27}
.page-home #home-catalog .is-awaiting .path-status-dot{background:#448fc0}
.page-home #home-catalog .is-complete .path-status{background:#e7fff1;color:#21724a}
.page-home #home-catalog .is-complete .path-status-dot{background:#21946c}
.page-home #home-catalog .path-card-body{padding:18px 20px 20px;gap:0}
.page-home #home-catalog .path-card-progress{margin:0 0 14px;align-items:center;font-size:.72rem;color:var(--brand-text,#526477);gap:8px}
.page-home #home-catalog .path-card-progress strong{font-size:.95rem;color:var(--blue,#7451a1);white-space:nowrap}
.page-home #home-catalog> .path-card>progress{display:block;flex-shrink:0;width:100%;height:6px;margin:0;border:0;border-radius:0;overflow:hidden;background:#ececf3}
.page-home #home-catalog progress::-webkit-progress-bar{background:#ececf3;border-radius:0}
.page-home #home-catalog progress::-webkit-progress-value{background:var(--theme-teal,#64bdb6);border-radius:0}
.page-home #home-catalog progress::-moz-progress-bar{background:var(--theme-teal,#64bdb6);border-radius:0}
.page-home #home-catalog .path-card-metadata{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-bottom:12px}
.page-home #home-catalog .path-card-meta{position:static;margin:0;padding:0;background:none;box-shadow:none;color:var(--brand-text,#526477);font-size:.75rem}
.page-home #home-catalog .path-card-time{display:flex;align-items:center;gap:6px;background:none;border:0;border-radius:0;padding:0;margin:0;font-size:.75rem;color:var(--brand-text,#526477)}
.page-home #home-catalog .path-card-time>span{display:inline-flex;align-items:center;gap:0}
.page-home #home-catalog .path-card-time svg{width:15px;height:15px}
.page-home #home-catalog .path-card-time strong{font-variant-numeric:tabular-nums}
.page-home #home-catalog .path-time-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.page-home #home-catalog .path-card-next{min-height:36px;font-size:.75rem;line-height:1.5;margin:0 0 16px;color:var(--brand-text,#526477)}
.page-home #home-catalog .path-card-body .button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0;margin-top:auto;border-radius:13px;padding:13px 16px;background:var(--blue,#7451a1);color:var(--brand-on-primary,#fff);font-size:.88rem;line-height:1.4}
.page-home #home-catalog .path-card-body .button>span{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:#ffffff22}
.page-home #home-catalog .path-results-link{display:block;text-align:center;margin:14px 0 0;font-size:.75rem;font-weight:600;color:var(--blue,#7451a1)}
.page-home #home-catalog .path-card.is-dragging{transform:rotate(-1deg);opacity:.65;box-shadow:0 12px 32px #24334718}
.page-home #home-catalog .path-card.is-drop-target{outline:3px dashed var(--blue,#7451a1);outline-offset:4px}
@media(max-width:1500px){.page-home #home-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){.page-home #home-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.page-home #home-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.page-home #home-catalog{grid-template-columns:minmax(0,1fr);gap:20px}.page-home #home-catalog .path-cover{min-height:230px}}
@media(prefers-reduced-motion:reduce){.page-home #home-catalog .path-card{transition:none}.page-home #home-catalog .path-card:hover{transform:none}}
@media print{.page-home #home-catalog{display:block}.page-home #home-catalog .path-cover{display:block;min-height:0;padding:16px;background:none}.page-home #home-catalog .path-cover>img,.page-home #home-catalog .path-cover:after,.page-home #home-catalog .path-status,.page-home #home-catalog .path-achievement{display:none}.page-home #home-catalog .path-cover-title{background:none;color:#243347;border:0;padding:0}.page-home #home-catalog .path-card{break-inside:avoid;margin:15px 0;box-shadow:none}}
