diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index e6922c9..3344389 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -7634,7 +7634,7 @@ a.navbar-link:hover,
     padding: 3.5rem 1rem 0.666rem 1rem;
     background-color: #0D1E34; }
   .navbar-search .navbar-search-swap:hover form,
-  .navbar-search .navbar-search-swap:focus form {
+  .navbar-search form:focus-within {
     top: -3rem; }
   .navbar-search .navbar-search-swap form .form-item .control .form-text.input {
     width: 18rem; }
@@ -7975,7 +7975,8 @@ a.teaser {
     background: linear-gradient(to bottom, #0d1e34 25%, rgba(13, 30, 52, 0) 100%); }
   .hero-main a .icon {
     color: #BAB108; }
-  .hero-main a:hover .icon {
+  .hero-main a:hover .icon,
+  .hero-main a:focus .icon {
     color: #CBC219; }
 
 .hero.is-blue {
@@ -7997,10 +7998,10 @@ a.teaser {
     left: 0;
     right: 0;
     box-shadow: inset 0 0 0 100vmax rgba(38, 89, 155, 0.5); }
-  .hero.is-blue:hover {
+  .hero.is-blue:hover, .hero.is-blue:focus {
     color: #FFFFFF;
     background-color: #214d87; }
-    .hero.is-blue:hover > .container > .hero-image > .hero-image-shadow:before {
+    .hero.is-blue:hover > .container > .hero-image > .hero-image-shadow:before, .hero.is-blue:focus > .container > .hero-image > .hero-image-shadow:before {
       box-shadow: none; }
 
 .hero.is-marine {
@@ -8034,12 +8035,17 @@ a.teaser {
 .hero.is-dark a,
 .hero.is-dandelion a {
   color: #E4E5E7; }
-  .hero.is-blue a:hover,
+  .hero.is-blue a:hover, .hero.is-blue a:focus,
   .hero.is-marine a:hover,
+  .hero.is-marine a:focus,
   .hero.is-berry a:hover,
+  .hero.is-berry a:focus,
   .hero.is-cinnamon a:hover,
+  .hero.is-cinnamon a:focus,
   .hero.is-dark a:hover,
-  .hero.is-dandelion a:hover {
+  .hero.is-dark a:focus,
+  .hero.is-dandelion a:hover,
+  .hero.is-dandelion a:focus {
     color: #3276CF;
     background-color: #FFFFFF; }
 
@@ -8048,7 +8054,9 @@ a.teaser {
   color: #26599B; }
 
 .hero.is-light a:hover,
-.hero.is-grey a:hover {
+.hero.is-light a:focus,
+.hero.is-grey a:hover,
+.hero.is-grey a:focus {
   color: #3276CF;
   background-color: #FFFFFF; }