.catalog-coming-soon{padding-block:var(--oasis-space-6) var(--oasis-space-9);text-align:center}.catalog-coming-soon-banner{border-radius:var(--oasis-radius-art);aspect-ratio:3;object-fit:contain;width:100%;height:auto;margin-bottom:var(--oasis-space-6);display:block}.catalog .catalog-coming-soon h2{font-family:var(--oasis-font-heading);font-size:clamp(var(--oasis-space-9), 8vw, calc(var(--oasis-text-heading) * 1.6));letter-spacing:var(--oasis-tracking-heading);font-weight:800;line-height:1.15}.catalog .catalog-coming-soon p{max-width:38ch;margin:var(--oasis-space-4) auto 0}.catalog-coming-soon-label{color:var(--oasis-muted);font-size:var(--oasis-text-control)}.catalog{color:var(--oasis-text);padding-block:var(--oasis-space-4) var(--oasis-space-6);--subject-ink:var(--oasis-text);--course-accent:var(--oasis-accent)}.catalog h1,.catalog h2,.catalog h3,.catalog p{margin:0}.catalog-heading{margin-block:var(--oasis-space-6) var(--oasis-space-9)}.catalog h1{font-size:var(--oasis-text-heading);letter-spacing:var(--oasis-tracking-heading);margin-block:var(--oasis-space-3) var(--oasis-space-4);line-height:1.2}.catalog h2{font-size:var(--oasis-text-body)}.catalog h3{font-size:var(--oasis-text-control);line-height:var(--oasis-leading-body)}.catalog-eyebrow{font-family:var(--oasis-font-heading);letter-spacing:var(--oasis-tracking-eyebrow);color:var(--oasis-muted);font-size:.875rem;font-weight:700}.catalog-muted{color:var(--oasis-muted);font-size:var(--oasis-text-control);line-height:var(--oasis-leading-body)}.catalogue-invitation{padding:var(--oasis-space-4);margin-block:var(--oasis-space-4);border:1px solid var(--oasis-border);border-radius:var(--oasis-space-3);background:var(--oasis-surface);color:var(--oasis-text)}.catalogue-invitation p{margin-top:0}.catalogue-invitation a{color:var(--oasis-link);font-weight:600}.catalog-section-heading{justify-content:space-between;align-items:center;gap:var(--oasis-space-3);margin-bottom:var(--oasis-space-4);display:flex}.catalog-section-heading>span{color:var(--oasis-muted);font-size:.875rem}.course-cards{gap:var(--oasis-space-6);display:grid}.course-card{padding:var(--oasis-space-3);border:1px solid var(--oasis-border);border-radius:var(--oasis-radius-card);background:var(--oasis-surface);box-shadow:var(--oasis-shadow);color:var(--oasis-text);transition:transform var(--oasis-motion-screen);text-decoration:none;display:block}.course-card-art{border-radius:var(--oasis-radius-art);background:color-mix(in srgb, var(--course-accent) var(--oasis-subject-wash), var(--oasis-surface));color:var(--subject-ink);padding:var(--oasis-space-3);position:relative}.course-code{top:var(--oasis-space-3);left:var(--oasis-space-4);font-family:var(--oasis-font-heading);letter-spacing:1px;font-size:.875rem;font-weight:700;position:absolute}.course-artwork{flex:none;width:52%;height:160px}.course-code>span+span{margin-top:var(--oasis-space-2)}.course-artwork{object-fit:contain;width:100%;height:150px;color:var(--subject-ink);display:block}.course-artwork-fallback{color:var(--subject-ink);justify-content:center;align-items:center;font-size:64px;display:flex}.catalog-row-copy .topic-level,.topic-level{padding:var(--oasis-space-1) var(--oasis-space-3);border-radius:var(--oasis-radius-button);color:var(--oasis-muted);background:var(--oasis-background);border:1px solid var(--oasis-border);margin-top:var(--oasis-space-2);font-size:.875rem;display:inline-flex}.topic-description{margin-top:var(--oasis-space-3)!important}.catalog-state p{margin-block:var(--oasis-space-5)}.catalog-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skeleton-line{width:var(--skeleton-width);border-radius:var(--oasis-space-1);background:var(--oasis-skeleton);vertical-align:baseline;max-width:100%;height:.75em;animation:1.8s ease-in-out infinite catalog-pulse;display:inline-block}.skeleton-block{background:var(--oasis-skeleton);animation:1.8s ease-in-out infinite catalog-pulse}.skeleton-level{vertical-align:top;width:85px;height:27.6px}.catalog-loading .catalog-arrow{width:20px;height:20px;line-height:20px;display:block}.catalog-loading .course-card-art{background:var(--oasis-background)}.catalog-loading .course-card-art .skeleton-block{background:var(--oasis-skeleton);border-radius:var(--oasis-radius-art)}.catalog-loading .course-card{pointer-events:none}.course-hero>.course-artwork{flex:none}.catalog-loading .course-hero>.course-artwork{aspect-ratio:400/210;border-radius:var(--oasis-radius-art);height:auto}@keyframes catalog-pulse{0%,to{opacity:1}50%{opacity:.55}}.course-card-body{padding:var(--oasis-space-4) var(--oasis-space-2) var(--oasis-space-2)}.course-card-body h2{font-size:var(--oasis-text-brand);margin-bottom:var(--oasis-space-2)}.course-card-body p{font-size:.9375rem}.course-card-footer{justify-content:space-between;align-items:center;gap:var(--oasis-space-3);margin-top:var(--oasis-space-5);color:var(--oasis-muted);font-size:.875rem;display:flex}.catalog-arrow{color:var(--subject-ink);flex-shrink:0;font-size:20px}.catalog-footnote{text-align:center;color:var(--oasis-muted);padding-top:var(--oasis-space-8);font-size:.875rem}.catalog-back{align-items:center;gap:var(--oasis-space-2);color:var(--oasis-link);min-height:44px;font-size:.9375rem;text-decoration:none;display:inline-flex}.course-hero{align-items:center;gap:var(--oasis-space-2);padding-block:var(--oasis-space-6) var(--oasis-space-8);display:flex}.course-hero>div{flex:1}.course-hero .course-artwork{width:38%;height:auto}.topic-list{border-top:1px solid var(--oasis-border)}.topic-row,.lesson-row{align-items:center;gap:var(--oasis-space-4);color:var(--oasis-text);padding-block:var(--oasis-space-5);text-decoration:none;display:flex}.topic-row{border-bottom:1px solid var(--oasis-border)}.topic-number,.topic-emblem{background:color-mix(in srgb, var(--course-accent) var(--oasis-subject-wash), var(--oasis-surface));color:var(--subject-ink);border-radius:var(--oasis-radius-control);width:44px;height:44px;font-family:var(--oasis-font-heading);flex-shrink:0;justify-content:center;align-items:center;font-size:.9375rem;font-weight:700;display:inline-flex}.catalog-row-copy{flex:1;min-width:0}.catalog-row-copy p,.catalog-row-copy>span{color:var(--oasis-muted);font-size:.875rem}.catalog-row-copy p{margin-top:var(--oasis-space-1)}.topic-heading{margin-top:var(--oasis-space-5)}.topic-emblem{width:56px;height:56px;margin-bottom:var(--oasis-space-5);font-size:24px}.lesson-list{margin:0;padding:0;list-style:none}.lesson-list li{position:relative}.lesson-list li:not(:last-child):before{content:"";border-left:1px solid var(--oasis-border);pointer-events:none;position:absolute;top:50%;bottom:-50%;left:18px}.lesson-number{border-radius:var(--oasis-radius-button);border:1px solid var(--oasis-border);background:var(--oasis-surface);width:38px;height:38px;font-size:.9375rem;font-family:var(--oasis-font-heading);color:var(--subject-ink);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.lesson-completed .lesson-number{background:var(--oasis-completed);border-color:var(--oasis-completed);color:var(--oasis-completed-contrast)}.lesson-completed .lesson-number ion-icon{font-size:23px}.lesson-list li.lesson-connection-completed:before{border-left:2px solid var(--oasis-completed)}.lesson-in-progress .lesson-number{border-color:var(--oasis-primary);background:color-mix(in srgb, var(--oasis-primary) 12%, var(--oasis-surface));color:var(--oasis-primary)}.catalog-row-copy .lesson-kind{letter-spacing:1px;font-size:.875rem}.lesson-test .lesson-number{border-radius:var(--oasis-radius-control);border-color:var(--oasis-test);background:var(--oasis-test);color:var(--oasis-test-contrast)}.lesson-test .lesson-kind{color:color-mix(in srgb, var(--oasis-test) 65%, var(--oasis-text));font-weight:700}.lesson-test .lesson-open{border-color:color-mix(in srgb, var(--oasis-test) 45%, var(--oasis-border));background:color-mix(in srgb, var(--oasis-test) 8%, var(--oasis-surface));color:color-mix(in srgb, var(--oasis-test) 65%, var(--oasis-text))}.lesson-row .catalog-arrow{color:var(--oasis-muted);font-size:18px}.lesson-open{border:1px solid var(--oasis-border);border-radius:var(--oasis-radius-control);background:var(--oasis-surface);min-height:44px;color:var(--oasis-text);font-size:var(--oasis-text-control);align-items:center;margin-top:8px;padding-inline:16px;font-weight:600;text-decoration:none;display:inline-flex}.lesson-actions{align-items:flex-start;gap:var(--oasis-space-3);flex-wrap:wrap;display:flex}.lesson-share{min-width:0;max-width:100%}.lesson-share-button{cursor:pointer;justify-content:center;width:44px;height:44px;padding:0}.lesson-share-button ion-icon{font-size:22px}.lesson-share-button:disabled{opacity:.6;cursor:wait}.lesson-share-status{color:var(--oasis-muted);font-size:var(--oasis-text-label);display:block}.lesson-share-status:empty{display:none}.lesson-share-link{box-sizing:border-box;border:1px solid var(--oasis-border);border-radius:var(--oasis-radius-control);background:var(--oasis-surface);width:100%;min-height:44px;color:var(--oasis-text);display:block}.lesson-preview{padding:var(--oasis-space-6);background:var(--oasis-surface);border-radius:var(--oasis-radius-card);border:1px solid var(--oasis-border)}.lesson-preview h2{margin-block:var(--oasis-space-5) var(--oasis-space-3)}.lesson-preview p{font-size:var(--oasis-text-body);line-height:var(--oasis-leading-body)}.lesson-preview .catalog-muted{margin-top:var(--oasis-space-5);font-size:.875rem}@media (hover:hover){.course-card:hover{transform:translateY(-2px)}.topic-row:hover h3{color:var(--subject-ink)}}@media (prefers-reduced-motion:reduce){.skeleton-line,.skeleton-block{animation:none}.course-card{transition:none}}.course-artwork-dark,:root[data-theme=dark] .course-artwork-light{display:none}:root[data-theme=dark] .course-artwork-dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .course-artwork-light{display:none}:root:not([data-theme=light]) .course-artwork-dark{display:block}}
