.ss-study-page{padding:var(--ss-space-6) 0 var(--ss-space-8)}.ss-study-layout{display:flex;align-items:flex-start;gap:var(--ss-space-6)}.ss-study-filters{flex:0 0 220px;position:sticky;top:calc(var(--ss-header-height) + var(--ss-space-5));display:flex;flex-direction:column;gap:var(--ss-space-4)}.ss-filter-group{display:flex;flex-direction:column;gap:6px}.ss-study-cards{flex:1 1 auto;min-width:0;max-width:640px;display:flex;flex-direction:column;gap:var(--ss-space-4)}.ss-study-card{padding:var(--ss-space-4)}.ss-study-time{font-size:.75rem;color:var(--ss-text-faint);margin-bottom:var(--ss-space-2)}.ss-study-entity{cursor:pointer}.ss-study-entity h4{margin-bottom:var(--ss-space-2);text-align:center}.ss-study-entity p{margin:0;color:var(--ss-text-muted);font-size:.9rem}.ss-study-entity-media{width:100%;max-height:320px;overflow:hidden;border-radius:var(--ss-radius-sm);margin-bottom:var(--ss-space-3);background:var(--ss-surface-alt)}.ss-study-entity-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ss-study-actions{display:flex;gap:var(--ss-space-2);margin-top:var(--ss-space-4);padding-top:var(--ss-space-4);border-top:1px solid var(--ss-border);flex-wrap:wrap}.ss-study-btn{flex:1 1 auto;padding:9px 12px;border:1px solid var(--ss-border-strong);border-radius:var(--ss-radius-sm);background:var(--ss-surface);font-weight:700;font-size:.85rem;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.ss-study-btn-easy{color:var(--ss-success);border-color:var(--ss-success)}.ss-study-btn-easy:hover{background:var(--ss-success);color:#fff}.ss-study-btn-medium{color:var(--ss-accent);border-color:var(--ss-accent)}.ss-study-btn-medium:hover{background:var(--ss-accent);color:#fff}.ss-study-btn-hard{color:var(--ss-danger);border-color:var(--ss-danger)}.ss-study-btn-hard:hover{background:var(--ss-danger);color:#fff}.ss-study-btn-repeat{color:var(--ss-text-muted)}.ss-study-btn-repeat:hover{background:var(--ss-bg-sunken)}@media (max-width:860px){.ss-study-layout{flex-direction:column}.ss-study-filters{position:static;flex-direction:row;flex-wrap:wrap;width:100%}.ss-filter-group{flex:1 1 140px}.ss-study-cards{max-width:none;width:100%}}