.cf-course-cover { --cf-title-size:24px; --cf-padding:24px; width:100%; height:100%; min-height:0; display:flex; align-items:center; position:relative; overflow:hidden; padding:var(--cf-padding); gap:20px; background:#e7eff5; color:#1e3c78; font-family:"Noto Sans SC",sans-serif; box-sizing:border-box; }
.cf-cover-copy { position:relative; z-index:2; flex:1; min-width:0; align-self:stretch; display:flex; flex-direction:column; justify-content:center; }
.cf-course-cover .cf-cover-copy>small { display:block; font-size:12px; font-weight:500; line-height:20px; color:#426b83; margin-bottom:10px; }
.cf-course-cover .cf-cover-copy>strong { font:700 var(--cf-title-size)/1.5 "Noto Sans SC",sans-serif; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.cf-cover-brand { display:block; margin-top:auto; padding-top:14px; letter-spacing:1.1px; font-size:10px; line-height:14px; color:#506c85; }
.cf-cover-original { display:block; flex:0 0 28%; position:relative; z-index:2; border:4px solid #fff; background:#fff; box-shadow:0 4px 15px #23456910; }
.cf-course-cover .cf-cover-original img { display:block; width:100%; height:auto; aspect-ratio:1.4; object-fit:contain; }
.cf-cover-lines { position:absolute; inset:auto -15% -110% 48%; width:85%; height:200%; border:1px solid #52a8b73b; border-radius:50%; transform:rotate(-24deg); }
.cf-cover-lines::before,.cf-cover-lines::after { content:""; position:absolute; inset:15px; border:1px solid #52a8b72e; border-radius:50%; }
.cf-cover-lines::after { inset:30px; }
.cf-course-cover::before { content:""; position:absolute; top:0; left:0; width:4px; height:100%; background:#20a8bd; }
.hv1 .cf-home-cover .cf-course-cover { --cf-title-size:calc(22 * var(--v2u)); --cf-padding:calc(24 * var(--v2u)); gap:calc(16 * var(--v2u)); }
.hv1 .cf-home-cover .cf-cover-copy>small { font-size:calc(12 * var(--v2u)); line-height:calc(20 * var(--v2u)); margin-bottom:calc(8 * var(--v2u)); }
.hv1 .cf-home-cover .cf-cover-brand { font-size:calc(10 * var(--v2u)); line-height:calc(14 * var(--v2u)); padding-top:calc(12 * var(--v2u)); }
.hv1 .cf-home-cover .cf-cover-original img { width:100%; height:auto; aspect-ratio:1.4; object-fit:contain; transform:none; }
@media (min-width:900px) {
  .hv1-hybrid .hv1-courses .cf-home-cover .cf-course-cover { --cf-title-size:20px; --cf-padding:18px; gap:16px; }
  .hv1-hybrid .hv1-courses .cf-home-cover .cf-cover-copy>small { font-size:11px; line-height:16px; margin-bottom:6px; }
  .hv1-hybrid .hv1-courses .cf-home-cover .cf-cover-copy>strong { line-height:28px; }
  .hv1-hybrid .hv1-courses .cf-home-cover .cf-cover-brand { font-size:10px; line-height:12px; padding-top:6px; }
  .hv1-hybrid .hv1-courses .cf-home-cover .cf-cover-original { flex-basis:25%; max-width:130px; }
}
.secondary-page .sp-ethics-cover { padding:0; overflow:hidden; }
.secondary-page .sp-ethics-cover .cf-course-cover { --cf-title-size:17px; --cf-padding:16px; gap:10px; }
.secondary-page .sp-ethics-cover .cf-cover-copy>small { font-size:11px; margin-bottom:5px; }
.secondary-page .sp-ethics-cover .cf-cover-brand { font-size:9px; padding-top:6px; }