.course-summary>span,.course-title,.course-meta{min-width:0;overflow-wrap:anywhere}
.course-summary:not(:has(>.course-index)){grid-template-columns:minmax(0,1fr) minmax(150px,220px) 32px}
.course-summary-fee{min-width:0;white-space:normal;overflow-wrap:anywhere}
.fee-added-group>summary{padding:24px;display:grid;grid-template-columns:minmax(0,1fr) auto 32px;gap:16px;align-items:center;list-style:none;cursor:pointer}
.fee-added-group>summary::-webkit-details-marker{display:none}
.fee-added-group .group-label{font-weight:700;font-size:18px;color:var(--ink)}
.fee-added-group .group-count{font-size:12px;color:var(--muted);white-space:nowrap}
.fee-added-group>.course-grid{display:grid;gap:16px;padding:0 20px 22px;min-width:0}
.fee-added-group .course-card{margin:0;min-width:0;box-shadow:none}
.fee-added-group summary:focus-visible{outline:3px solid #b84b10;outline-offset:-4px;border-radius:16px}
.course-panel .course-info dd{overflow-wrap:anywhere}
@media(max-width:700px){
 .course-summary:not(:has(>.course-index)){grid-template-columns:minmax(0,1fr) 30px}
 .course-summary:not(:has(>.course-index))>.course-summary-fee{grid-column:1;grid-row:2}
 .course-summary:not(:has(>.course-index))>.accordion-mark{grid-column:2;grid-row:1/span 2}
 .fee-added-group>summary{padding:21px 18px;gap:12px;grid-template-columns:minmax(0,1fr) auto 30px}
 .fee-added-group .group-label{font-size:16px}
 .fee-added-group>.course-grid{padding:0 12px 16px}
 .fee-added-group .course-summary{padding-inline:16px}
 .fee-added-group .course-panel{padding-inline:16px}
}