.main-slider{width:100%;margin:15px 0}.main-slider img{width:100%;height:auto}.main-container{justify-content:space-between;width:100%;margin-top:30px;display:flex}.main-container section{width:70%}.main-container section #post-list{flex-direction:column;min-height:600px;display:flex}.main-container section #post-list .post{flex-direction:column;width:100%;height:auto;margin-top:20px;margin-bottom:20px;display:flex}.main-container section #post-list .post:hover{cursor:pointer}.main-container section #post-list .post:hover .title{text-decoration:underline}.main-container section #post-list .post .title{font-size:1.3rem}.main-container section #post-list .post .summary{color:#333;font-size:1rem}.main-container section #post-list .post div{color:#666;font-size:.9rem}.main-container aside{border-left:1px solid #66666648;width:calc(30% - 30px);padding-left:10px}.main-container aside #category-list>li{margin-top:15px}.main-container aside #category-list>li>a{font-size:1.1rem;font-weight:500}.main-container aside #category-list li ul{margin-top:8px;margin-left:20px}.main-container aside #category-list li ul li a{font-size:.95rem}.pagination{justify-content:center;gap:10px;width:100%;margin-top:30px;margin-bottom:20px;display:flex}.pagination button{cursor:pointer;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;padding:8px 12px;font-size:.95rem;transition:all .2s}.pagination button:hover{background-color:#e0e0e0}.pagination button.active{color:#fff;background-color:#333;border-color:#333}@media (max-width:768px){.main-container{flex-direction:column;justify-content:flex-start}.main-container section,.main-container aside{width:100%}}