2 files changed, 38 insertions, 18 deletions
diff --git a/http/src/css/base.uppcss b/http/src/css/base.uppcss
index e67e5c0..b7a0e83 100644
--- a/http/src/css/base.uppcss
+++ b/http/src/css/base.uppcss
@@ -73,9 +73,9 @@
 
   --font-size-sm: 1rem;
   --font-size-base: 1.125rem;
-  --font-size-md: 1.5rem;
-  --font-size-lg: 2rem;
-  --font-size-xl: 3rem;
+  --font-size-md: 1.3rem;
+  --font-size-lg: 1.6rem;
+  --font-size-xl: 2rem;
 
   --spacing-block-xs: 0.5rem;
   --spacing-block-sm: 1.75rem;
@@ -89,6 +89,16 @@
   --spacing-inline-xl: 6rem;
 }
 
+@media (min-width: 60rem) {
+  :root {
+    --font-size-sm: 1rem;
+    --font-size-base: 1.25rem;
+    --font-size-md: 1.55rem;
+    --font-size-lg: 1.9rem;
+    --font-size-xl: 2.3rem;
+  }
+}
+
 /** Light theme */
 @media (prefers-color-scheme: light) {
   :root {
@@ -204,7 +214,7 @@ img {
       [margin-end grid-end];
 
     --grid-total-width: 80rem;
-    --grid-max-content-width: 40rem;
+    --grid-max-content-width: 50rem;
   }
 }
 
diff --git a/http/src/css/feed.uppcss b/http/src/css/feed.uppcss
index ae7c05d..5db8431 100644
--- a/http/src/css/feed.uppcss
+++ b/http/src/css/feed.uppcss
@@ -15,6 +15,25 @@ ul:has(> .h-entry) {
 .h-feed .h-entry {
   display: flex;
   flex-direction: column;
+
+  &:has(details) {
+    margin-inline: calc(-1 * var(--spacing-inline-lg));
+    border: 2px solid;
+    padding-inline: var(--spacing-inline-lg);
+    padding-block: var(--spacing-block-sm);
+    background: var(--colour-primary-bg-accent);
+    cursor: pointer;
+  }
+
+  > details > summary {
+    margin-inline-start: -1rem;
+    &::marker {
+      font-size: 1rem;
+    }
+    :is(h2, h3, h4, h5, h6) {
+      display: inline;
+    }
+  }
 }
 
 .h-feed .h-entry + .h-entry {
@@ -26,6 +45,10 @@ ul:has(> .h-entry) {
   margin: 0;
 }
 
+.h-feed .h-entry summary :is(h2, h3, h4, h5, h6) {
+  margin: 0;
+}
+
 .h-feed .h-entry .entry-meta {
   order: 0;
   font-size: var(--font-size-sm);
@@ -38,6 +61,7 @@ ul:has(> .h-entry) {
   > * + *::before {
     content: '•';
     padding-inline: var(--spacing-inline-sm);
+  }
 }
 
 .h-feed .h-entry .p-name {
@@ -52,17 +76,3 @@ ul:has(> .h-entry) {
 .h-feed :is(a.full-feed-link, .full-feed-link a)::after {
   content: ' >';
 }
-
-.h-feed .e-content {
-  border-bottom: solid 1px;
-  &:not(.e-content--expanded) {
-    height: 10rem;
-    overflow: clip;
-  }
-}
-
-.h-feed .h-entry > button {
-  width: max-content;
-  align-self: center;
-  margin-block-start: var(--spacing-block-xs);
-}