.tracks-page{color:#203030;background-color:#f7fcfa;max-width:1400px;margin:0 auto;padding:32px;font-family:Segoe UI,sans-serif}.page-heading{color:#205c3b;margin-bottom:16px;font-size:30px;transition:color .3s;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.page-heading:before{content:"";background-color:#a0b9a5;border-radius:1px;width:100%;height:1.8px;position:absolute;bottom:-6px;left:0}.page-heading:after{content:"";z-index:1;background-color:#2e7d32;border-radius:2px;width:0%;height:3px;transition:width .4s;position:absolute;bottom:-6px;left:0}.page-heading:hover:after{width:100%}.intro{color:#444;margin-bottom:24px;font-size:16px}.track{background:#fafafa;border:1px solid #cfd8dc;border-radius:8px;margin-bottom:16px;transition:box-shadow .3s;overflow:hidden}.track:hover{box-shadow:0 6px 20px #00a67673}.track-title{cursor:pointer;background-color:#e0f2f1;padding:16px;font-size:18px;font-weight:600;transition:background-color .2s}.track-title:hover{background-color:#b2dfdb}.track-title.active{color:#fff;background-color:#4db6ac}.topic-container{max-height:0;transition:max-height 2s;overflow:hidden}.topic-container.open{max-height:1000px}.topics{color:#333;padding:16px 32px;font-size:16px;list-style:outside}.topics li{cursor:default;margin-bottom:8px;transition:color .2s,padding-left .2s}.topics li:hover{color:#00695c;padding-left:8px;font-weight:500}.track-note{color:#c62828;padding:16px 32px 0;font-style:italic;font-weight:500}