Redesign resources page with PageBanner, featured download, and consistent page headers; v1.1.40

- Replace hero study guide form with PageBanner + featured download card in library
- Add PageBanner component used consistently across all interior pages (Downloads, Episodes, About, Contact, Q&A, Finished Books)
- Remove duplicate headings/eyebrows that conflicted with banner titles on About, Contact, Q&A, Finished Books pages
- Compact download card sizing (padding, border-radius, image size)
- Add Books & Resources tabbed section with fallback to TruthForLife widget
- Fix server sanitizer to pass through 'resources' placement items without URL
- Add featured-badge and featured card styling for primary guide

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/App.css

@@ -4119,11 +4119,11 @@
   .resource-download-card {
     background: #111;
     border: 1px solid rgba(201, 168, 76, 0.18);
-    border-radius: 18px;
-    padding: 1.5rem;
+    border-radius: 14px;
+    padding: 1rem 1.25rem;
     display: flex;
     flex-direction: column;
-    gap: 1rem;
+    gap: 0.75rem;
     text-decoration: none;
     color: inherit;
     transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
@@ -4172,9 +4172,9 @@
   }
 
   .resource-link-image {
-    width: 80px;
-    height: 80px;
-    border-radius: 14px;
+    width: 64px;
+    height: 64px;
+    border-radius: 10px;
     object-fit: cover;
     border: 1px solid rgba(201, 168, 76, 0.2);
     flex-shrink: 0;
@@ -4480,13 +4480,10 @@
 
 /* ── Recommended Resources section ── */
 .recommended-resources-list {
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 1.25rem;
   margin-top: 1rem;
-  max-width: 600px;
-  margin-left: auto;
-  margin-right: auto;
 }
 
 .recommended-resource-card {
@@ -4541,6 +4538,99 @@
   font-weight: 600;
 }
 
+/* ── Interior page banner ── */
+.section-page-banner {
+  padding: 3.5rem 0 2rem;
+  border-bottom: 1px solid rgba(201, 168, 76, 0.12);
+}
+
+.page-banner-inner {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.page-banner-title {
+  font-family: var(--brand-font-heading);
+  font-size: clamp(2rem, 4vw, 3rem);
+  font-weight: 700;
+  color: var(--brand-warm-white);
+  margin: 0.15rem 0 0;
+  line-height: 1.15;
+}
+
+.page-banner-desc {
+  font-family: var(--brand-font-body);
+  font-size: 1.05rem;
+  font-weight: 300;
+  color: var(--brand-muted);
+  max-width: 52ch;
+  margin: 0.25rem 0 0;
+  line-height: 1.6;
+}
+
+/* ── Featured download card ── */
+.resource-download-card--featured {
+  margin-bottom: 1.5rem;
+  border-color: rgba(201, 168, 76, 0.35);
+  background: rgba(201, 168, 76, 0.04);
+}
+
+.resource-link-image--featured {
+  width: 80px !important;
+  height: 110px !important;
+  border-radius: 6px !important;
+  object-fit: cover;
+}
+
+.featured-badge {
+  display: inline-block;
+  font-size: 0.7rem;
+  font-weight: 700;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: var(--brand-gold);
+  background: rgba(201, 168, 76, 0.12);
+  border: 1px solid rgba(201, 168, 76, 0.3);
+  border-radius: 4px;
+  padding: 0.15rem 0.5rem;
+  margin-bottom: 0.25rem;
+  align-self: flex-start;
+}
+
+/* ── Books + Recommended Resources tabs ── */
+.books-resources-tabs {
+  display: flex;
+  gap: 0.25rem;
+  margin-bottom: 2rem;
+  border-bottom: 1px solid rgba(201, 168, 76, 0.15);
+  padding-bottom: 0;
+}
+
+.books-resources-tab {
+  background: none;
+  border: none;
+  border-bottom: 2px solid transparent;
+  padding: 0.6rem 1.1rem;
+  margin-bottom: -1px;
+  font-family: var(--brand-font-body);
+  font-size: 0.92rem;
+  font-weight: 600;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: pointer;
+  transition: color 160ms ease, border-color 160ms ease;
+  letter-spacing: 0.02em;
+}
+
+.books-resources-tab:hover {
+  color: rgba(255, 255, 255, 0.85);
+}
+
+.books-resources-tab--active {
+  color: var(--brand-gold);
+  border-bottom-color: var(--brand-gold);
+}
+
 /* ── Study Guide section ── */
 .section-guide {
   background: #0d0d0d;