Match article labels to articles hero

assets/static/style.css

@@ -6,6 +6,7 @@
   --dim: #666b70;
   --rule: #273039;
   --teal: #51b6a5;
+  --article-cyan: #19d7ff;
   --mustard: #c9a84c;
   --magenta: #d26186;
   --violet: #8c78d8;
@@ -68,7 +69,7 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
   isolation: isolate;
 }
 .section-hero--articles {
-  --section-accent: #19d7ff;
+  --section-accent: var(--article-cyan);
   --section-accent-rgb: 25, 215, 255;
   --section-accent-soft: #00aee8;
   --section-alt: #ff37c7;
@@ -737,7 +738,7 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
 .entry-meta { display: flex; align-items: center; gap: 16px; color: var(--muted); font-size: 10px; }
 .label { border: 1px solid currentColor; padding: 2px 8px; color: var(--teal); text-transform: uppercase; }
 .accent-blog .label { color: var(--violet); }
-.accent-article .label { color: var(--magenta); }
+.accent-article .label { color: var(--article-cyan); }
 .timeline-entry h2, .entry-card h2 { margin: 10px 0 5px; font-size: 21px; line-height: 1.3; }
 .timeline-entry p, .entry-card p { max-width: 680px; margin: 0 0 10px; color: var(--muted); }
 .read-more { color: var(--magenta); font-size: 10px; }

templates/base.html

@@ -10,7 +10,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500&family=Playfair+Display:ital,wght@0,600;0,700;1,500;1,600&display=swap" rel="stylesheet">
   <link rel="icon" href="{{ '/static/favicon.svg'|url }}" type="image/svg+xml">
-  <link rel="stylesheet" href="{{ '/static/style.css'|url }}?v=20">
+  <link rel="stylesheet" href="{{ '/static/style.css'|url }}?v=21">
   <script src="{{ '/static/tags.js'|url }}?v=1" defer></script>
   <script src="{{ '/static/activity.js'|url }}?v=1" defer></script>
   <script src="{{ '/static/hero-circuit.js'|url }}?v=2" defer></script>