body{margin:0;padding:0;background:#f7f7f7}.audio-list-page .container{max-width:1100px}.audio-list-shell{background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,.05);padding:22px 20px 24px}.audio-list-header{margin-bottom:18px}.audio-list-title{margin-bottom:14px;color:#1f2d3d;font-size:30px;line-height:1.2;font-weight:700}.audio-list-description{color:#54667a;font-size:16px;line-height:1.8}.audio-list-sort{display:flex;flex-wrap:wrap;gap:10px;padding-top:18px}.audio-list-sort a,.audio-pagination a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.audio-list-sort a{min-height:36px;padding:0 14px;background:#f1f7ff;font-size:14px;font-weight:600}.audio-list-sort a.active,.audio-list-sort a:hover{background:#e4f0ff;color:#1e5b9a}.audio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.audio-card{display:flex;gap:16px;padding:14px;border-radius:14px;background:#fff;box-shadow:0 1px 5px rgba(15,23,42,.04);color:inherit}.audio-card:hover{box-shadow:0 8px 20px rgba(15,23,42,.08)}.audio-cover{flex:0 0 118px;width:118px;height:177px;border-radius:10px;overflow:hidden;background:#ecf1f7}.audio-cover img{width:100%;height:100%;display:block;object-fit:cover}.audio-card-body{display:flex;flex:1;min-width:0;min-height:177px;flex-direction:column}.audio-card-body h3{margin:0 0 8px;color:#1f2d3d;font-size:22px;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.audio-author{margin-bottom:8px;color:#2b6cb0;font-size:13px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-meta{margin-bottom:10px;color:#728096;font-size:13px;line-height:1.5}.audio-meta span{display:inline-flex;align-items:center;gap:6px}.audio-meta i{font-size:12px;line-height:1;position:relative;top:-1px}.audio-card-body p{color:#48586a;font-size:14px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.audio-card-tags{margin-top:auto;padding-top:12px}.audio-tag-link{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #c9def3;background:#f1f7ff;color:#276aaf;padding:3px 9px;font-size:12px;font-weight:600;line-height:1.4}.audio-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding-top:22px}.audio-pagination a{min-height:34px;padding:0 12px;background:#f5f7fa;color:#607080;font-size:14px;font-weight:600}.audio-pagination a.active,.audio-pagination a:hover{background:#e4f0ff;color:#2b6cb0}.audio-pagination a.is-muted{color:#9aa5b3}@media (max-width:992px){.audio-grid{grid-template-columns:1fr}.audio-list-title{font-size:28px}}@media (max-width:767px){.audio-list-shell{padding:18px 14px 20px;border-radius:12px}.audio-list-title{font-size:24px}.audio-list-description{font-size:14px;line-height:1.75}.audio-list-sort{gap:8px;padding-top:16px}.audio-list-sort a{min-height:34px;padding:0 12px;font-size:13px}.audio-card{gap:12px;padding:12px}.audio-cover{flex:0 0 104px;width:104px;height:156px}.audio-card-body{min-height:156px}.audio-card-body h3{font-size:18px}.audio-card-body p{font-size:13px;line-height:1.65}}@media (max-width:480px){.audio-cover{flex:0 0 92px;width:92px;height:138px}.audio-card-body{min-height:138px}.audio-card-body h3{font-size:17px}.audio-author,.audio-meta{font-size:12px}}.css3{box-shadow:0 0;width:calc(100% + 2em);font-size:24px}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,cite,code,ctoolion,dfn,em,optgroup,strong,th,var{font-style:normal;font-weight:400}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}abbr,acronym{border:0;font-variant:normal}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}ctoolion,th{text-align:left}sub,sup{font-size:100%;vertical-align:baseline}:link,:visited,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}