diff --git a/packages/core/icons.ts b/packages/core/icons.ts
index edb23f2..8b9c87b 100644
--- a/packages/core/icons.ts
+++ b/packages/core/icons.ts
@@ -1,11 +1,12 @@
 /**
  * Inline SVG icon set for the title/outro colophon socials row.
  *
- * Tabler-style 24×24 viewBox, 2px stroke (or fill for brand marks),
- * single-color via currentColor — the slide colophon's text color
- * tints each glyph automatically. Kept here as raw strings so the
- * renderer can splice them into the HTML body without an external
- * loader at runtime.
+ * Paths copied verbatim from Tabler Icons (outline set) so each glyph
+ * fills the 24×24 viewBox the same way and brand marks read
+ * correctly. 2px stroke (Tabler default) means the icons hold their
+ * weight at the small sizes the colophon renders them — anything
+ * thinner ghosts out at 22px. Colors via `currentColor` so the slide
+ * colophon's text color tints each glyph automatically.
  *
  * Add a new platform by appending an entry here and a URL/handle
  * helper in `socialHref()` (renderer.ts).
@@ -13,54 +14,54 @@
 
 const ICON_BOX = `xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"`;
 const STROKE_ATTRS =
-  `fill="none" stroke="currentColor" stroke-width="1.6" ` +
+  `fill="none" stroke="currentColor" stroke-width="2" ` +
   `stroke-linecap="round" stroke-linejoin="round"`;
-const FILL_ATTRS = `fill="currentColor"`;
 
 export const SOCIAL_ICONS: Record<string, string> = {
   github: `<svg ${ICON_BOX} ${STROKE_ATTRS} aria-hidden="true">
-    <path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"/>
+    <path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" />
   </svg>`,
-  bluesky: `<svg ${ICON_BOX} ${FILL_ATTRS} aria-hidden="true">
-    <path d="M6.335 5.144c1.654 1.199 3.434 3.633 4.087 4.938c.654 -1.305 2.434 -3.739 4.088 -4.938c1.193 -.866 3.123 -1.535 3.123 .607c0 .427 -.245 3.589 -.388 4.103c-.499 1.786 -2.323 2.241 -3.946 1.965c2.836 .463 3.558 2.06 1.999 3.658c-2.961 3.032 -4.255 -.761 -4.587 -1.733c-.061 -.181 -.089 -.265 -.089 -.194c0 -.071 -.029 .013 -.089 .194c-.331 .972 -1.625 4.765 -4.587 1.733c-1.558 -1.598 -.836 -3.195 2 -3.658c-1.624 .276 -3.448 -.179 -3.947 -1.965c-.143 -.514 -.388 -3.676 -.388 -4.103c0 -2.142 1.93 -1.473 3.123 -.607z"/>
+  bluesky: `<svg ${ICON_BOX} ${STROKE_ATTRS} aria-hidden="true">
+    <path d="M6.335 5.144c-1.654 -1.199 -4.335 -2.127 -4.335 .826c0 .59 .35 4.953 .556 5.661c.713 2.463 3.13 2.75 5.444 2.369c-4.045 .665 -4.889 3.208 -2.667 5.41c1.03 1.018 1.913 1.59 2.667 1.59c2 0 3.134 -2.769 3.5 -3.5c.333 -.667 .5 -1.167 .5 -1.5c0 .333 .167 .833 .5 1.5c.366 .731 1.5 3.5 3.5 3.5c.754 0 1.637 -.571 2.667 -1.59c2.222 -2.203 1.378 -4.746 -2.667 -5.41c2.314 .38 4.73 .094 5.444 -2.369c.206 -.708 .556 -5.072 .556 -5.661c0 -2.953 -2.68 -2.025 -4.335 -.826c-2.293 1.662 -4.76 5.048 -5.665 6.856c-.905 -1.808 -3.372 -5.194 -5.665 -6.856" />
   </svg>`,
   mastodon: `<svg ${ICON_BOX} ${STROKE_ATTRS} aria-hidden="true">
-    <path d="M18.648 15.254c-1.816 1.763 -6.648 1.626 -6.648 1.626a18.262 18.262 0 0 1 -3.288 -.256c1.127 1.985 4.12 2.097 6.736 2.097c-2.736 1.349 -6.314 .053 -7.42 -.68c-2.226 -1.474 -2.483 -3.043 -2.508 -3.563c-.07 -1.488 -.319 -5.43 .89 -8.08c.745 -1.633 2.575 -3.07 5.05 -3.346c2.508 -.28 5.21 -.267 7.91 .61c1.5 .56 2.629 1.717 2.629 4.226c0 4.382 .051 3.524 -.063 4.821c-.21 2.106 -1.92 3.064 -3.288 3.545z"/>
-    <path d="M12 11.204v-2.926c0 -1.258 -1.012 -2.278 -2.261 -2.278s-2.261 1.02 -2.261 2.278v4.722m4.522 -4.722c0 -1.258 1.012 -2.278 2.261 -2.278s2.261 1.02 2.261 2.278v4.722"/>
+    <path d="M18.648 15.254c-1.816 1.763 -6.648 1.626 -6.648 1.626a18.262 18.262 0 0 1 -3.288 -.256c1.127 1.985 4.12 2.81 8.982 2.475c-1.945 2.013 -13.598 5.257 -13.668 -7.636l-.026 -1.154c0 -3.036 .023 -4.115 1.352 -5.633c1.671 -1.91 6.648 -1.666 6.648 -1.666s4.977 -.243 6.648 1.667c1.329 1.518 1.352 2.597 1.352 5.633s-.456 4.074 -1.352 4.944" />
+    <path d="M12 11.204v-2.926c0 -1.258 -.895 -2.278 -2 -2.278s-2 1.02 -2 2.278v4.722m4 -4.722c0 -1.258 .895 -2.278 2 -2.278s2 1.02 2 2.278v4.722" />
   </svg>`,
   x: `<svg ${ICON_BOX} ${STROKE_ATTRS} aria-hidden="true">
-    <path d="M4 4l11.733 16h4.267l-11.733 -16z"/>
-    <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"/>
+    <path d="M4 4l11.733 16h4.267l-11.733 -16l-4.267 0" />
+    <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" />
   </svg>`,
   twitter: `<svg ${ICON_BOX} ${STROKE_ATTRS} aria-hidden="true">
-    <path d="M4 4l11.733 16h4.267l-11.733 -16z"/>
-    <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"/>
+    <path d="M4 4l11.733 16h4.267l-11.733 -16l-4.267 0" />
+    <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" />
   </svg>`,
   threads: `<svg ${ICON_BOX} ${STROKE_ATTRS} aria-hidden="true">
-    <path d="M19 7.5c-1.333 -3 -3.667 -4.5 -7 -4.5c-5 0 -8 2.5 -8 9s3.5 9 8 9s7 -3 7 -5.5s-2 -4.5 -5 -4.5c-1.667 0 -3 1 -3 2s.5 2 2 2c2 0 3.5 -1.5 3.5 -5s-2 -5 -3.5 -5c-1.4 0 -2 1 -2 2"/>
+    <path d="M19 7.5c-1.333 -3 -3.667 -4.5 -7 -4.5c-5 0 -8 2.5 -8 9s3.5 9 8 9s7 -3 7 -5s-1 -5 -7 -5c-2.5 0 -3 1.25 -3 2.5c0 1.5 1 2.5 2.5 2.5c2.5 0 3.5 -1.5 3.5 -5s-2 -4 -3 -4s-1.833 .333 -2.5 1" />
   </svg>`,
   linkedin: `<svg ${ICON_BOX} ${STROKE_ATTRS} aria-hidden="true">
-    <rect x="4" y="4" width="16" height="16" rx="2"/>
-    <path d="M8 11v5"/>
-    <path d="M8 8v.01"/>
-    <path d="M12 16v-5"/>
-    <path d="M16 16v-3a2 2 0 0 0 -4 0"/>
+    <path d="M8 11v5" />
+    <path d="M8 8v.01" />
+    <path d="M12 16v-5" />
+    <path d="M16 16v-3a2 2 0 1 0 -4 0" />
+    <path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4l0 -10" />
   </svg>`,
   website: `<svg ${ICON_BOX} ${STROKE_ATTRS} aria-hidden="true">
-    <circle cx="12" cy="12" r="9"/>
-    <path d="M3.6 9h16.8"/>
-    <path d="M3.6 15h16.8"/>
-    <path d="M11.5 3a17 17 0 0 0 0 18"/>
-    <path d="M12.5 3a17 17 0 0 1 0 18"/>
+    <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" />
+    <path d="M3.6 9h16.8" />
+    <path d="M3.6 15h16.8" />
+    <path d="M11.5 3a17 17 0 0 0 0 18" />
+    <path d="M12.5 3a17 17 0 0 1 0 18" />
   </svg>`,
   email: `<svg ${ICON_BOX} ${STROKE_ATTRS} aria-hidden="true">
-    <rect x="3" y="5" width="18" height="14" rx="2"/>
-    <path d="M3 7l9 6l9 -6"/>
+    <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" />
+    <path d="M3 7l9 6l9 -6" />
   </svg>`,
 };
 
 /** Fallback when the platform isn't in the set above — generic link glyph. */
 export const LINK_ICON_FALLBACK = `<svg ${ICON_BOX} ${STROKE_ATTRS} aria-hidden="true">
-  <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-1.5 1.5"/>
-  <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l1.5 -1.5"/>
+  <path d="M9 15l6 -6" />
+  <path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464" />
+  <path d="M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463" />
 </svg>`;
