.panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:14px;margin-bottom:32px;padding:26px 32px}.panel__step{grid-template-columns:116px minmax(0,1fr);align-items:center;gap:16px;margin-bottom:14px;display:grid}.panel__step-label{color:var(--color-ink);align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.step-badge{background:var(--color-primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.panel__divider{background:var(--color-line-soft);height:1px;margin-bottom:14px}.panel__secondary-header{align-items:center;gap:16px;display:flex}.panel__secondary-label{min-width:116px;color:var(--color-ink);flex:none;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.badge{background:var(--color-primary-pale);height:20px;color:var(--color-primary-deep);border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:11.5px;font-weight:700;display:inline-flex}.toggle-btn{background:var(--color-surface);border:1px solid var(--color-line);color:var(--color-ink-soft);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.toggle-btn svg{transition:transform .2s}.collapsed-summary{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chip{background:var(--color-primary-pale);color:var(--color-primary-deep);border-radius:999px;align-items:center;gap:6px;padding:5px 6px 5px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.chip--cross{background:var(--color-tag-pale);color:var(--color-tag)}.chip__remove{width:16px;height:16px;color:var(--color-primary-deep);cursor:pointer;background:#146b6a24;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:11px;line-height:1;display:inline-flex}.panel__secondary-body{flex-direction:column;gap:20px;margin-top:20px;display:flex}.panel .search-bar{background:0 0;border:none;border-radius:0;margin:0;padding:0 2px}.panel .search-bar input{margin:-8px 0;padding:8px 0;font-size:15px}.filter-group{grid-template-columns:116px minmax(0,1fr);align-items:baseline;gap:16px;display:grid}.filter-group__label{color:var(--color-ink-faint);text-transform:uppercase;letter-spacing:.08em;padding-top:7px;font-size:12px;font-weight:600}.leaflet{border:1px solid var(--color-line);background:var(--color-surface);border-radius:14px;align-items:center;gap:16px;margin:12px 0 8px;padding:12px 18px 12px 12px;display:flex}.leaflet:hover{border-color:var(--color-primary)}.leaflet img{object-fit:cover;border-radius:8px;flex:none;width:86px;height:86px}.leaflet__body{flex-direction:column;gap:4px;min-width:0;display:flex}.leaflet__title{color:var(--color-ink);font-size:15.5px;font-weight:600}.leaflet__note{color:var(--color-ink-soft);font-size:13px;line-height:1.6}.leaflet__cta{border:1px solid var(--color-primary);color:var(--color-primary-deep);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;margin-left:auto;padding:9px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.leaflet__size{color:var(--color-ink-faint);font-weight:400}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{background:var(--color-surface);color:var(--color-ink-soft);border:1px solid var(--color-line);cursor:pointer;border-radius:999px;align-items:center;padding:7px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.pill--lg{padding:12px 24px;font-size:15px;font-weight:600}.pill.is-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pill--cross{color:var(--color-tag);border-color:#e8ccd2}.pill--cross.is-active{background:var(--color-tag);border-color:var(--color-tag);color:#fff}.result-bar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:20px;display:flex}.result-bar__count{color:var(--color-ink-soft);margin:0;font-size:14px}.result-bar__count strong{color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}#clear-all{color:var(--color-primary-deep);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.pager{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.pager--bottom{margin:28px 0 8px}.pager__btn{border:1px solid var(--color-line);color:var(--color-ink);cursor:pointer;background:#fff;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600}.pager__btn:hover:not(:disabled){box-shadow:0 6px 16px -10px #0f191880}.pager__btn:disabled{color:var(--color-ink-faint);cursor:default;opacity:.55}.pager__status{color:var(--color-ink-soft);font-variant-numeric:tabular-nums;font-size:14px}.course-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:14px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 16px 32px -16px #1e1e1e38}.card__cover{background:linear-gradient(135deg,#eef8f7 0%,#e3f3f1 100%);justify-content:center;align-items:center;height:124px;display:flex;position:relative;overflow:hidden}.card__cover img{object-fit:cover;width:100%;height:100%}.card__ribbon{z-index:2;color:#fff;letter-spacing:.06em;background:#d35a07;border-bottom-right-radius:16px;padding:8px 16px 9px 15px;font-size:14px;font-weight:700;line-height:1.4;position:absolute;top:0;left:0}.card__badge{z-index:2;color:var(--color-accent-deep);background:#ffffffeb;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700;position:absolute;top:10px;right:10px}.card__body{flex-direction:column;flex:1;gap:10px;padding:18px 18px 20px;display:flex}.card__title{color:var(--color-ink);font-size:15.5px;font-weight:600;line-height:1.45}.card__title-en{color:var(--color-ink-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.4;overflow:hidden}.card__tags{flex-wrap:wrap;gap:6px;display:flex}.card__intro{color:var(--color-ink-soft);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:auto 0 0;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.card__more{color:var(--color-primary-deep);margin-top:10px;font-size:12.5px;font-weight:600}.card:hover .card__more{text-decoration:underline}.no-results{text-align:center;color:var(--color-ink-faint);background:var(--color-surface);border:1px solid var(--color-line);border-radius:14px;padding:60px;font-size:14px}.no-results--pending{color:var(--color-ink-soft);flex-direction:column;align-items:center;gap:10px;padding:52px 32px;display:flex}.no-results--pending p{max-width:460px;margin:0;line-height:1.7}.no-results__title{color:var(--color-ink);font-size:18px;font-weight:600}.no-results--pending .btn{margin-top:8px}@media (width<=1024px){.page{padding:0 24px 48px}.course-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.course-grid{grid-template-columns:1fr}.leaflet{flex-wrap:wrap;padding:12px}.leaflet__body{flex:1}.leaflet__cta{justify-content:center;width:100%;margin-left:0}.intro h1{font-size:28px}.card__title-en,.card__tags .tag--series,.card__tags .tag--cross{display:none}.card__intro{-webkit-line-clamp:1;line-clamp:1}.pill{padding:10px 16px;font-size:13.5px}.panel__step,.filter-group{grid-template-columns:1fr;gap:10px}.panel__secondary-label{width:auto}.filter-group__label{padding-top:0}.card__ribbon{z-index:2;color:#fff;letter-spacing:.06em;background:#d35a07;border-bottom-right-radius:16px;padding:8px 16px 9px 15px;font-size:14px;font-weight:700;line-height:1.4;position:absolute;top:0;left:0}.card__badge{font-size:12px}}