.courses-main{width:min(1460px,100% - 48px);margin:0 auto;padding:28px 0 56px}.courses-main .course-layout{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:26px;display:grid}.courses-main .filter-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:10px;padding:14px;display:grid;position:sticky;top:96px;box-shadow:0 10px 28px #12467014}.courses-main .filter-panel-head{gap:6px;display:grid}.courses-main .filter-panel-head .eyebrow{color:var(--blue-strong);text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:800}.courses-main .filter-panel-head h1{margin:0;font-size:clamp(1.55rem,4.6vw,2.35rem);line-height:1.05}.courses-main .search-wrap{align-items:center;gap:12px;margin:0;display:flex}.courses-main .search{flex:1;position:relative}.courses-main .search svg{width:17px;height:17px;color:var(--blue);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.courses-main .search-input,.courses-main .select-input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:40px;color:var(--text);border-radius:6px;padding:0 12px}.courses-main .search-input{height:42px;padding-left:40px}.courses-main .search-input:focus,.courses-main .select-input:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px #1677c81f}.courses-main .metric-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;display:grid}.courses-main .metric-row div{border:1px solid var(--line);background:var(--surface);border-radius:6px;min-width:0;padding:8px 10px;box-shadow:0 3px 14px #18486c0a}.courses-main .metric-row div:last-child{grid-column:1/-1}.courses-main .metric-row dt{color:var(--text);margin:0;font-size:1.12rem;font-weight:850}.courses-main .metric-row dd{color:var(--muted);margin:0;font-size:.7rem}.courses-main .field-label{color:var(--muted);margin-top:2px;font-size:.76rem;font-weight:800}.courses-main .segmented-control{background:var(--blue-pale);border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:4px;padding:3px;display:grid}.courses-main .segmented-control.campus-filter,.courses-main .segmented-control.course-duration-filter{grid-template-columns:repeat(auto-fit,minmax(55px,1fr))}.courses-main .segmented-control button{min-width:0;min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:6px 2px;font-size:.78rem;font-weight:700}.courses-main .segmented-control button.is-selected{background:var(--surface);color:var(--text);box-shadow:0 1px #134b7414}.courses-main .course-level-100{--level-accent:#0f766e;--level-text:#115e59;--level-bg:#ddf7f0;--level-soft:#eefbf7;--level-border:#8bd8c8}.courses-main .course-level-200{--level-accent:#2563eb;--level-text:#1d4ed8;--level-bg:#dbeafe;--level-soft:#eff6ff;--level-border:#93c5fd}.courses-main .course-level-300{--level-accent:#b45309;--level-text:#92400e;--level-bg:#fef3c7;--level-soft:#fffbeb;--level-border:#fcd34d}.courses-main .course-level-400{--level-accent:#be123c;--level-text:#9f1239;--level-bg:#ffe4e6;--level-soft:#fff1f2;--level-border:#fda4af}.courses-main .course-level-other{--level-accent:#475569;--level-text:#334155;--level-bg:#f1f5f9;--level-soft:#f8fafc;--level-border:#cbd5e1}.courses-main .course-level-legend{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.courses-main .course-level-legend span{border:1px solid var(--level-border);background:var(--level-soft);min-width:0;min-height:28px;color:var(--level-text);border-radius:5px;justify-content:center;align-items:center;gap:6px;font-size:.74rem;font-weight:850;display:inline-flex}.courses-main .course-level-legend i{border:1px solid var(--level-border);background:var(--level-accent);border-radius:2px;width:10px;height:10px}.courses-main .filter-summary{background:var(--blue-pale);min-height:42px;color:var(--muted);border-radius:6px;place-items:center start;padding:10px 12px;font-size:.88rem;font-weight:750;display:grid}.courses-main .course-error{color:#a52425;margin:0;font-size:.84rem}.courses-main .course-results{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));align-items:stretch;gap:16px;display:grid}.courses-main .course-results.is-code-only{grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:12px}.courses-main .course-card{border:1px solid var(--line);border-left:5px solid var(--level-accent,var(--line));background:linear-gradient(90deg,var(--level-soft,var(--surface)) 0,var(--surface) 42%);text-align:left;border-radius:8px;grid-template-rows:auto auto auto 1fr;gap:12px;width:100%;min-height:270px;padding:19px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 3px 14px #18486c0a}.courses-main .course-card:hover,.courses-main .course-card:focus-visible{border-color:var(--level-border,#9cc8e7);border-left-color:var(--level-accent,#9cc8e7);outline:none;transform:translateY(-2px);box-shadow:0 10px 28px #12467014}.courses-main .course-card.is-code-only{grid-template-rows:auto auto 1fr;gap:8px;min-height:150px;padding:14px}.courses-main .course-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.courses-main .course-code{color:var(--level-text,var(--blue-strong));font-size:.8rem;font-weight:850}.courses-main .level-pill{border:1px solid var(--level-border);background:var(--level-bg);min-width:48px;min-height:26px;color:var(--level-text);border-radius:4px;justify-content:center;align-items:center;padding:0 8px;font-size:.8rem;font-weight:850;display:inline-flex}.courses-main .course-card h3{min-height:3.75em;margin:5px 0 0;font-size:1.12rem;line-height:1.25}.courses-main .chip-row{flex-wrap:wrap;gap:6px;display:flex}.courses-main .chip-row>span{min-height:26px;color:var(--muted);background:#eff5f8;border-radius:4px;align-items:center;padding:0 8px;font-size:.75rem;font-weight:750;display:inline-flex}.courses-main .mini-prereq{border-top:1px solid var(--line);flex-wrap:wrap;align-self:end;gap:6px;margin-top:2px;padding-top:13px;display:flex}.courses-main .mini-prereq span{color:#74550b;background:#fff5d6;border-radius:4px;align-items:center;min-height:26px;padding:0 8px;font-size:.75rem;font-weight:750;display:inline-flex}.courses-main .course-load-more{grid-column:1/-1;justify-content:center;padding:8px 0 2px;display:flex}.courses-main .course-load-more-button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--blue-strong);border-radius:6px;align-items:center;gap:10px;padding:0 14px;font-weight:750;display:inline-flex}.courses-main .course-load-more-button span{color:var(--muted);font-size:.78rem;font-weight:700}.courses-main .empty-state{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-column:1/-1;padding:30px}.courses-main .empty-state h3{margin:0 0 6px}.courses-main .empty-state p{color:var(--muted);margin:0}@media (max-width:860px){.courses-main .course-layout{grid-template-columns:1fr}.courses-main .filter-panel{position:static}}@media (max-width:520px){.courses-main{width:min(100% - 32px,560px)}.courses-main .course-results{grid-template-columns:1fr}}.courses-main .course-loading-placeholder{background:#eaf1f5;border-radius:5px;display:block}.courses-main .course-loading-search{height:42px}.courses-main .course-loading-field{height:40px}.courses-main .course-loading-options{background:var(--blue-pale);height:38px}.courses-main .course-loading-metrics div{height:56px;box-shadow:none;background:#eaf1f5}.courses-main .course-loading-card{border:1px solid var(--line);background:var(--surface);border-left:5px solid #cbd9e4;border-radius:8px;align-content:start;gap:14px;min-height:270px;padding:19px;display:grid}.courses-main .course-loading-code{width:92px;height:24px}.courses-main .course-loading-title{width:82%;height:24px;margin-top:8px}.courses-main .course-loading-title-short{width:55%;margin-top:-8px}.courses-main .course-loading-chips{width:70%;height:26px;margin-top:12px}.ubcv-course-lookup{place-items:start center;min-height:calc(100vh - 150px);display:grid}.ubcv-course-lookup-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:22px;width:min(880px,100%);padding:clamp(24px,5vw,48px);display:grid;box-shadow:0 16px 44px #12467014}.ubcv-course-lookup-intro{gap:10px;display:grid}.ubcv-course-lookup-intro .eyebrow,.ubcv-course-lookup-intro h1,.ubcv-course-lookup-intro p{margin:0}.ubcv-course-lookup-intro h1{font-size:clamp(1.8rem,4vw,3rem)}.ubcv-course-lookup-intro>p:last-child{max-width:720px;color:var(--muted);line-height:1.65}.ubcv-course-code-form{gap:8px;display:grid}.ubcv-course-code-form label{color:var(--text);font-size:.82rem;font-weight:850}.ubcv-course-code-form>div{grid-template-columns:minmax(0,1fr) auto;gap:9px;display:grid}.ubcv-course-code-form input{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--text);font:inherit;background:#fff;border-radius:6px;padding:8px 12px}.ubcv-course-code-form input:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px #1677c81f}.ubcv-course-code-form button{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:6px;min-height:44px;padding:8px 16px;font-weight:850}.ubcv-course-lookup-notice{border:1px solid var(--line);background:var(--blue-pale);color:var(--muted);border-radius:6px;margin:0;padding:10px 12px;font-size:.82rem;line-height:1.5}.ubcv-course-lookup-notice[data-tone=success]{color:#167456;background:#eefbf3;border-color:#9acdb7}.ubcv-course-lookup-notice[data-tone=error]{color:#a4442e;background:#fff1eb;border-color:#d7a18f}.ubcv-course-code-result{background:var(--blue-pale);border:1px solid #c9ddea;border-radius:9px;grid-template-columns:minmax(0,.8fr) minmax(260px,1.2fr);gap:18px;padding:18px;display:grid}.ubcv-course-code-result h2,.ubcv-course-code-result p{margin:0}.ubcv-course-code-result h2{margin:4px 0 8px;font-size:clamp(1.4rem,3vw,2.1rem)}.ubcv-course-code-result>div:first-child>p:last-child{color:var(--muted);font-size:.8rem;line-height:1.5}.ubcv-course-result-actions{align-content:start;gap:7px;display:grid}.ubcv-course-result-actions .text-button{justify-content:flex-start;align-items:center;min-height:38px;text-decoration:none;display:inline-flex}.ubcv-course-result-actions button.text-button{text-align:left;width:100%}.ubcv-course-official-resources{border-top:1px solid var(--line);gap:10px;padding-top:18px;display:grid}.ubcv-course-official-resources h2{margin:0;font-size:1rem}.ubcv-course-official-resources>div{flex-wrap:wrap;gap:8px 14px;display:flex}.ubcv-course-official-resources a{color:var(--blue-strong);font-size:.8rem;font-weight:800}@media (max-width:680px){.ubcv-course-lookup{width:min(100% - 24px,560px)}.ubcv-course-lookup-card{gap:18px;padding:20px}.ubcv-course-code-form>div,.ubcv-course-code-result{grid-template-columns:1fr}.ubcv-course-code-form button{width:100%}}