Update event title and subtitle styling

Removed redundant CSS for `.event-title` and adjusted font sizes directly in relevant selectors. Simplified HTML structure in `event_page.html` to align with updated styles. These changes improve consistency and maintainability of the event page layout.

core/static/css/theme/events.css

@@ -78,12 +78,6 @@
   overflow: hidden;
 }
 
-.event-title {
-  font-size: 1rem;
-  margin-bottom: 0.5rem;
-  font-weight: var(--font-weight-regular);
-}
-
 .event-link {
   color: #333;
   text-decoration: none;
@@ -183,6 +177,7 @@
   margin-bottom: 0.5rem;
   position: relative;
   display: inline-block;
+  font-size: 2rem;
 }
 
 .event-title::after {
@@ -200,6 +195,7 @@
   color: #666;
   font-weight: var(--font-weight-light);
   margin-top: 1rem;
+  font-size: 1.25rem;
 }
 
 /* Responsive adjustments for titles */

core/templates/core/event_page.html

@@ -71,9 +71,9 @@
 
     <!-- Event Header -->
     <div class="event-title-container">
-        <h1 class="event-title display-4">{{ self.title }}</h1>
+        <h1 class="event-title">{{ self.title }}</h1>
         {% if self.subtitle %}
-            <h2 class="event-subtitle h3">{{ self.subtitle }}</h2>
+            <h2 class="event-subtitle">{{ self.subtitle }}</h2>
         {% endif %}
     </div>