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