.kelas-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:center;gap:14px 28px;margin-bottom:8px;scroll-margin-top:96px}.kelas-head h1{font-size:clamp(22px,2.6vw,30px);font-weight:800;line-height:1.15;letter-spacing:-.03em}.kelas-head .discovery-search{background:var(--color-surface);box-shadow:var(--shadow-sunken)}.kelas-chips,.kelas-page .kelas-selects{grid-column:1 / -1}.kelas-chips{display:flex;flex-wrap:wrap;gap:8px}.kelas-chips a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);box-shadow:var(--shadow-raise-sm);font-size:14px;font-weight:600;white-space:nowrap;color:var(--color-ink-soft)}.kelas-chips a:hover{border-color:var(--color-line-strong);color:var(--color-ink)}.kelas-chips a[aria-current]{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.kelas-page .kelas-selects{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.kelas-page .kelas-selects>div{display:flex;align-items:center;gap:2px;padding-left:12px;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface)}.kelas-page .kelas-selects label{margin:0;font-size:13px;font-weight:500;color:var(--color-muted)}.kelas-page .kelas-selects select.kg-input{width:auto;max-width:220px;min-height:38px;padding:0 6px 0 4px;border:0;border-radius:999px;background:transparent;box-shadow:none;font-size:14px;font-weight:600}.rak{margin-top:28px}.rak-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rak-head h2{flex:1;min-width:0;font-size:19px;font-weight:750;letter-spacing:-.02em}.rak-head h2 span{margin-left:10px;font-size:13px;font-weight:400;letter-spacing:0;color:var(--color-muted)}.rak-more{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:14px;font-weight:650;color:var(--color-primary);white-space:nowrap}.rak-more:hover{text-decoration:underline}.rak-nav{display:flex;gap:6px}.rak-nav button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);box-shadow:var(--shadow-raise-sm);font-size:20px;line-height:1;color:var(--color-ink-soft)}.rak-nav button:hover{border-color:var(--color-line-strong);color:var(--color-ink)}.rak-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 8px;margin:-2px;scrollbar-width:none}.rak-track::-webkit-scrollbar{display:none}.rak-card{position:relative;flex:0 0 calc((100% - 64px)/5);min-width:0;display:flex;flex-direction:column;overflow:hidden;scroll-snap-align:start;border:1px solid var(--color-line);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-raise-sm)}.rak-card:hover{border-color:var(--color-line-strong)}.rak-card:focus-within{outline:2px solid var(--color-primary);outline-offset:1px}.rak-cover .kg-cover-badge,.rak-cover .course-cover-title,.rak-cover .kg-cover-fallback ul,.rak-cover .kg-cover-fallback>span[aria-hidden]{display:none}.rak-cover .kg-cover-fallback{justify-content:center;padding:0}.rak-body{display:flex;flex:1;flex-direction:column;gap:4px;padding:10px 12px 12px}.rak-topic{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--color-muted)}.rak-body h3{flex:1;font-size:15px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.rak-body h3 a{outline:none}.rak-body h3 a:after{content:"";position:absolute;inset:0}.rak-card:hover h3{color:var(--color-primary)}.rak-meta{font-size:12px;color:var(--color-muted)}.rak-done{font-size:12px;font-weight:600;color:var(--color-success-text)}.rak-all{justify-content:center;background:var(--color-surface-2);box-shadow:none}.rak-all a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;height:100%;min-height:120px;padding:16px;font-size:15px;font-weight:700;line-height:1.35;color:var(--color-primary)}.rak-all a:after{content:"";position:absolute;inset:0}.kelas-index{margin-top:44px;padding-top:22px;border-top:1px solid var(--color-line)}.kelas-index h2{margin-bottom:8px;font-size:17px;font-weight:750}.kelas-index details{border-bottom:1px solid var(--color-line)}.kelas-index summary{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:15px;font-weight:600}.kelas-index summary span{font-size:13px;font-weight:400;color:var(--color-muted)}.kelas-index ul{columns:3;column-gap:28px;padding:4px 0 16px}.kelas-index li{break-inside:avoid}.kelas-index li a{display:block;padding:6px 0;font-size:14px;line-height:1.4;color:var(--color-ink-soft)}.kelas-index li a:hover{color:var(--color-primary);text-decoration:underline}.kelas-topics{display:flex;flex-wrap:wrap;gap:8px;padding:6px 0 16px}.kelas-topics a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:4px 14px 4px 6px;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);font-size:14px}.kelas-topics a:hover{border-color:var(--color-line-strong)}@media(max-width:1023px){.kelas-head{grid-template-columns:minmax(0,1fr)}.rak-card{flex-basis:calc((100% - 32px) / 3.3)}.kelas-index ul{columns:2}}@media(max-width:639px){.kelas-head{gap:10px;margin-bottom:0}.kelas-head h1{font-size:20px}.kelas-chips,.kelas-page .kelas-selects{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:2px 16px 4px;scrollbar-width:none}.kelas-chips::-webkit-scrollbar{display:none}.kelas-page .kelas-selects>div{flex:none}.kelas-page .kelas-selects select.kg-input{min-height:40px}.rak{margin-top:18px}.rak-head{margin-bottom:6px}.rak-head h2{font-size:17px}.rak-nav{display:none}.rak-track{gap:10px;margin-inline:-16px;padding:2px 16px 8px;scroll-padding-inline:16px}.rak-card{flex-basis:148px}.rak-body{padding:8px 10px 10px}.rak-body h3{font-size:14px}.rak-topic,.rak-lessons{display:none}.kelas-index{margin-top:28px}.kelas-index ul{columns:1}.kelas-index li a{padding:10px 0}}