.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
#course-detail{width:min(820px,calc(100% - 32px));padding:0;overflow:hidden}
.detail-layout{display:grid;grid-template-columns:minmax(220px,310px) 1fr;min-height:460px}
.detail-cover{width:100%;height:100%;min-height:460px;object-fit:cover;background:var(--cc-soft)}
.detail-copy{align-self:center;padding:44px 38px}
.detail-en{margin:-5px 0 18px;color:var(--cc-muted);font:italic 13px/1.5 Georgia,serif}
.detail-copy>p:not(.detail-category):not(.detail-en){color:var(--cc-muted)}
@media(max-width:620px){#course-detail{width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0}.detail-layout{display:block}.detail-cover{display:block;width:min(180px,48vw);height:auto;min-height:0;aspect-ratio:3/4;margin:48px auto 0;border-radius:10px}.detail-copy{padding:24px 24px 38px;text-align:center}.detail-links{justify-content:center}}

.course-copy h2, dialog h2 { white-space: pre-line; }