.blogContainer,.blogEditorContainer,.blogPostContainer{width:100%;max-width:1200px;margin:0 auto;padding:20px;background-color:#f8f7f1;min-height:calc(100vh - 200px)}.blogHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:2px solid #234e52;padding-bottom:15px}.blogHeader h1{color:#234E52;font-size:2.2rem;margin:0}.adminControls{display:flex;gap:10px}.createPostButton{background-color:#234E52;color:white;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600}.createPostButton:hover{background-color:#1a3c40}.blogPosts{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:25px;gap:25px}.blogPostCard{background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;position:relative}.blogPostCard:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.15)}.draftBadge{position:absolute;top:10px;right:10px;background-color:#ffd966;color:#664d03;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700;z-index:5}.draftPost{border:2px dashed #ffd966;opacity:.8}.postImageContainer{height:200px;overflow:hidden}.postImage{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blogPostCard:hover .postImage{transform:scale(1.05)}.postContent{padding:20px;flex-grow:1;display:flex;flex-direction:column}.postTitle{margin:0 0 10px;font-size:1.4rem;color:#234E52}.postTitle a{color:#234E52;text-decoration:none;transition:color .2s}.postTitle a:hover{color:#1a3c40;text-decoration:underline}.postMeta{display:flex;gap:15px;margin-bottom:15px;font-size:.85rem;color:#666}.postAuthor,.postDate{display:flex;align-items:center;gap:5px}.postExcerpt{color:#333;margin-bottom:20px;line-height:1.5;flex-grow:1}.postActions{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.readMoreLink{color:#234E52;text-decoration:none;font-weight:600;transition:color .2s}.readMoreLink:hover{color:#1a3c40;text-decoration:underline}.draftNotice{color:#664d03;font-size:.9rem;font-style:italic}.adminPostActions{display:flex;gap:10px}.deletePostButton,.editPostButton{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:5px}.editPostButton{background-color:#234E52;color:white}.editPostButton:hover{background-color:#1a3c40}.deletePostButton{background-color:#dc3545;color:white}.deletePostButton:hover{background-color:#bd2130}.deletePostButton:disabled{opacity:.7;cursor:not-allowed}.noPosts{grid-column:1/-1;text-align:center;padding:50px 20px;background-color:white;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.1)}.noPosts p{margin-bottom:20px;font-size:1.2rem;color:#666}.errorContainer,.loadingContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.loadingSpinner{width:40px;height:40px;border:4px solid #f5f5f5;border-top-color:#234e52;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.errorContainer{background-color:#fff8f8;border:1px solid #f5c6cb;border-radius:8px;padding:20px;color:#721c24}.errorContainer button{margin-top:15px;padding:8px 16px;background-color:#234E52;color:white;border:none;border-radius:4px;cursor:pointer}.blogNav{display:flex;justify-content:space-between;margin-bottom:20px}.backToBlogLink,.editPostLink{display:inline-flex;align-items:center;gap:8px;color:#234E52;text-decoration:none;font-weight:600;padding:8px 0}.backToBlogLink:hover,.editPostLink:hover{text-decoration:underline}.blogPostFull{background-color:white;border-radius:8px;padding:30px;box-shadow:0 3px 10px rgba(0,0,0,.1)}.blogPostTitle{color:#234E52;font-size:2.5rem;margin:0 0 20px;line-height:1.2}.blogPostMeta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;color:#666;align-items:center;justify-content:flex-start}.blogPostAuthor,.blogPostDate{display:flex;align-items:center;gap:8px;font-size:.95rem}.blogPostMeta .blogPostShare{margin-top:0;margin-left:auto}.blogPostAuthor:after{content:none}.blogPostFeaturedImage{margin-bottom:25px;border-radius:8px;overflow:hidden}.blogPostFeaturedImage img{width:100%;max-height:500px;object-fit:cover}.blogPostContent{font-size:1.1rem;line-height:1.8;color:#333}.blogPostContent h2{color:#234E52;font-size:1.8rem;margin:30px 0 15px}.blogPostContent h3{color:#234E52;font-size:1.5rem;margin:25px 0 15px}.blogPostContent p{margin-bottom:20px}.blogPostContent img{max-width:100%;height:auto;border-radius:4px;margin:15px 0}.blogPostContent a{color:#234E52;text-decoration:underline}.blogPostContent blockquote{border-left:4px solid #234e52;padding-left:20px;margin-left:0;font-style:italic;color:#555}.blogPostContent ol,.blogPostContent ul{margin-bottom:20px;padding-left:25px}.blogPostContent li{margin-bottom:10px}.blogPostTags{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.blogPostTags h3{color:#234E52;font-size:1.2rem;margin-bottom:15px}.tagList{display:flex;flex-wrap:wrap;gap:10px}.blogTag{background-color:#f0f4f5;color:#234E52;padding:5px 10px;border-radius:4px;font-size:.9rem}.notFoundContainer{text-align:center;padding:50px 20px;background-color:white;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.1)}.blogPostShare{margin-top:30px;display:flex;flex-direction:column;position:relative}.blogPostShare .shareButton{background:#234E52;color:white;border:none;border-radius:25px;padding:8px 20px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;align-self:flex-start;transition:background-color .2s}.blogPostShare .shareButton:hover{background:#1a3a3d}.blogPostShare .shareOptions{position:absolute;top:40px;left:0;background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:10px;z-index:100;width:180px;display:flex;flex-direction:column}.blogPostShare .shareOptions button{background:none;border:none;padding:8px 12px;margin-bottom:8px;cursor:pointer;display:flex;align-items:center;gap:10px;color:#234E52;font-size:.95rem;border-radius:4px;transition:background-color .2s;text-align:left}.blogPostShare .shareOptions button:hover{background-color:#f5f5f5}.blogPostShare .shareOptions button:last-child{margin-bottom:0}.blogPostShare .closeShareOptions{color:#666;margin-top:10px;border-top:1px solid #eee!important;padding-top:12px!important}.blogEditorHeader{margin-bottom:20px}.blogEditorHeader h1{color:#234E52;font-size:2rem}.blogEditorForm{background-color:white;border-radius:8px;padding:30px;box-shadow:0 3px 10px rgba(0,0,0,.1)}.formGroup{margin-bottom:20px}.formGroup label{display:block;margin-bottom:8px;font-weight:600;color:#333}.required{color:#dc3545;margin-left:3px}.formGroup input,.formGroup select,.formGroup textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.formGroup input:focus,.formGroup select:focus,.formGroup textarea:focus{outline:none;border-color:#234E52;box-shadow:0 0 0 2px rgba(35,78,82,.2)}.slugInputGroup{display:flex;gap:10px}.slugInputGroup input{flex:1 1}.generateSlugButton{background-color:#234E52;color:white;border:none;padding:0 15px;border-radius:4px;cursor:pointer;white-space:nowrap}.generateSlugButton:hover{background-color:#1a3c40}.imagePreview{margin-top:10px}.imagePreview,.imagePreview img{max-width:100%;max-height:300px;border-radius:4px}.fieldHint{color:#666}.errorMessage,.fieldHint{font-size:.85rem;margin-top:5px}.errorMessage{color:#dc3545}.formActions{display:flex;gap:15px;margin-top:30px}.cancelButton,.publishButton,.saveButton{padding:12px 25px;border-radius:4px;font-weight:600;cursor:pointer;font-size:1rem;border:none}.cancelButton{background-color:#f8f9fa;color:#212529;border:1px solid #ddd}.cancelButton:hover{background-color:#e9ecef}.saveButton{background-color:#234E52;color:white}.saveButton:hover{background-color:#1a3c40}.publishButton{background-color:#28a745;color:white}.publishButton:hover{background-color:#218838}.cancelButton:disabled,.publishButton:disabled,.saveButton:disabled{opacity:.6;cursor:not-allowed}.deleteConfirmOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.deleteConfirmDialog{background-color:white;border-radius:8px;padding:25px;width:90%;max-width:400px;box-shadow:0 5px 15px rgba(0,0,0,.3)}.deleteConfirmDialog h3{color:#dc3545;margin-top:0;margin-bottom:15px}.deleteConfirmActions{flex-direction:column;gap:10px}.cancelDeleteButton,.confirmDeleteButton{width:100%}.simple-rich-editor{margin-bottom:20px}@media (max-width:768px){.blogContainer,.blogEditorContainer,.blogPostContainer{padding:15px 10px}.blogPosts{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.blogHeader{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:20px}.blogHeader h1{font-size:1.8rem}.createPostButton{width:100%;justify-content:center}.postImageContainer{height:180px}.postTitle{font-size:1.2rem;line-height:1.4}.postMeta{flex-wrap:wrap;gap:10px}.blogPostFull{padding:15px}.blogPostTitle{font-size:1.8rem}.blogNav{flex-direction:column;gap:10px;align-items:flex-start}.blogPostMeta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:0;margin-bottom:15px}.blogPostAuthor,.blogPostDate,.blogPostMeta .blogPostShare{display:inline-flex;align-items:center;padding:5px 0;margin:0}.blogPostDate:after{content:" | ";margin-right:5px}.blogPostAuthor:after{content:" | ";margin-right:10px}.blogPostMeta .blogPostShare{margin-top:0;margin-left:0;width:auto}.blogPostShare .shareButton{width:auto;justify-content:center;padding:6px 15px;border-radius:25px;font-size:.9rem}.blogPostContent{font-size:1rem;line-height:1.6}.blogPostContent h2{font-size:1.4rem;margin-top:20px}.blogPostContent h3{font-size:1.2rem}.simple-rich-editor .editor-toolbar{flex-wrap:wrap;justify-content:center}.simple-rich-editor .editor-toolbar button{padding:6px 10px;margin:2px}.simple-rich-editor .editor-content{min-height:200px}.formActions{flex-direction:column;gap:10px}.cancelButton,.publishButton,.saveButton{width:100%;padding:10px}.deleteConfirmActions{flex-direction:column;gap:10px}.cancelDeleteButton,.confirmDeleteButton{width:100%}}@media (max-width:480px){.blogContainer,.blogEditorContainer,.blogPostContainer{padding:10px 5px;width:100%;box-sizing:border-box;overflow-x:hidden;max-width:100vw;margin:0}.blogEditorForm{width:calc(100% - 10px);margin:0 auto;padding:15px 10px;box-sizing:border-box;overflow-x:hidden}.blogEditorHeader h1{font-size:1.5rem;margin-bottom:15px}.formGroup label{font-size:.9rem}.blogPosts{grid-template-columns:1fr;gap:15px}.blogPostCard{margin-bottom:15px}.blogPostTitle{font-size:1.5rem;line-height:1.3}.blogPostShare .shareOptions{max-width:260px}.formGroup input,.formGroup select,.formGroup textarea{width:100%;max-width:100%;box-sizing:border-box}.simple-rich-editor{max-width:100%}.editor-content,.simple-rich-editor{box-sizing:border-box;overflow-x:hidden}.editor-content{min-height:200px;width:100%;padding:10px}.slugInputGroup{width:100%}.generateSlugButton{margin-top:5px}.blogEditorForm{padding:15px}.imagePreview{max-height:200px}.tagList{gap:6px}.blogTag{padding:4px 8px;font-size:.85rem}.adminPostActions{width:100%;margin-top:8px}.deletePostButton,.editPostButton{flex:1 1;justify-content:center;padding:8px}.loadingSpinner{width:30px;height:30px}.slugInputGroup{flex-direction:column;gap:5px}.generateSlugButton{width:100%;padding:8px}.deleteConfirmDialog{padding:15px}.deleteConfirmDialog h3{font-size:1.2rem}.formActions{flex-direction:column;gap:10px;width:100%}.cancelButton,.publishButton,.saveButton{width:100%;padding:12px;margin:0}}