.search-bar{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:20px}.search-bar input{flex:1;min-width:200px;margin-right:10px}.search-bar select{width:150px}.post-list{list-style:none;padding:0}.post-list li{background-color:#fff;margin:10px 0;padding:20px;border-radius:5px;border:1px solid #ddd;transition:box-shadow .3s ease}.post-list li:hover{box-shadow:0 2px 8px #0000001a}.post-list h3{margin-bottom:10px;color:#274c77}.post-list p{margin:5px 0;color:#555}.post-list .post-meta{font-size:.9em;color:#999}@media (max-width: 600px){.search-bar{flex-direction:column}.search-bar input,.search-bar select{margin-right:0;margin-bottom:10px}}.form-container{width:100%;max-width:600px;margin:auto}label{display:block;margin-bottom:8px}input,textarea{width:100%;margin-bottom:16px;padding:8px}button{padding:8px 16px;margin-right:8px;cursor:pointer}.posts-container{margin-top:32px}.post{border:1px solid #ccc;padding:16px;margin-bottom:16px;border-radius:4px}.post img{max-width:100%;height:auto;margin-top:16px;border-radius:4px}.post-header{display:flex;align-items:center;justify-content:space-between}.post-header h2{margin-right:10px}.post-actions{display:flex;gap:20px}.action-button{background-color:transparent;border:none;font-size:1em;cursor:pointer;transition:color .3s ease}.action-button:hover{color:#274c77}.post-time{font-size:.7em;color:#666;margin-top:-1.4em;margin-bottom:2em}.content-container{position:relative}.post-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1em}.upvote-button{background-color:#274c77;color:#fff;border:none;padding:10px 15px;cursor:pointer;font-size:1em;border-radius:5px;transition:background-color .3s ease}.upvote-button:hover{background-color:#1f3a5b}.upvote-button:disabled{background-color:#999;cursor:not-allowed}.comment-form{margin-top:20px}.comment-list{list-style-type:none;padding:0}.comment-item{margin-bottom:10px}.comment-time{font-size:.8em;color:#666}.edit-post-page{max-width:600px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a}.edit-post-page h2{margin-bottom:20px}.edit-post-form label{display:block;margin-bottom:10px}.edit-post-form input,.edit-post-form textarea{width:100%;padding:10px;margin-top:5px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px}.form-actions{display:flex;justify-content:space-between}.form-actions button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.form-actions button[type=submit]{background-color:#274c77;color:#fff}.form-actions button[type=submit]:hover{background-color:#1f3a5b}.form-actions button[type=button]{background-color:#ccc;color:#333}.form-actions button[type=button]:hover{background-color:#999}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9fafb;color:#333}a{text-decoration:none;color:#274c77}a:hover{text-decoration:underline}button{background-color:#274c77;color:#fff;border:none;padding:10px 15px;cursor:pointer;font-size:1em;margin:5px;border-radius:5px;transition:background-color .3s ease}button:hover{background-color:#1f3a5b}button:disabled{background-color:#999;cursor:not-allowed}input,textarea,select{padding:10px;margin:5px 0 15px;width:100%;border:1px solid #ccc;border-radius:4px}input:focus,textarea:focus,select:focus{outline:none;border-color:#274c77}label{display:block;margin:10px 0 5px;font-weight:700}.container{width:90%;max-width:1200px;margin:0 auto;padding:20px 0}.navbar{background-color:#fff;padding:15px;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between}.navbar a{margin-right:15px;color:#274c77}.navbar a:hover{color:#1f3a5b}h1,h2,h3{margin-bottom:15px;color:#274c77}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}@media (max-width: 600px){.container{padding:10px 0}.navbar{flex-direction:column;align-items:flex-start}.navbar a{margin-bottom:10px}}