/* Base Settings */
        body { 
            background-color: #f4f7f6; 
            font-family: 'Open Sans', sans-serif; 
            color: #333; 
            font-size: 16px; /* Base font size increased for readability */
        }

        /* Responsive Header */
        .admin-header { 
            background: #fff; 
            padding: 15px 0; 
            border-bottom: 1px solid #e1e1e1; 
            margin-bottom: 20px; 
        }
        .legal-title { 
            font-family: 'Bellefair', serif; 
            color: #00204c; 
            font-weight: 700; 
            font-size: 1.5rem; /* Scales with screen */
            margin: 0; 
        }

        /* Form Styling */
        .card { 
            border: none; 
            border-radius: 12px; 
            box-shadow: 0 2px 15px rgba(0,0,0,0.08); 
            margin-bottom: 20px; 
        }
        .card-title { 
            color: #00204c; 
            font-weight: 700; 
            font-size: 1.2rem;
            border-bottom: 1px solid #eee; 
            padding-bottom: 12px; 
            margin-bottom: 15px; 
        }

        /* Inputs - Large for mobile fingers */
        .form-label { 
            font-weight: 600; 
            color: #444; 
            font-size: 15px; 
            margin-bottom: 6px; 
        }
        .custom-input { 
            border: 1px solid #ccd1d5; 
            border-radius: 8px; 
            padding: 14px; /* More padding for mobile */
            font-size: 16px !important; /* Prevents iOS auto-zoom on focus */
            width: 100%; 
            transition: 0.3s;
        }
        .custom-input:focus { 
            border-color: #E1A122; 
            outline: none; 
            box-shadow: 0 0 0 3px rgba(225, 161, 34, 0.1); 
        }

        /* Buttons */
        .btn-publish { 
            background-color: #E1A122; 
            color: white; 
            font-weight: 700; 
            font-size: 1.1rem;
            border: none; 
            padding: 16px; 
            border-radius: 8px; 
            width: 100%; 
            cursor: pointer; 
            box-shadow: 0 4px 6px rgba(225, 161, 34, 0.2);
        }

        /* Sidebar Image Preview */
        .image-preview { 
            width: 100%; 
            min-height: 180px; 
            background: #f9f9f9; 
            border: 2px dashed #ccc; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            border-radius: 10px; 
            margin-bottom: 10px; 
            overflow: hidden; 
        }
        .image-preview img { width: 100%; height: 100%; object-fit: cover; }

        /* CKEditor Mobile Height */
        .ck-editor__editable { min-height: 250px !important; }

        /* Mobile Specific Adjustments */
        @media (max-width: 768px) {
            .container { padding-left: 10px; padding-right: 10px; }
            .legal-title { font-size: 1.3rem; }
            .btn-publish { position: sticky; bottom: 10px; z-index: 100; }
        }

    .blog-details-section { background: #f9f9f9; padding: 60px 0; font-family: 'Open Sans', sans-serif; }
    .blog-card-details { background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 25px rgba(0,0,0,0.05); }
    .featured-image img { width: 100%; height: 450px; object-fit: cover; }
    
    .blog-full-content { padding: 40px; }
    .blog-full-content h1 { font-family: 'Bellefair', serif; color: #00204c; font-size: 2.5rem; margin-bottom: 20px; font-weight: 700; }
    
    .meta-info { color: #E1A122; font-weight: 600; font-size: 14px; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; }
    .short-desc-box { background: #fff9ed; border-left: 4px solid #E1A122; padding: 20px; margin-bottom: 30px; font-style: italic; color: #555; }
    
    .main-text-content { line-height: 1.8; color: #444; font-size: 1.1rem; }
    .main-text-content p { margin-bottom: 20px; }

    /* Sidebar Styling */
    .sidebar-widget { background: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); margin-bottom: 30px; }
    .widget-title { color: #00204c; font-weight: 700; border-bottom: 2px solid #E1A122; display: inline-block; margin-bottom: 20px; padding-bottom: 5px; }
    
    .recent-post-item { display: flex; align-items: center; margin-bottom: 15px; text-decoration: none; transition: 0.3s; }
    .recent-post-item img { width: 60px; height: 60px; border-radius: 5px; object-fit: cover; margin-right: 15px; }
    .recent-post-item h6 { font-size: 14px; color: #00204c; margin: 0; line-height: 1.4; }
    .recent-post-item:hover h6 { color: #E1A122; }

    @media (max-width: 768px) {
        .blog-full-content { padding: 20px; }
        .blog-full-content h1 { font-size: 1.8rem; }
        .featured-image img { height: 250px; }
    }