copy: simplify Group Doc subheader

client/src/pages/TutorialTasks.tsx

@@ -1150,12 +1150,15 @@ const TutorialTasks: React.FC = () => {
               <div className="text-gray-900 leading-relaxed text-lg font-smiley whitespace-pre-wrap">{renderFormatted(tutorialWeek.translationBrief || '')}</div>
             )}
 
-            {/* Group Google Doc (simple) */}
-            <div className="mt-6 p-4 bg-indigo-50 rounded-lg border border-indigo-200">
-              <div className="flex items-center justify-between mb-3">
-                <h4 className="text-indigo-900 font-semibold">Group Google Doc</h4>
+            {/* Group Google Doc (refined) */}
+            <div className="mt-6 bg-white rounded-xl border border-gray-200 shadow-sm">
+              <div className="px-6 pt-6">
+                <h4 className="text-2xl font-bold text-gray-900">Group Google Doc</h4>
+                <p className="mt-2 text-gray-600">Open or share each group’s working document.</p>
               </div>
+              <div className="px-6 pb-4 pt-4 border-t border-gray-100">
               <GroupDocSection weekNumber={selectedWeek} />
+              </div>
             </div>
             <div className="mt-4 p-3 bg-indigo-50 rounded-lg">
               <p className="text-indigo-900 text-sm">