diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css
index b34bed5..8210858 100644
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -54,6 +54,7 @@ https://creativecommons.org/publicdomain/
 	--font-size-default: clamp(1rem, 15px + 0.3vw, 1.07rem);
 	--font-size-emphasis: clamp(1.1rem, 15px + 0.3vw, 1.25rem);
 
+	--episode-nav-padding: clamp(0.15em, 15px + 0.3vw, 0.4em);
 	--show-notes-pre-background: #f9e9c2; 
 	--logo-font-family: var(--font-family-hpr);  
 	--logo-font-weight: bolder;
@@ -782,7 +783,7 @@ nav.episodes span:nth-child(n+3) a {
 }
 nav.episodes span.no-link, 
 nav.episodes span a {
-	padding: 0.3em 0.4em 0.1em 0.4em;
+	padding: 0.3em var(--episode-nav-padding) 0.1em var(--episode-nav-padding);
 	display: inline-block;
 	min-width: 4.4em;
 	min-height: 1.5em;