Remove per-slide icons from hero carousel

CLAUDE.md

@@ -50,7 +50,7 @@ See `DESIGN.md` §1 (audience), §5 (Phase 4 / 4.5), §10 (distribution strategy
 
 **Website:** [openkp.org](https://openkp.org) live on Cloudflare Pages as of 2026-05-11 (commit `25a7259`, see session-20). Source under `site/` — static single-page, no build step, no framework. CAIHL framing in copy, MCP-client-agnostic at runtime. Codex drafted, two review passes, then deployed via wrangler direct upload. Future deploys from repo root: `wrangler pages deploy site --project-name=openkp --branch=main --commit-dirty=true`. Public repo is live, so you can also switch the Pages project to GitHub auto-deploy any time via the Cloudflare dashboard — no longer gated on anything.
 
-**Site refresh 2026-05-27:** the hero panel is now a 3-slide carousel (visit notes engagement, implants inventory, unresolved message threads) that auto-rotates every 5 seconds with dot navigation, per-slide topic tag, and accent-color shift per slide. Each topic tag leads with a tiny inline-SVG line icon (document for visit notes, device-plus-ECG-lead for implants, envelope for messages) that inherits the per-slide accent via `currentColor`; the icons are decorative (`aria-hidden`) so the tag text stays the accessible label. The tools section reads "24 MCP tools" with a `Care team, specialists, implanted devices` bullet for the new reads. The install card carries a short Windows-supported note linking to `docs/install/windows.md`. Implementation lives in `site/index.html` (HTML), `site/styles.css` (`.hero-carousel*`, `.slide-tag`, `.carousel-dot*`), and `site/script.js` (carousel rotation, pauses on hover/focus, respects `prefers-reduced-motion`).
+**Site refresh 2026-05-27:** the hero panel is now a 3-slide carousel (visit notes engagement, implants inventory, unresolved message threads) that auto-rotates every 5 seconds with dot navigation, per-slide topic tag, and accent-color shift per slide. The tools section reads "24 MCP tools" with a `Care team, specialists, implanted devices` bullet for the new reads. The install card carries a short Windows-supported note linking to `docs/install/windows.md`. Implementation lives in `site/index.html` (HTML), `site/styles.css` (`.hero-carousel*`, `.slide-tag`, `.carousel-dot*`), and `site/script.js` (carousel rotation, pauses on hover/focus, respects `prefers-reduced-motion`).
 
 **Relicense 2026-05-27 (ADR-007):** OpenKP moved from MIT to **PolyForm Noncommercial 1.0.0**. The relicense reflects Hugo's intent that OpenKP serve patients and not be extracted commercially. Free for personal, research, educational, advocacy, nonprofit, and government use. Commercial use (paid SaaS, paid consulting, embedding in paid products) requires a separate license. `openkp/LICENSE` carries the canonical PolyForm text plus a `Required Notice: Copyright (c) 2026 Hugo Campos` line. Snapshots cloned under MIT before 2026-05-27 remain MIT for whoever has them — we can't claw back what's been licensed. Doc refs, `pyproject.toml`, and `site/index.html` final-CTA all updated. See `docs/adr/007-relicense-to-polyform-noncommercial.md`.
 

site/index.html

@@ -65,15 +65,7 @@ <h1>Your patient portal, directed by you.</h1>
           <div class="hero-carousel" data-carousel>
             <div class="hero-carousel-track" aria-live="polite">
               <div class="chat-window is-active" data-slide aria-roledescription="slide" aria-label="Example 1 of 3">
-                <div class="slide-tag">
-                  <svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
-                    <path d="M6 3h8l5 5v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z"/>
-                    <path d="M14 3v5h5"/>
-                    <path d="M9 13h6"/>
-                    <path d="M9 17h6"/>
-                  </svg>
-                  Visit notes
-                </div>
+                <div class="slide-tag">Visit notes</div>
                 <div class="bubble user">
                   Read every visit note from the last two years. Where did I raise concerns,
                   ask questions, or push back? How was that documented?
@@ -88,13 +80,7 @@ <h1>Your patient portal, directed by you.</h1>
                 </div>
               </div>
               <div class="chat-window" data-slide aria-roledescription="slide" aria-label="Example 2 of 3" aria-hidden="true">
-                <div class="slide-tag">
-                  <svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
-                    <rect x="2" y="8" width="8" height="8" rx="1.5"/>
-                    <path d="M10 12h2l1.5-3 2 6 1.5-3H22"/>
-                  </svg>
-                  Implants
-                </div>
+                <div class="slide-tag">Implants</div>
                 <div class="bubble user">
                   What devices are implanted in me? I want make, model, serial,
                   and the date each one went in.
@@ -110,13 +96,7 @@ <h1>Your patient portal, directed by you.</h1>
                 </div>
               </div>
               <div class="chat-window" data-slide aria-roledescription="slide" aria-label="Example 3 of 3" aria-hidden="true">
-                <div class="slide-tag">
-                  <svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
-                    <rect x="3" y="5" width="18" height="14" rx="1.5"/>
-                    <path d="M3 7l9 6 9-6"/>
-                  </svg>
-                  Messages
-                </div>
+                <div class="slide-tag">Messages</div>
                 <div class="bubble user">
                   Walk back through every message thread and surface anything I asked
                   about that never got a clear follow-up.

site/styles.css

@@ -239,9 +239,7 @@ h3 {
 }
 
 .slide-tag {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
+  display: inline-block;
   justify-self: start;
   padding: 4px 10px;
   border: 1px solid currentColor;
@@ -252,12 +250,6 @@ h3 {
   text-transform: uppercase;
 }
 
-.slide-tag svg {
-  width: 13px;
-  height: 13px;
-  flex: none;
-}
-
 .hero-carousel-track > .chat-window:nth-child(1) .slide-tag {
   color: var(--rust);
 }