diff --git a/src/components/charts/health-chart.tsx b/src/components/charts/health-chart.tsx
index 774f30e5e..66e0a22b7 100644
--- a/src/components/charts/health-chart.tsx
+++ b/src/components/charts/health-chart.tsx
@@ -1825,6 +1825,7 @@ export function HealthChart({
               <ComposedChart
                 data={chartDataWithCompare ?? chartData}
                 margin={{ top: 10, right: 8, bottom: 8, left: 8 }}
+                accessibilityLayer
               >
                 <CartesianGrid
                   strokeDasharray="3 3"
diff --git a/src/components/charts/mood-chart.tsx b/src/components/charts/mood-chart.tsx
index b1a81e5c8..f8ab01112 100644
--- a/src/components/charts/mood-chart.tsx
+++ b/src/components/charts/mood-chart.tsx
@@ -733,6 +733,7 @@ export function MoodChart({
         <ComposedChart
           data={chartDataWithCompare ?? chartData}
           margin={{ top: 10, right: 8, bottom: 8, left: 8 }}
+          accessibilityLayer
         >
           {/* v1.4.25 W3 — the mood chart's YAxis is pinned to
                     five mood-score ticks ([1,2,3,4,5]), which Recharts
diff --git a/src/components/dashboard/recent-workouts-tile.tsx b/src/components/dashboard/recent-workouts-tile.tsx
index 7fcf86efc..2eee9a39d 100644
--- a/src/components/dashboard/recent-workouts-tile.tsx
+++ b/src/components/dashboard/recent-workouts-tile.tsx
@@ -84,6 +84,7 @@ export function RecentWorkoutsTile() {
         icon={Activity}
         size="sm"
         title={t("dashboard.recentWorkouts.title")}
+        titleAs="h2"
         right={
           <Link
             href="/insights/workouts"
diff --git a/src/components/insights/coach-panel/coach-input.tsx b/src/components/insights/coach-panel/coach-input.tsx
index 358810d47..a2b0e64ff 100644
--- a/src/components/insights/coach-panel/coach-input.tsx
+++ b/src/components/insights/coach-panel/coach-input.tsx
@@ -646,7 +646,7 @@ export function CoachInput({
         className={cn(
           "border-border/60 bg-muted/40 group rounded-2xl border",
           "shadow-sm transition-colors",
-          "focus-within:border-primary/50 focus-within:ring-primary/15 focus-within:bg-background focus-within:ring-2",
+          "focus-within:border-primary/50 focus-within:ring-primary/50 focus-within:bg-background focus-within:ring-2",
           // Both surfaces share ONE baseline row: the drawer flanks the
           // textarea with mic (left) + send (right); the page leads with a
           // `+` actions menu, then the textarea, then mic + send. `items-end`
diff --git a/src/components/insights/derived/sparkline-delta-tile.tsx b/src/components/insights/derived/sparkline-delta-tile.tsx
index c6241b52f..a5d0b5013 100644
--- a/src/components/insights/derived/sparkline-delta-tile.tsx
+++ b/src/components/insights/derived/sparkline-delta-tile.tsx
@@ -146,6 +146,7 @@ export function SparklineDeltaTile({
       <TileHeader
         icon={Icon}
         title={label}
+        titleAs="h2"
         className="min-w-0"
         titleClassName="min-w-0 truncate whitespace-nowrap"
         right={
diff --git a/src/components/insights/derived/vitals-dashboard.tsx b/src/components/insights/derived/vitals-dashboard.tsx
index ec0e39478..c671b186b 100644
--- a/src/components/insights/derived/vitals-dashboard.tsx
+++ b/src/components/insights/derived/vitals-dashboard.tsx
@@ -262,7 +262,12 @@ function BaselineTile({
         data-state="provisional"
         className="bg-card border-border flex h-full w-full min-w-0 flex-col gap-3 rounded-xl border p-4 md:p-6"
       >
-        <TileHeader icon={Icon} title={label} titleClassName="truncate" />
+        <TileHeader
+          icon={Icon}
+          title={label}
+          titleAs="h2"
+          titleClassName="truncate"
+        />
         <p
           className="text-muted-foreground text-sm"
           data-slot="vitals-tile-building"
@@ -457,6 +462,7 @@ function HrvBalanceTile({ read, isLoading }: TileProps) {
         <TileHeader
           icon={HeartPulse}
           title={t("measurements.typeHeartRateVariability")}
+          titleAs="h2"
           titleClassName="truncate"
         />
         <p className="text-muted-foreground text-sm">
diff --git a/src/components/insights/tile-header.tsx b/src/components/insights/tile-header.tsx
index 3ceb76aad..a5fdf21f8 100644
--- a/src/components/insights/tile-header.tsx
+++ b/src/components/insights/tile-header.tsx
@@ -54,9 +54,11 @@ interface TileHeaderProps {
   /**
    * Render the title as a real heading element (e.g. `"h2"`) instead of the
    * default presentational `CardTitle` div, keeping the identical CardTitle
-   * styling. Use only where the tile owns the ONLY heading on its subpage
-   * branch (the recovery blocks) so the `h1 → h2` outline stays nested with no
-   * skipped level. Default (unset) keeps every other tile a plain CardTitle.
+   * styling. Use on tiles that sit directly under the page's `h1` — a single
+   * owning block (the recovery blocks) or a grid of sibling tiles (dashboard
+   * tiles, insights overview grids) both nest correctly as `h1 → h2, h2, …`;
+   * just don't nest a `titleAs="h2"` tile inside another heading's own
+   * subsection. Default (unset) keeps every other tile a plain CardTitle.
    */
   titleAs?: "h2";
 }