Style transcription details in figure captions

This adds dedicated styling for `details` blocks inside figure captions, making
transcriptions and expanded notes visually distinct without breaking the compact
caption layout.

It also resets nested blockquotes and adjusts small heading/section spacing so
transcribed image text remains readable inside captions.

1 files changed, 27 insertions, 0 deletions

diff --git a/assets/static/css/style.css b/assets/static/css/style.css
index 7022b74..624fd38 100644
--- a/assets/static/css/style.css
+++ b/assets/static/css/style.css
@@ -809,6 +809,33 @@ figure:not(.trail) {
     dd {
       max-inline-size: none;
     }
+
+    details {
+      margin-top: calc(1 / 3 * 1em);
+      border: 1px dotted var(--blue);
+      border-radius: var(--default-border-radius);
+      padding: 0.5rem;
+
+      summary {
+        font-style: italic;
+      }
+
+      blockquote {
+        border: 0;
+        margin: inherit;
+        padding-left: inherit;
+      }
+
+      hgroup {
+        p {
+          margin-bottom: 1rem;
+        }
+      }
+
+      section + p {
+        margin-top: 1rem;
+      }
+    }
   }
 
   & + p {