Sponsor line on every page, under the wordmark above the rule

css/site.css

@@ -872,17 +872,17 @@ html.js [data-rv].rv-in { opacity: 1; transform: none; }
   color: var(--muted);
 }
 
-/* ---------- sponsor line: one quiet line under the masthead, one in the footer ---------- */
-.sponsor { border-bottom: 1px solid var(--rule); }
+/* ---------- sponsor line: one line under the wordmark inside the masthead, one in the footer ---------- */
+.mast-brand { display: flex; flex-direction: column; width: max-content; max-width: 100%; }
+.masthead .nav, .masthead .nav-cta { align-self: end; }
+
+.sponsor { padding-top: 9px; }
 .sponsor p {
-  max-width: var(--max);
-  margin: 0 auto;
-  padding: 7px var(--pad) 8px;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  gap: 8px;
+  margin: 0;
+  padding: 0;
+  text-align: center;
   font-size: var(--step-sm);
+  line-height: 1.3;
   color: var(--muted);
 }
 .sponsor-label {
@@ -896,7 +896,9 @@ html.js [data-rv].rv-in { opacity: 1; transform: none; }
   color: var(--ink);
   text-decoration-color: var(--oak);
   text-underline-offset: 3px;
+  white-space: nowrap;
 }
+.sponsor a:hover { color: var(--navy); }
 .sponsor-note { opacity: 0.72; }
 .sponsor-foot {
   margin: 10px 0 0;