#pgCourseMaterials{width:100%;padding:47.5px 0 0;background:var(--text-color-white, #ffffff)}#pgCourseMaterials .container{max-width:1280px;margin:0 auto;padding:0 16px}.materials-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:35px;padding:0 16px}.materials-header svg{width:28px;height:28px;color:var(--post-graduation-primary-color, #1b2748);flex-shrink:0}.materials-header h2{font-size:24px;font-weight:600;color:var(--post-graduation-primary-color, #1b2748);margin:0;text-align:center}.materials-grid{display:grid;grid-template-columns:270px;justify-self:center;justify-items:center;gap:24px;margin-bottom:24px}.material-card{display:flex;align-items:center;gap:11px;color:var(--text-color-white, #ffffff);background:var(--post-graduation-primary-color, #1b2748);border-radius:24px;padding:20px 24px;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px #00000014;cursor:default;position:relative;overflow:hidden;width:270px;height:88px;max-height:88px}.material-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(32,84,227,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.material-card:hover:before{opacity:1}.material-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.material-card:active{transform:translateY(0);box-shadow:0 2px 8px #00000014}.material-number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;background:var(--post-graduation-background-cyan, #6c83c4);border-radius:50%;flex-shrink:0}.material-number span{font-size:24px;font-weight:500;color:var(--post-graduation-primary-color, #1b2748);line-height:1}.material-content{flex:1;min-width:0;overflow:hidden}.material-title{font-size:14px;font-weight:500;color:var(--text-color-white, #ffffff);margin:0;line-height:1.4;max-height:calc(1.4em * 3);overflow-y:auto;overflow-x:hidden;white-space:normal;word-wrap:break-word;transition:max-height .5s cubic-bezier(.4,0,.2,1);scrollbar-width:thin;scrollbar-color:var(--post-graduation-background-cyan, #6c83c4) var(--post-graduation-primary-color, #1b2748);text-overflow:unset;display:block;padding-right:4px;cursor:text;user-select:text;-webkit-overflow-scrolling:touch;text-transform:capitalize}.material-title::-webkit-scrollbar{width:6px}.material-title::-webkit-scrollbar-thumb{background:var(--post-graduation-background-cyan, #6c83c4);border-radius:3px}.material-title::-webkit-scrollbar-thumb:hover{background:var(--post-graduation-background-cyan, #6c83c4)}.material-title::-webkit-scrollbar-track{background:var(--post-graduation-background-cyan, #6c83c4);border-radius:3px}.material-title.no-clamp{-webkit-line-clamp:unset}.material-description{font-size:14px;color:var(--gray-600, #6b7280);margin:4px 0 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scroll-indicator{display:flex;justify-content:center;align-items:center;padding:16px 0;opacity:.6;animation:bounce 2s infinite}.scroll-indicator svg{width:24px;height:24px;color:var(--post-graduation-primary-color, #1b2748)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media screen and (max-width: 767px){.materials-grid{position:relative;max-height:none}.materials-grid.has-more{max-height:calc((88px * 4.6) + (16px * 4));overflow:hidden;position:relative}.materials-grid.has-more:after{content:"";position:absolute;bottom:0;left:0;right:0;height:53px;background:linear-gradient(to bottom,transparent 0%,rgba(248,249,250,.4) 20%,rgba(248,249,250,.8) 60%,#f8f9fa 100%);pointer-events:none;z-index:1}.show-more-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:-40px auto 0;padding:0;background:transparent;color:var(--post-graduation-primary-color, #1b2748);border:none;cursor:pointer;transition:all .3s ease;position:relative;z-index:2}.show-more-button svg{width:32px;height:32px;transition:transform .3s ease}.show-more-button:hover svg{transform:scale(1.1)}.show-more-button:active svg{transform:scale(.95)}.show-more-button.expanded svg{transform:rotate(180deg)}.show-more-button.expanded:hover svg{transform:rotate(180deg) scale(1.1)}.materials-grid.expanded{max-height:none}.materials-grid.expanded:after{display:none}.show-more-button.expanded{margin-top:16px}}@media screen and (min-width: 768px){.show-more-button{display:none}#pgCourseMaterials{padding:60px 0}#pgCourseMaterials .container{padding:0 32px}.materials-header{margin-bottom:48px}.materials-header svg{width:32px;height:32px}.materials-header h2{font-size:32px}.materials-grid{grid-template-columns:repeat(2,1fr);gap:20px}.material-card{padding:24px}.material-title{font-size:14px}.scroll-indicator{display:none}}@media screen and (min-width: 1024px){#pgCourseMaterials{padding:80px 0 81px}.materials-grid{grid-template-columns:repeat(3,270px);gap:32px 20px;justify-self:center}.materials-header svg{width:40px;height:40px}.materials-header h2{font-size:40px}.material-card{max-width:none}.material-title{font-size:16px}}@media screen and (min-width: 1280px){.materials-grid{grid-template-columns:repeat(3,1fr)}.material-card{height:112px;max-height:112px}.material-description{font-size:15px}}