/* JP-only adaptations. The three fit-*.css source files are copied verbatim from FIT. */
.hc-banner-root,.hcx,.course-list-container{font-family:var(--jp-font)}
.hc-banner-root{--hc-bg:#12040c}
.hc-banner-root .hc-title{font-weight:700;letter-spacing:0;word-break:normal;white-space:pre-line;font-size:clamp(28px,3.6vw,40px);line-height:1.4}
.hc-banner-root .hc-desc{word-break:normal;letter-spacing:0}
.hc-banner-root .hc-slide:focus-visible{outline:3px solid #fff!important;outline-offset:-6px}
.hc-banner-root .hc-obj img{border-radius:8px}
.hcx .hcx-block{padding-bottom:64px}
.hcx .hcx-tit{letter-spacing:0}
.hcx .course-title{word-break:normal;letter-spacing:0}
.hcx .hcjp-course-static{display:flex;flex-direction:column;height:100%}
.hcx .hcjp-course-status{margin:12px 0 0;font-size:.8125rem;color:#666}
.hcx .course-card a:focus-visible{outline-offset:-3px}
/* One available course: use the full row on phones rather than a half-empty two-column grid. */
@media(max-width:640px){
 .hc-banner-root .hc-label{font-size:10px;padding:4px 7px;white-space:normal}
 .hc-banner-root .hc-title{font-size:22px}
 .hc-banner-root .hc-btn{min-height:44px}
 .hcx .hcjp-single-course .course-grid{grid-template-columns:minmax(0,1fr)}
 .hcx .course-title{min-height:0;line-height:1.4}
 .hcx .hcx-block{padding-bottom:48px}
}