move inline style to less file

fsfe.org/activities/yh4f/index.xsl

@@ -16,30 +16,6 @@
 
   <!-- "Videobox" (provisional name) with YH4F/related talks -->
   <xsl:template match="talks">
-    <style>
-    #yh4f-slideshow-caption {
-      display: flex;
-      justify-content: space-between;
-      gap: 1rem;
-      align-items: baseline;
-    }
-
-    #yh4f-iframe {
-      position: absolute;
-      inset: 0px;
-      min-height: 480px;
-      width: 100%;
-    }
-
-    #yh4f-figure {
-      width: 85vw;
-    }
-
-    #yh4f-iframe-container {
-      width: 100%;
-      min-height: 480px;
-    }
-    </style>
 
     <figure id="yh4f-figure">
       <div>

fsfe.org/look/pages/yh4f.less

@@ -10,3 +10,26 @@ body.yh4f {
     margin-bottom: 20px;
   }
 }
+
+#yh4f-slideshow-caption {
+  display: flex;
+  justify-content: space-between;
+  gap: 1rem;
+  align-items: baseline;
+}
+
+#yh4f-iframe {
+  position: absolute;
+  inset: 0px;
+  min-height: 480px;
+  width: 100%;
+}
+
+#yh4f-figure {
+  width: 85vw;
+}
+
+#yh4f-iframe-container {
+  width: 100%;
+  min-height: 480px;
+}