Update nav: book icon logo, add Q&A link, remove Home link

src/App.css

@@ -28,17 +28,28 @@
   justify-content: space-between;
 }
 
-.header-ornament {
-  font-family: var(--brand-font-body);
-  color: var(--brand-gold);
-  letter-spacing: 10px;
-  font-size: 0.85rem;
-  opacity: 0.6;
+.header-logo {
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  transition: opacity 200ms;
+  flex-shrink: 0;
+  opacity: 0.82;
+}
+
+.header-logo:hover {
+  opacity: 1;
+}
+
+.header-logo-img {
+  height: 52px;
+  width: auto;
+  display: block;
 }
 
 .header-nav {
   display: flex;
-  gap: 1.75rem;
+  gap: 1.5rem;
   align-items: center;
 }
 
@@ -63,7 +74,7 @@
   font-weight: 500;
   letter-spacing: 0.06em;
   text-transform: uppercase;
-  font-size: 1.02rem;
+  font-size: 0.96rem;
   transition: color 200ms;
 }
 
@@ -3024,8 +3035,8 @@
     font-size: 1.2rem;
   }
 
-  .header-ornament {
-    display: none;
+  .header-logo-img {
+    height: 40px;
   }
 
   .admin-stats-grid,

src/App.tsx

@@ -331,7 +331,9 @@ function SiteHeader({ content }: { content: SiteContent }) {
   return (
     <header className="site-header">
       <div className="header-inner">
-        <span className="header-ornament">✦ &nbsp; ✦ &nbsp; ✦</span>
+        <Link to="/" className="header-logo" aria-label="Home">
+          <img src="/book_icon.png" alt="" className="header-logo-img" />
+        </Link>
         <button
           type="button"
           className="header-menu-btn"
@@ -342,8 +344,8 @@ function SiteHeader({ content }: { content: SiteContent }) {
           {menuOpen ? 'Close' : 'Menu'}
         </button>
         <nav id="site-nav" className={`header-nav ${menuOpen ? 'header-nav--open' : ''}`}>
-          <NavLink to="/" end className={({ isActive }) => `header-nav-link${isActive ? ' header-nav-link--active' : ''}`} onClick={() => setMenuOpen(false)}>Home</NavLink>
           <NavLink to="/episodes" className={({ isActive }) => `header-nav-link${isActive ? ' header-nav-link--active' : ''}`} onClick={() => setMenuOpen(false)}>Episodes</NavLink>
+          <NavLink to="/questions" className={({ isActive }) => `header-nav-link${isActive ? ' header-nav-link--active' : ''}`} onClick={() => setMenuOpen(false)}>Q&amp;A</NavLink>
           <NavLink to="/resources" className={({ isActive }) => `header-nav-link${isActive ? ' header-nav-link--active' : ''}`} onClick={() => setMenuOpen(false)}>Downloads</NavLink>
           <NavLink to="/about" className={({ isActive }) => `header-nav-link${isActive ? ' header-nav-link--active' : ''}`} onClick={() => setMenuOpen(false)}>About</NavLink>
           <NavLink to="/contact" className={({ isActive }) => `header-nav-link${isActive ? ' header-nav-link--active' : ''}`} onClick={() => setMenuOpen(false)}>Contact</NavLink>

src/icons.tsx

@@ -1,3 +1,26 @@
+export function BookIcon() {
+  return (
+    <svg width="32" height="32" viewBox="0 0 80 64" fill="none" aria-hidden="true">
+      <path
+        d="M40 56 C40 56 8 44 8 16 L8 8 L40 8 L40 56 Z"
+        stroke="currentColor" strokeWidth="3" strokeLinejoin="round" fill="rgba(30,24,14,0.85)"
+      />
+      <path
+        d="M40 56 C40 56 72 44 72 16 L72 8 L40 8 L40 56 Z"
+        stroke="currentColor" strokeWidth="3" strokeLinejoin="round" fill="rgba(30,24,14,0.85)"
+      />
+      <path d="M40 8 L40 56" stroke="currentColor" strokeWidth="2" />
+      <line x1="16" y1="20" x2="36" y2="20" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
+      <line x1="16" y1="28" x2="36" y2="28" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
+      <line x1="16" y1="36" x2="32" y2="36" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
+      <line x1="44" y1="20" x2="64" y2="20" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
+      <line x1="44" y1="28" x2="64" y2="28" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
+      <line x1="48" y1="36" x2="64" y2="36" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
+      <line x1="28" y1="58" x2="52" y2="58" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" />
+    </svg>
+  )
+}
+
 export function FacebookIcon() {
   return (
     <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">