havre: the big picture has no focus ring or frame around it (it read as a blue background); links keep one colour once visited

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VAvUH72XsdCitHdh3t7mjr

ventures/havre/style.css

@@ -34,8 +34,7 @@ body {
   color: var(--ink);
   font: 19px/1.35 var(--serif);
 }
-a { color: var(--link); }
-a:visited { color: var(--visited); }
+a, a:visited { color: var(--link); }
 a:hover, a:focus-visible { color: var(--ink); background: var(--hi); }
 :focus-visible { outline: 2px solid var(--link); outline-offset: 2px; }
 p { margin: 0; }
@@ -311,7 +310,9 @@ pre.saw {
 .line.media .words { white-space: pre-wrap; }
 .pic { margin: 0; border: 1px solid var(--ink); width: min(100%, 340px); }
 .pic img { width: 100%; height: auto; max-height: 440px; object-fit: contain; background: var(--well); cursor: zoom-in; }
-.lightbox { padding: 0; border: 1px solid var(--ink); background: var(--paper); max-width: 96vw; max-height: 96vh; }
+/* the picture, big: it takes focus when it opens, and the focus ring (link blue) read as a blue background around it */
+.lightbox { padding: 0; border: 0; background: transparent; max-width: 96vw; max-height: 96vh; outline: none; }
+.lightbox:focus, .lightbox:focus-visible { outline: none; }
 .lightbox::backdrop { background: rgba(0, 0, 0, 0.88); }
 .lightbox img { max-width: 96vw; max-height: 94vh; object-fit: contain; cursor: zoom-out; }
 .newcard label { display: block; margin: 12px 0; font: 14px var(--mono); }