h3 {padding-top: 1rem;}.blog {padding: 6rem 2rem 2rem 2rem;background: #f9f9f9;text-align: center;position: relative;}.blog-index .blog {padding-top: 6rem;}.container {max-width: 900px;width: 100%;margin: 0 auto;}@media (max-width: 768px) {.container {max-width: 375px;}}.blog-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;}.blog-post {background: #fff;padding: 2rem;border-radius: 10px;box-shadow: 0 4px 6px rgba(0,0,0,0.1);}.post-content {background: #fff;padding: 2rem;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);text-align: left;}.date {font-size: 0.9rem;color: #666;}.blog-post-image {width: 100%;height: auto;max-height: 200px;object-fit: cover;border-radius: 10px;margin-bottom: 1rem;}.blog-post-image-placeholder {width: 100%;height: 200px;background: #f0f0f0;border-radius: 10px;margin-bottom: 1rem;}#image-preview {margin-bottom: 1rem;}.view-content-text {text-align: left;}.share-buttons {display: flex;justify-content: center;flex-wrap: wrap;gap: 0.5rem;margin: 3rem 0;}.share-btn {display: inline-flex;align-items: center;padding: 0.75rem 1rem;background: #F5C000;color: #000;text-decoration: none;border-radius: 5px;transition: background 0.3s ease;}.share-btn:hover {background: #7A6500;color: #fff;}.share-btn i {margin-right: 0.5rem;}.share-btn.facebook {background: #3b5998;color: #fff;}.share-btn.facebook:hover {background: #2d4373;}.share-btn.x {background: #1da1f2;color: #fff;}.share-btn.x:hover {background: #0c7abf;}.share-btn.email {background: #4CAF50;color: #fff;}.share-btn.email:hover {background: #388E3C;}.share-btn.sms {background: #2196F3;color: #fff;}.share-btn.sms:hover {background: #1976D2;}.compound-btn {display: flex;justify-content: center;gap: 0;margin: 3px 5px 5px 5px;}.compound-btn .compound-btn-part {display: inline-block;padding: 0.75rem 1rem;background: #F5C000;color: #000;text-decoration: none;border: none;border-right: 1px solid #ccc;transition: background 0.3s ease;}.compound-btn .compound-btn-part:last-child {border-right: none;}.compound-btn .compound-btn-part:hover:not(.disabled) {background: #7A6500;color: #fff;}.compound-btn .compound-btn-part.disabled {background: #ccc;color: #666;cursor: not-allowed;}.blog-grid .blog-post .btn {margin: 3px 5px 5px 5px;display: inline-block;}@media (max-width: 768px) {.blog-grid .blog-post .btn {display: block;margin: 5px auto;width: 80%;}.compound-btn {flex-direction: column;gap: 5px;}.compound-btn .compound-btn-part {border-right: none;border-bottom: 1px solid #ccc;width: 100%;text-align: center;}.compound-btn .compound-btn-part:last-child {border-bottom: none;}.share-buttons {flex-direction: column;align-items: center;}.share-btn {width: 80%;justify-content: center;}}#edit-post .contact-form #publish-group {display: flex;align-items: center;gap: 10px;}#edit-post .contact-form #publish-group label[for="published"] {margin: 0;flex-shrink: 0;}#edit-post .contact-form #publish-group input[type="checkbox"] {margin: 0;flex-shrink: 0;}.success-message {color: green;font-size: 1rem;margin-bottom: 1rem;text-align: center;}.error-message {color: red;font-size: 1rem;margin-bottom: 1rem;text-align: center;}.password-wrapper {position: relative;}.password-wrapper input {width: 100%;padding-right: 40px;}.password-wrapper i {position: absolute;top: 50%;right: 10px;transform: translateY(-50%);cursor: pointer;color: #666;}@media (max-width: 768px) {#edit-post .contact-form #publish-group {display: block;}#edit-post .contact-form #publish-group label[for="published"], #edit-post .contact-form #publish-group input[type="checkbox"] {display: block;margin: 5px 0;}}.markdown-tooltip {position: relative;display: inline-flex;align-items: center;margin-left: 5px;cursor: help;}.markdown-tooltip .fas {font-size: 1rem;color: #F5C000;margin-left: 5px;}.markdown-tooltip .tooltip-text {visibility: hidden;min-width: 250px;max-width: 90vw;width: auto;background-color: #fff;color: #000;text-align: left;border-radius: 5px;padding: 10px;position: absolute;z-index: 1000;top: 100%;left: 0;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);font-size: 0.9rem;line-height: 1.4;white-space: normal;}.markdown-tooltip .tooltip-text ul {margin: 0 0 0 15px;padding: 0;list-style-position: inside;}.markdown-tooltip .tooltip-text li {margin: 0;padding: 0;}@media (max-width: 768px) {.markdown-tooltip .tooltip-text {min-width: 250px;max-width: 90vw;width: auto;top: auto;bottom: 100%;left: auto;right: 0;transform: none;margin: 0 5px;}}#preview-container {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 3000;display: flex;justify-content: center;align-items: center;}.preview-overlay {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 900px;width: 100%;max-height: 90vh;overflow-y: auto;background-color: #555;}.preview-content {background: #fff;padding: 2rem;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);text-align: left;}.preview-content div img {max-width: 80%;height: auto;display: block;margin-left: auto;margin-right: auto;}.preview-container .social-icons {display: none;}.preview-content.mobile-preview {max-width: 375px;width: 100%;margin-left: auto;margin-right: auto;text-align: center;}.preview-content .preview-close-btn, .preview-content .preview-toggle-btn {position: absolute;top: 5px;font-size: 0.9rem;padding: 0.5rem;background: #F5C000;border: none;border-radius: 5px;cursor: pointer;}.preview-content .preview-close-btn {right: 5px;}.preview-content .preview-toggle-btn {right: 40px;}.preview-content.mobile-preview ~ .preview-close-btn, .preview-content.mobile-preview ~ .preview-toggle-btn {top: 5px;}.preview-content h2 {margin-bottom: 1rem;}.preview-content .date, .preview-content p {margin-bottom: 0.5rem;}.preview-content .blog-post-image {margin-bottom: 1rem;}.preview-close-btn, .preview-toggle-btn {position: absolute;top: 10px;right: 10px;padding: 0.75rem;background: none;border: none;cursor: pointer;}.preview-toggle-btn {right: 80px;}.preview-close-btn .fas, .preview-toggle-btn .fas {font-size: 1.2rem;color: #333;}.preview-close-btn:hover .fas, .preview-toggle-btn:hover .fas {color: #000;}.logout-container {text-align: right;margin-top: 1rem;}.logout-btn {display: inline-block;padding: 0.75rem 1rem;background: #F5C000;color: #000;text-decoration: none;border: none;border-radius: 5px;transition: background 0.3s ease;}.logout-btn:hover {background: #7A6500;color: #fff;}.card {margin-bottom: 1rem;background: #fff;border-radius: 10px;box-shadow: 0 4px 6px rgba(0,0,0,0.1);overflow: hidden;display: flex;flex-direction: column;width: 100%;transition: all 0.3s ease;}.card-header {padding: 1rem;background: #F5C000;color: #000;border: none;cursor: pointer;text-align: left;font-size: 1.2rem;transition: background 0.3s ease;}.card-header:hover {background: #E0B000;}.card-content {padding: 0;flex-grow: 1;}.card-content form, .card-content .blog-grid {margin: 0 auto;}.close-card {position: absolute;top: 10px;right: 10px;padding: 0.75rem 1.5rem;font-size: 1rem;border: none;color: #fff;z-index: 2100;}.admin-card-header {background: none;padding: 1.0rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}.admin-card-header .fas {font-size: 4rem;color: #b9b9b7;margin-bottom: 1rem;}.admin-card-header span {font-size: 1.1rem;color: #333;}.pane {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 2000;}.pane .content {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;padding: 2rem;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);max-width: 600px;width: 100%;max-height: 90vh;overflow-y: auto;display: block;}.form-group select {width: 100%;padding: 0.75rem;border: 1px solid #ccc;border-radius: 5px;font-size: 1rem;font-family: 'Roboto', sans-serif;box-sizing: border-box;transition: border-color 0.3s ease;}.form-group select:focus {border-color: #F5C000;outline: none;}@media (max-width: 768px) {.pane .content {max-width: 375px;width: 100%;padding: 1rem;}}@media (max-width: 768px) {.card {width: 100%;}.card-content {padding: 0.5rem;}.card-content .form-group {margin-bottom: 0.5rem;}.admin-card-header {padding: 1rem;.fas {font-size: 2.5rem;}span {font-size: 1rem;}}.logout-container {text-align: center;}.logout-btn {width: 80%;margin: 0 auto;}}.user-accordion {width: 100%;margin: 0;padding: 0;}.user-accordion-item {margin-bottom: 0.5rem;background: #fff;border: 1px solid #e0e0e0;border-radius: 5px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);overflow: hidden;}.user-accordion-header {padding: 0.75rem 1rem;cursor: pointer;background: #f5f5f5;border-bottom: 1px solid #e0e0e0;display: flex;justify-content: space-between;align-items: center;font-size: 1rem;font-weight: 600;transition: background 0.2s ease, box-shadow 0.2s ease;}.user-accordion-header:hover {background: #ececec;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);}.user-accordion-header .accordion-icon {font-size: 0.9rem;color: #555;transition: transform 0.2s ease;}.user-accordion-header.active .accordion-icon {transform: rotate(90deg);}.user-accordion-content {padding: 0.75rem 1rem;display: none;background: #fafafa;border-top: 1px solid #e0e0e0;transition: all 0.9s ease;}.user-accordion-content p {margin: 0.25rem 0;font-size: 0.9rem;}.user-accordion-content .form-group {margin-bottom: 0.75rem;}.user-accordion-content .form-group label {font-size: 0.9rem;margin-bottom: 0.25rem;}.user-accordion-content .form-group input, .user-accordion-content .form-group select {font-size: 0.9rem;padding: 0.5rem;border: 1px solid #d0d0d0;border-radius: 4px;}.user-accordion-content .btn {padding: 0.5rem 1rem;margin: 0.25rem;font-size: 0.9rem;}@media (max-width: 768px) {.user-accordion-item {margin-bottom: 0.25rem;}.user-accordion-header {font-size: 0.9rem;padding: 0.5rem 0.75rem;}.user-accordion-content {padding: 0.5rem 0.75rem;}.user-accordion-content p {font-size: 0.85rem;}.user-accordion-content .form-group {margin-bottom: 0.5rem;}.user-accordion-content .form-group input, .user-accordion-content .form-group select {padding: 0.4rem;font-size: 0.85rem;}.user-accordion-content .btn {padding: 0.4rem 0.75rem;font-size: 0.85rem;}}.blog-index .search-form {margin: 1rem auto 2rem;display: flex;gap: 1rem;justify-content: center;width: 100%;max-width: 600px;}.blog-index .search-form input {padding: 0.5rem;border: 1px solid #ccc;border-radius: 5px;width: 70%;}.blog-index .search-form .search-btn {display: inline-block;padding: 0.8rem 2rem;background: #F5C000;color: #000;text-decoration: none;border-radius: 5px;text-align: center;transition: background 0.3s ease;}.blog-index .search-form .search-btn:hover {background: #292200;color: #fff;}.toggle-switch {position: relative;display: inline-block;width: 40px;height: 20px;vertical-align: middle;margin-right: 0.5rem;}.toggle-switch input {opacity: 0;width: 0;height: 0;}.toggle-slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: 0.3s;border-radius: 20px;}.toggle-slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 2px;bottom: 2px;background-color: white;transition: 0.3s;border-radius: 50%;}input:checked + .toggle-slider {background-color: #F5C000;}input:checked + .toggle-slider:before {transform: translateX(20px);}