diff --git a/packages/core/templates/partials/slide-styles.eta b/packages/core/templates/partials/slide-styles.eta
index be80d2e..3effc7d 100644
--- a/packages/core/templates/partials/slide-styles.eta
+++ b/packages/core/templates/partials/slide-styles.eta
@@ -718,15 +718,27 @@
   morkdeck-slide .colophon-socials {
     display: flex;
     align-items: center;
-    gap: 1.2cqi;
+    gap: 1cqi;
     list-style: none;
     margin: 0;
     padding: 0;
     flex: 0 0 auto;
   }
 
-  morkdeck-slide .colophon-socials li {
+  /* Reset every list-spacing rule that targets <li> across the slide.
+     The slide's general typography adds margin-top to sibling list
+     items for readable vertical lists; in this horizontal flex row
+     that asymmetric margin (first li 0, others margin-top: space.xs)
+     pushes every icon except the first out of alignment under
+     align-items: center. Two-class compound selector to outrank the
+     density-tier rule (`[data-density="balanced"] :is(ul,ol) li + li`,
+     specificity 0,1,4 — we need 0,2,x to win cleanly). */
+  morkdeck-slide .colophon .colophon-socials li,
+  morkdeck-slide .colophon .colophon-socials li + li {
     margin: 0;
+    padding: 0;
+    display: flex;
+    align-items: center;
   }
 
   morkdeck-slide .colophon-socials a {
@@ -736,17 +748,22 @@
     color: var(--morkdeck-color-subtle);
     text-decoration: none;
     line-height: 1;
-    padding: 0.3cqi;
-    transition: color 200ms ease-out;
+    padding: 0.6cqi;
+    border-radius: var(--morkdeck-dimension-radius-sm);
+    cursor: pointer;
+    transition: color 200ms ease-out, background-color 200ms ease-out;
   }
 
-  morkdeck-slide .colophon-socials a:hover {
+  morkdeck-slide .colophon-socials a:hover,
+  morkdeck-slide .colophon-socials a:focus-visible {
     color: var(--morkdeck-color-text);
+    background-color: var(--morkdeck-color-highlight-low);
+    outline: none;
   }
 
   morkdeck-slide .colophon-socials svg {
-    width: 2.2cqi;
-    height: 2.2cqi;
+    width: 3cqi;
+    height: 3cqi;
     flex: none;
     display: block;
   }
diff --git a/packages/wc/components/presentation/wc.ts b/packages/wc/components/presentation/wc.ts
index bb0ccb1..208169c 100644
--- a/packages/wc/components/presentation/wc.ts
+++ b/packages/wc/components/presentation/wc.ts
@@ -373,9 +373,13 @@ export class PresentationWC extends LitElement {
       font-size: 1rem;
     }
 
-    /* Slides are projected into named slots in presenter mode. Unslotted
-       slides do not render. */
-    ::slotted(morkdeck-slide) {
+    /* In presenter mode, slides are projected into named slots as
+       static previews — the audience doesn't interact with them and
+       killing pointer events stops the preview from intercepting the
+       presenter canvas's stroke / laser / eraser input. In audience
+       mode slides need pointer-events for links, code copy-paste,
+       and the colophon socials — so this rule is presenter-scoped. */
+    :host([data-role="presenter"]) ::slotted(morkdeck-slide) {
       pointer-events: none;
     }