article block: more core block styles

resources/views/blocks/article/css/_base.scss

@@ -3,7 +3,6 @@
 @use "../../../../css/global/variables/breakpoints";
 @use "../../../../css/global/variables/spacing";
 @use "../../../../css/global/variables/colours";
-@use "../../../../css/global/fonts";
 
 .wp-block-badegg-article {
   container-name: BadEggArticle;

resources/views/blocks/article/css/_details.scss

@@ -0,0 +1,17 @@
+@use "../../../../css/global/variables/colours";
+@use "../../../../css/global/variables/fonts";
+
+.wp-block-details {
+  summary {
+    font-family: fonts.$font;
+    font-weight: bold;
+  }
+
+  @media screen {
+    .knockout & {
+      summary {
+        color: colours.$white;
+      }
+    }
+  }
+}

resources/views/blocks/article/css/_embed.scss

@@ -0,0 +1,10 @@
+.wp-block-badegg-article {
+  .is-type-video {
+    iframe {
+      display: block;
+      width: 100%;
+      height: auto;
+      aspect-ratio: 16 / 9;
+    }
+  }
+}

resources/views/blocks/article/css/_quote.scss

@@ -1,7 +1,7 @@
 @use "../../../../css/global/variables/breakpoints";
 @use "../../../../css/global/variables/spacing";
 @use "../../../../css/global/variables/colours";
-@use "../../../../css/global/fonts";
+@use "../../../../css/global/variables/fonts";
 
 .wp-block-badegg-article {
   .wp-block-pullquote blockquote,

resources/views/blocks/article/css/_verse.scss

@@ -0,0 +1,14 @@
+@use "../../../../css/global/variables/colours";
+@use "../../../../css/global/variables/fonts";
+
+.wp-block-verse {
+  font-family: fonts.$font;
+  line-height: 2;
+  word-wrap: normal;
+
+  @media screen {
+    .knockout & {
+      color: colours.$white;
+    }
+  }
+}

resources/views/blocks/article/style.scss

@@ -1,8 +1,8 @@
-
-
 @use 'css/base';
 @use 'css/image';
 @use 'css/gallery';
 @use 'css/media-text';
 @use 'css/quote';
-
+@use 'css/embed';
+@use 'css/verse';
+@use 'css/details';