#premium-content .sort { display: flex; justify-content: flex-end; padding-bottom: 20px; } 
#premium-content .sort form { } 
#premium-content .sort form select { padding: 10px 5px; height: auto; } 

#premium-content .list { border: none; } 
#premium-content .list ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } 
#premium-content .list ul li a { display: flex; flex-direction: column; } 
#premium-content .list ul li a .thumbnail { } 
#premium-content .list ul li a .thumbnail img { } 
#premium-content .list ul li a .title { font-weight: bold; padding: 5px; font-size: 16px; } 
#premium-content .list ul li a .pre-content { padding: 5px; font-size: 14px; } 

#premium-content .document { } 
#premium-content .document article { } 
#premium-content .document .button-wrap { display: flex; width: 100%; justify-content: center; margin-bottom: 20px; } 
#premium-content .document .button-wrap a { } 
#premium-content .document .action-buttons { } 
#premium-content .document .action-buttons .back { } 

@media screen and (max-width: 768px) { /* mobile */
#premium-content .list { } 
#premium-content .list ul { grid-template-columns: 1fr 1fr; } 
#premium-content .list ul li a { } 
#premium-content .list ul li a .thumbnail { } 
#premium-content .list ul li a .thumbnail img { } 
#premium-content .list ul li a .title { } 
#premium-content .list ul li a .pre-content { } 

#premium-content .document { } 
#premium-content .document article { } 
#premium-content .document .button-wrap { } 
#premium-content .document .button-wrap a { } 
#premium-content .document .action-buttons { } 
#premium-content .document .action-buttons .back { } 
 }