#app .dc-main-tabs{display:flex;gap:28px;border-bottom:1px solid #d6e0e8;margin-bottom:25px}#app .dc-main-tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:10px 0 13px;display:flex;gap:9px;align-items:center;font-size:16px;color:#5c7185}#app .dc-main-tabs button[aria-current=page]{color:#006399;border-bottom-color:#006399;font-weight:600}#app .dc-main-tabs button>span{font-size:12px;font-weight:400;padding:2px 7px;background:#eaf0f5;border-radius:5px}#app .dc-blank{padding:55px 25px;text-align:center;display:flex;align-items:center;flex-direction:column}#app .dc-blank .oc-task-icon{width:48px;height:48px;margin-bottom:20px}#app .dc-blank h2{font-size:25px;margin:6px 0 12px}#app .dc-blank>p{font-size:15px;color:#62788b;line-height:1.6;max-width:475px;margin-bottom:22px}#app .dc-discovery-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}#app .dc-discovery-header h2{font-size:23px;margin-bottom:6px}#app .dc-discovery-header p{font-size:15px;color:#63798c}#app .dc-discovery-header>button{flex-shrink:0}#app .dc-focus-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:18px;font-size:13px;color:#62798e}#app .dc-focus-row>span:first-child{font-weight:500;margin-right:5px;color:#405f78}#app .dc-focus-row small{font-size:13px}#app .dc-focus-chip{font-size:12px;padding:5px 9px;background:#eaf3f9;border:1px solid #cfdfeb;border-radius:6px;color:#235d7e}#app .dc-demo-source{font-size:12px;color:#63788a;line-height:1.5;padding:12px 15px;background:#edf2f6;border:1px solid #dce4ea;border-radius:6px;margin-bottom:22px}#app .dc-discovery-views{display:flex;gap:5px;flex-wrap:wrap;background:#eaf0f4;padding:4px;border-radius:8px;width:fit-content;margin-bottom:22px}#app .dc-discovery-views button{font-size:14px;padding:9px 14px;background:none;border:0;border-radius:5px;color:#506e86}#app .dc-discovery-views button[aria-pressed=true]{background:#fff;color:#006399;box-shadow:0 1px 4px #1d3f5a13}#app .dc-subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}#app .dc-subject-grid button{display:grid;grid-template-columns:32px 1fr;gap:2px 12px;align-items:center;text-align:left;border:1px solid #d4e0e9;background:#fff;border-radius:8px;padding:18px}#app .dc-subject-grid button>svg{grid-row:1/3;align-self:center;width:23px;height:23px;color:#337497}#app .dc-subject-grid strong{font-weight:500;font-size:15px;color:#324c62}#app .dc-subject-grid small{font-size:12px;color:#6a8092}#app .dc-subject-grid button[aria-pressed=true]{border-color:#006399;background:#eef6fb;box-shadow:0 0 0 1px #006399}#app .dc-discovery-toolbar{background:#fff;border:1px solid var(--oc-border);border-radius:8px}#app .dc-result-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:18px 0;font-size:13px;color:#63798c}#app .dc-result-bar .row-actions>span{font-size:12px}#app .dc-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}#app .dc-course-card{display:flex;flex-direction:column;align-items:stretch;padding:22px;background:#fff;border:1px solid var(--oc-border);border-radius:8px;min-width:0}#app .dc-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}#app .dc-card-top input{width:16px;height:16px;accent-color:#006399}#app .dc-subject{font-size:11px;color:#456c88;background:#edf4f8;border-radius:5px;padding:4px 7px}#app .dc-course-card h3 .oc-text-button{font-size:18px;line-height:1.4;font-weight:500}#app .dc-course-code{font-size:11px;color:#708395;margin:7px 0 12px}#app .dc-card-description{font-size:14px;color:#61788b;line-height:1.5;margin-bottom:15px;flex:1}#app .dc-match{font-size:12px;color:#2b7556;display:flex;align-items:center;gap:7px;line-height:1.5;margin-bottom:14px}#app .dc-match svg{width:15px;height:15px;flex-shrink:0}#app .dc-signal,#app .dc-upcoming{padding:11px 13px;border-radius:6px;background:#f2f6f9;font-size:12px;margin-bottom:12px}#app .dc-signal strong,#app .dc-upcoming strong{font-weight:500;color:#335b76;display:block;margin-bottom:4px}#app .dc-signal span,#app .dc-upcoming span{font-size:11px;color:#718394;display:block;line-height:1.4}#app .dc-upcoming{background:#f5f1fa}#app .dc-upcoming strong{color:#74519e}#app .dc-own-count{font-size:12px;color:#658096;margin-bottom:12px}#app .dc-card-bottom{border-top:1px solid #e2e9ef;padding-top:16px;margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}#app .dc-price{font-size:19px;font-weight:500;color:#314e65}#app .dc-price small{font-size:11px;font-weight:400;color:#6a8093;display:block;margin-top:2px}#app .dc-card-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}#app .dc-card-actions .oc-primary,#app .dc-card-actions .oc-secondary{font-size:14px;padding:8px 12px;min-height:36px}#app .dc-card-actions .oc-text-button{font-size:13px}#app .dc-focus-options{padding:0;border:0;margin:0}#app .dc-focus-options legend{font-size:13px;margin-bottom:14px;color:#567086}#app .dc-focus-options label{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid #d7e2e9;border-radius:7px;margin-bottom:10px;font-size:15px}#app .dc-focus-options input{width:16px;height:16px;accent-color:#006399}#app .dc-focus-options svg{width:19px;height:19px;color:#527c98}#app .dc-review-list{max-height:34vh;overflow:auto;margin:20px 0;border:1px solid #dce4eb;border-radius:7px}#app .dc-review-list>div{padding:14px 17px;border-bottom:1px solid #e1e8ee}#app .dc-review-list>div:last-child{border:0}#app .dc-review-list strong{font-size:14px;font-weight:500;display:block;line-height:1.4}#app .dc-review-list small{font-size:12px;color:#6a8093;display:block;margin-top:5px}#app .dc-demo-tools{display:flex;align-items:stretch;flex-direction:column;gap:12px}#app .dc-demo-tools .oc-text-button{padding:8px 0}#app .dc-detail-description{font-size:15px;color:#60788c;line-height:1.6;margin-bottom:22px;max-width:850px}
@media(max-width:1250px){#app .dc-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app .oc-docked .dc-course-grid,#app .oc-docked .dc-subject-grid{grid-template-columns:1fr 1fr}#app .oc-docked .dc-discovery-header{align-items:flex-start;flex-direction:column}}
@media(max-width:900px){#app .dc-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app .dc-discovery-header{align-items:flex-start;flex-wrap:wrap}#app .dc-course-card{padding:18px}}
@media(max-width:700px){#app .dc-main-tabs{gap:22px}#app .dc-main-tabs button{font-size:15px}#app .dc-discovery-header h2{font-size:21px}#app .dc-course-grid,#app .oc-docked .dc-course-grid{grid-template-columns:1fr}#app .dc-subject-grid,#app .oc-docked .dc-subject-grid{grid-template-columns:1fr 1fr;gap:8px}#app .dc-subject-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px}#app .dc-subject-grid strong{font-size:13px;line-height:1.4}#app .dc-discovery-views{width:100%;display:grid;grid-template-columns:1fr 1fr}#app .dc-discovery-views button{font-size:12px;padding:9px}#app .dc-blank{padding:36px 18px}#app .dc-blank h2{font-size:21px}}
#app .dc-edition{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#62798d;margin-bottom:15px}#app .dc-edition>svg{width:16px;height:16px;color:#648198}#app .dc-edition strong{font-weight:500;color:#34566f;margin-left:6px}#app .dc-edition small{font-size:11px;color:#7a8d9c}#app .dc-edition button{margin-left:auto}