Style transcript turns and bump style.css cache version

The renderer emits .transcript-turn and .transcript-speaker, neither of which
had any CSS, so speaker labels and turns rendered unstyled. Extends the
existing .speaker-label rule rather than duplicating it.

Bumps style.css to v=7 everywhere — the file changed, and pages referenced a
mix of v=5 and v=6, so some visitors would have kept a cached copy without the
new rules.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

tests/test_episode_render.py

@@ -102,7 +102,7 @@ def test_all_asset_paths_are_root_absolute(sample_episode):
     html = render_episode_page(sample_episode, turns=[])
     assert 'href="css/' not in html
     assert 'src="js/' not in html
-    assert 'href="/css/style.css?v=6"' in html
+    assert re.search(r'href="/css/style\.css\?v=\d+"', html)
     assert 'src="/js/footer.js"' in html
 
 

website/404.html

@@ -15,7 +15,7 @@
   <link rel="icon" type="image/png" sizes="16x16" href="favicon-16.png">
   <link rel="apple-touch-icon" href="apple-touch-icon.png">
 
-  <link rel="stylesheet" href="css/style.css?v=5">
+  <link rel="stylesheet" href="css/style.css?v=7">
   <script defer data-domain="lukeattheroost.com" data-api="/p/event" src="/p/script"></script>
   <script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
 </head>

website/clips.html

@@ -39,7 +39,7 @@
   </script>
 
   <link rel="alternate" type="application/rss+xml" title="Luke at the Roost RSS Feed" href="https://podcast.macneilmediagroup.com/@LukeAtTheRoost/feed.xml">
-  <link rel="stylesheet" href="css/style.css?v=5">
+  <link rel="stylesheet" href="css/style.css?v=7">
     <script defer data-domain="lukeattheroost.com" data-api="/p/event" src="/p/script"></script>
     <script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
 </head>

website/css/style.css

@@ -1536,13 +1536,23 @@ a:hover {
   margin-bottom: 1.25rem;
 }
 
-.speaker-label {
+.speaker-label,
+.transcript-speaker {
   font-weight: 700;
   color: var(--accent);
   font-size: 0.85rem;
   letter-spacing: 0.03em;
 }
 
+/* Static episode pages render one block per speaker turn. */
+.transcript-turn {
+  margin-bottom: 1.25rem;
+}
+
+.transcript-turn p {
+  margin: 0.2rem 0 0;
+}
+
 .transcript-unavailable {
   color: var(--text-muted);
   font-style: italic;

website/episode.html

@@ -30,7 +30,7 @@
   <link rel="apple-touch-icon" href="apple-touch-icon.png">
 
   <link rel="alternate" type="application/rss+xml" title="Luke at the Roost RSS Feed" href="https://podcast.macneilmediagroup.com/@LukeAtTheRoost/feed.xml">
-  <link rel="stylesheet" href="css/style.css?v=5">
+  <link rel="stylesheet" href="css/style.css?v=7">
 
   <!-- Structured Data (dynamically updated by JS) -->
   <script type="application/ld+json" id="episode-jsonld">

website/how-it-works.html

@@ -28,7 +28,7 @@
   <link rel="apple-touch-icon" href="apple-touch-icon.png">
 
   <link rel="alternate" type="application/rss+xml" title="Luke at the Roost RSS Feed" href="https://podcast.macneilmediagroup.com/@LukeAtTheRoost/feed.xml">
-  <link rel="stylesheet" href="css/style.css?v=5">
+  <link rel="stylesheet" href="css/style.css?v=7">
 
   <!-- Structured Data -->
   <script type="application/ld+json">

website/index.html

@@ -31,7 +31,7 @@
   <link rel="apple-touch-icon" href="apple-touch-icon.png">
 
   <link rel="alternate" type="application/rss+xml" title="Luke at the Roost RSS Feed" href="https://podcast.macneilmediagroup.com/@LukeAtTheRoost/feed.xml">
-  <link rel="stylesheet" href="css/style.css?v=6">
+  <link rel="stylesheet" href="css/style.css?v=7">
 
   <!-- Structured Data -->
   <script type="application/ld+json">

website/privacy.html

@@ -33,7 +33,7 @@
   <link rel="icon" type="image/png" sizes="16x16" href="favicon-16.png">
   <link rel="apple-touch-icon" href="apple-touch-icon.png">
 
-  <link rel="stylesheet" href="css/style.css?v=5">
+  <link rel="stylesheet" href="css/style.css?v=7">
     <script defer data-domain="lukeattheroost.com" data-api="/p/event" src="/p/script"></script>
     <script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
 </head>

website/stats.html

@@ -39,7 +39,7 @@
   </script>
 
   <link rel="alternate" type="application/rss+xml" title="Luke at the Roost RSS Feed" href="https://podcast.macneilmediagroup.com/@LukeAtTheRoost/feed.xml">
-  <link rel="stylesheet" href="css/style.css?v=5">
+  <link rel="stylesheet" href="css/style.css?v=7">
     <script defer data-domain="lukeattheroost.com" data-api="/p/event" src="/p/script"></script>
     <script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
 </head>

website/terms.html

@@ -33,7 +33,7 @@
   <link rel="icon" type="image/png" sizes="16x16" href="favicon-16.png">
   <link rel="apple-touch-icon" href="apple-touch-icon.png">
 
-  <link rel="stylesheet" href="css/style.css?v=5">
+  <link rel="stylesheet" href="css/style.css?v=7">
     <script defer data-domain="lukeattheroost.com" data-api="/p/event" src="/p/script"></script>
     <script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
 </head>

website_gen/render.py

@@ -37,7 +37,7 @@ PAGE = """<!DOCTYPE html>
   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
 
   <link rel="alternate" type="application/rss+xml" title="Luke at the Roost RSS Feed" href="{feed}">
-  <link rel="stylesheet" href="/css/style.css?v=6">
+  <link rel="stylesheet" href="/css/style.css?v=7">
 
   <script type="application/ld+json">
 {schema}