.dsp-my-access.dsp-portal-v2 { max-width: 1180px; padding: 32px; margin: 24px auto; color: #182923; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing: 0; }
.dsp-portal-v2 .dsp-portal-head { align-items: center; padding-bottom: 28px; border-bottom: 1px solid #cdd7d2; }
.dsp-portal-v2 .dsp-portal-head h2 { color: #182923; font-size: 32px; font-weight: 750; }
.dsp-portal-v2 .dsp-portal-email { overflow-wrap: anywhere; }
.dsp-portal-v2 .dsp-portal-identity { min-width: 0; max-width: 50%; }
.dsp-portal-v2 .dsp-portal-button,.dsp-portal-v2 button { background: #166849; border-color: #166849; border-radius: 6px; gap: 10px; }
.dsp-portal-v2 .dsp-portal-link-button { color: #385e50!important; }
.dsp-portal-v2 .dsp-portal-form { padding: 36px 0 8px; margin: 0; max-width: 600px; }
.dsp-portal-v2 .dsp-portal-form input[type=email] { border-color: #98aaa1; min-height: 48px; }
.dsp-portal-v2 .dsp-continue { display: flex; align-items: center; gap: 20px; padding: 26px 28px; margin: 28px 0 36px; background: #e9f3ed; border-left: 4px solid #166849; }
.dsp-continue > .dashicons { width: 40px; height: 40px; font-size: 40px; color: #166849; }
.dsp-continue > div { flex: 1; min-width: 0; }
.dsp-continue small { color: #396651; font-size: 11px; font-weight: 700; }
.dsp-continue h3 { margin: 6px 0 0; font-size: 20px; line-height: 1.3; overflow-wrap: anywhere; }
.dsp-library-head h3 { margin: 30px 0 20px; font-size: 23px; font-weight: 700; }
.dsp-library-head h3 span { display: inline-block; padding: 3px 9px; margin-left: 8px; background: #e9eeeb; color: #476354; font-size: 13px; border-radius: 4px; vertical-align: middle; }
.dsp-library-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.dsp-library-filters .dsp-search { position: relative; flex: 1; min-width: 210px; }
.dsp-search .dashicons { position: absolute; left: 12px; top: 13px; color: #607267; }
.dsp-library-filters input[type=search],.dsp-library-filters select { height: 46px; min-width: 0; max-width: 100%; background: #fff; border: 1px solid #bccbc2; border-radius: 6px; color: #243b2f; font: inherit; font-size: 14px; padding: 0 12px; }
.dsp-library-filters input[type=search] { width: 100%; padding-left: 40px; }
.dsp-library-filters button { width: 46px; min-height: 46px; padding: 0; flex-shrink: 0; }
.dsp-clear-filters { color: #315c48; font-size: 13px; }
.dsp-course-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.dsp-course-card { min-width: 0; border: 1px solid #d1dcd5; border-radius: 8px; overflow: hidden; background: #fff; transition: border-color .15s,box-shadow .15s; }
.dsp-course-card:hover { border-color: #739c85; box-shadow: 0 5px 16px #12251a12; }
.dsp-course-cover { aspect-ratio: 16/9; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: #deeee5; color: #275e45; text-decoration: none!important; overflow: hidden; }
.dsp-course-card:nth-child(3n+2) .dsp-course-cover { background: #ece7f5; color: #655084; }
.dsp-course-card:nth-child(3n+3) .dsp-course-cover { background: #e4ecf8; color: #3e5f8d; }
.dsp-course-cover > .dashicons { font-size: 40px; width: 40px; height: 40px; }
.dsp-course-cover > span:last-child { font-size: 12px; font-weight: 650; max-width: 90%; overflow-wrap: anywhere; }
.dsp-course-cover img { width: 100%; height: 100%; object-fit: cover; }
.dsp-course-content { padding: 20px; }
.dsp-course-content > small { display: block; color: #597366; font-size: 11px; font-weight: 650; overflow-wrap: anywhere; }
.dsp-course-content h3 { min-height: 50px; margin: 9px 0 20px; font-size: 18px; line-height: 1.4; letter-spacing: 0; overflow-wrap: anywhere; }
.dsp-course-content h3 a { color: #192e23; text-decoration: none; }
.dsp-course-footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; border-top: 1px solid #e3eae5; padding-top: 16px; font-size: 12px; }
.dsp-course-footer a { color: #166849; text-decoration: none; font-weight: 700; }
.dsp-course-status { color: #557164; }
.dsp-library-empty { text-align: center; padding: 56px 16px; color: #526a5c; }
.dsp-library-empty > .dashicons { font-size: 32px; width: 32px; height: 32px; }
.dsp-library-empty h3 { font-size: 20px; }
.dsp-portal-v2 :is(a,button,input,select):focus-visible { outline: 3px solid #77bda0; outline-offset: 3px; }
@media(max-width:960px) { .dsp-course-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:680px) { .dsp-my-access.dsp-portal-v2 { padding: 20px 14px; } .dsp-portal-v2 .dsp-portal-identity { max-width: 100%; } .dsp-portal-v2 .dsp-portal-head h2 { font-size: 28px; } .dsp-course-grid { grid-template-columns: 1fr; } .dsp-portal-v2 .dsp-continue { padding: 20px 16px; flex-wrap: wrap; } .dsp-continue .dsp-portal-button { width: 100%; } .dsp-library-filters .dsp-search { flex-basis: 100%; } .dsp-library-filters select { flex: 1; width: 100px; } }