diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 85d058333..fedd585fb 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,6 +1,6 @@
 ---
 import SocialLinks from "@components/SocialLinks.astro";
-import links from "@data/links.json";
+import { FOOTER_COLUMNS, TERMS, SOCIALS } from "@data/nav";
 import EPSLogo from "/public/theme/eps-logo.svg";
 
 const buildTimestamp = __TIMESTAMP__;
@@ -18,33 +18,22 @@ const gitVersion = __GIT_VERSION__;
     </div>
     <div class="footer-grid">
     {
-      links.footer.map((section) => (
+      FOOTER_COLUMNS.map((col) => (
         <div>
-          <p class="footer-col-title">{section.name}</p>
-          {section.items ? (
-            <ul class="footer-links">
-              {section.items.map((item) => (
-                <li>
-                  <a
-                    href={item.path}
-                    target={item.path.startsWith("http") ? "_blank" : undefined}
-                    rel={item.path.startsWith("http") ? "noopener" : undefined}
-                  >
-                    {item.name}{item.path.startsWith("http") ? " ↗" : ""}
-                  </a>
-                </li>
-              ))}
-            </ul>
-          ) : (
-            <a
-              href={section["path"]}
-              class="footer-links"
-              target={section["path"].startsWith("http") ? "_blank" : undefined}
-              rel={section["path"].startsWith("http") ? "noopener" : undefined}
-            >
-              {section.name}{section["path"].startsWith("http") ? " ↗" : ""}
-            </a>
-          )}
+          <p class="footer-col-title">{col.title}</p>
+          <ul class="footer-links">
+            {col.items.map((item) => (
+              <li>
+                <a
+                  href={item.url}
+                  target={item.external ? "_blank" : undefined}
+                  rel={item.external ? "noopener" : undefined}
+                >
+                  {item.label}{item.external ? " ↗" : ""}
+                </a>
+              </li>
+            ))}
+          </ul>
         </div>
       ))
     }
@@ -90,28 +79,30 @@ const gitVersion = __GIT_VERSION__;
     <div class="flex w-full lg:flex-row flex-col-reverse justify-between">
       <div class="terms py-2 text-center ">
         {
-          links.terms.map((item) => (
+          TERMS.map((item) => (
             <a
-              href={item.path}
+              href={item.url}
               class="text-[var(--color-text-secondary)] hover:text-[var(--color-primary-hover)] transition-colors duration-200 mx-2"
             >
-              {item.name}
-              {item.path.startsWith("http") && (
-                <span class="inline-block">↗</span>
+              {item.label}
+              {item.external && (
+                <span class="inline-block">342206227</span>
               )}
             </a>
           ))
         }
-      </div>
 
       {
-        links && links["socials"] && (
+        SOCIALS && (
           <SocialLinks
-            socials={links["socials"]}
+            socials={SOCIALS}
             variant="white"
             class="opacity-60 pb-4"
           />
         )
+      }
+          />
+        )
       }
     </div>
   </div>
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 7772cbc99..8f501cb2d 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -3,13 +3,7 @@ import HeaderLogo from "@components/header/header-logo.astro";
 import Search from "@components/Search.astro";
 import ThemeToggle from "@components/ThemeToggle.astro";
 
-import links from "@data/links.json";
-
-interface NavItem {
-  name: string;
-  path?: string;
-  items?: { name: string; path: string }[];
-}
+import { NAV_MENUS, type NavMenu } from "@data/nav";
 ---
 
 <nav aria-label="Main navigation" id="navbar">
@@ -26,34 +20,56 @@ interface NavItem {
         Search
       </button>
     </li>
-    {(links.header as NavItem[]).map((menu) => (
-      menu.items ? (
+    {NAV_MENUS.map((menu: NavMenu) => (
+      menu.sections ? (
         <li class="nav-item has-dropdown">
-          <a href="#" aria-haspopup="true" aria-expanded="false">
-            {menu.name} <span class="nav-arrow">▾</span>
+          <a href={menu.url || "#"} aria-haspopup="true" aria-expanded="false">
+            {menu.label} <span class="nav-arrow">▾</span>
           </a>
-          <div class="nav-dropdown">
-            <div class="nav-dropdown-inner">
-              <ul>
-                {menu.items.map((item) => (
-                  <li>
-                    <a
-                      href={item.path}
-                      target={item.path.startsWith("http") ? "_blank" : undefined}
-                      rel={item.path.startsWith("http") ? "nofollow noopener" : undefined}
-                    >
-                      {item.name}
-                      {item.path.startsWith("http") && <span class="nav-ext">&#8599;</span>}
-                    </a>
-                  </li>
-                ))}
-              </ul>
+          <div class="nav-dropdown" class:list={menu.wide ? ["nav-dropdown-wide"] : []}>
+            <div class="nav-dropdown-inner" class:list={menu.wide ? ["nav-dropdown-grid"] : []}>
+              {menu.sections.length === 1 && !menu.sections[0].label ? (
+                <ul>
+                  {menu.sections[0].items.map((item) => (
+                    <li>
+                      <a
+                        href={item.url}
+                        target={item.external ? "_blank" : undefined}
+                        rel={item.external ? "nofollow noopener" : undefined}
+                      >
+                        {item.label}
+                        {item.external && <span class="nav-ext">&#8599;</span>}
+                      </a>
+                    </li>
+                  ))}
+                </ul>
+              ) : (
+                menu.sections.map((section) => (
+                  <div class="nav-dropdown-col">
+                    {section.label && <p class="nav-dropdown-label">{section.label}</p>}
+                    <ul>
+                      {section.items.map((item) => (
+                        <li>
+                          <a
+                            href={item.url}
+                            target={item.external ? "_blank" : undefined}
+                            rel={item.external ? "nofollow noopener" : undefined}
+                          >
+                            {item.label}
+                            {item.external && <span class="nav-ext">&#8599;</span>}
+                          </a>
+                        </li>
+                      ))}
+                    </ul>
+                  </div>
+                ))
+              )}
             </div>
           </div>
         </li>
       ) : (
         <li class="nav-item">
-          <a href={menu.path || "#"}>{menu.name}</a>
+          <a href={menu.url || "#"}>{menu.label}</a>
         </li>
       )
     ))}
@@ -172,6 +188,31 @@ nav {
   padding: 0;
 }
 
+.nav-dropdown-wide {
+  min-width: 540px;
+}
+
+.nav-dropdown-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 0.5rem;
+}
+
+.nav-dropdown-col {
+  break-inside: avoid;
+}
+
+.nav-dropdown-label {
+  font-size: 0.7rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  color: var(--color-text-muted);
+  padding: 0.65rem 1.2rem 0.3rem;
+  margin: 0;
+  opacity: 0.7;
+}
+
 .nav-dropdown li a {
   display: block;
   padding: 0.65rem 1.2rem;
@@ -356,6 +397,26 @@ nav {
     font-size: 0.95rem;
   }
 
+  /* Mobile: stack Programme sections vertically */
+  .nav-dropdown-grid {
+    display: block;
+  }
+
+  .nav-dropdown-col {
+    margin-bottom: 0.5rem;
+  }
+
+  .nav-dropdown-label {
+    font-size: 0.75rem;
+    padding: 0.6rem 0 0.2rem 0;
+    margin: 0;
+    color: var(--color-text-muted);
+    opacity: 0.7;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+  }
+
   .nav-item.open .nav-arrow {
     transform: rotate(180deg);
   }
diff --git a/src/components/JobCard.astro b/src/components/JobCard.astro
index 5c7dd056c..5214f8fd9 100644
--- a/src/components/JobCard.astro
+++ b/src/components/JobCard.astro
@@ -1,7 +1,7 @@
 ---
 import { getEntry } from "astro:content";
 import Markdown from "@ui/Markdown.astro";
-const { job:jobId, sponsor:sponsorId } = Astro.props;
+const { job:jobId, sponsor:sponsorId, compact = true } = Astro.props;
 
 const job = await getEntry("jobs", jobId);
 if (!job) {
@@ -17,22 +17,30 @@ if (!sponsor) {
 // TODO: add tags
 const { title, location, type, level, salary, description, responsibilities, min_requirements, requirements, preferred, benefits, apply_link, draft } = job.data;
 
+const jobUrl = `/sponsor/${jobId}`;
+const descLimit = 500;
+const descFull = description || "";
+const descDisplay = compact && descFull.length > descLimit
+  ? descFull.slice(0, descLimit).replace(/\s+\S*$/, "") + "…"
+  : descFull;
+
 ---
 
-<div class="mb-6 rounded-lg border border-white/10 bg-white/5">
+<div class="mb-6 rounded-lg border border-[var(--color-border)] bg-[var(--color-surface-subtle)]">
   <div class=`flex-1 p-6 ${draft ? "draft": ""}`>
     <p class="text-xl pb-2 inline-block font-bold">
       {sponsor.data.name}
     </p>
-    <a href={`/sponsor/${jobId}`}>
-      <h2 class="text-3xl font-bold mb-2">{title}</h2>
+    <a href={`/sponsor/${jobId}`} class="group">
+      <h2 class="text-3xl font-bold mb-2 text-[var(--color-text)] group-hover:text-[var(--color-accent-themed)] transition-colors">{title}</h2>
     </a>
 
     <p class="text-[var(--color-text-muted)] mb-2">{([level, type, location].filter(Boolean)).join(" • ")}</p>
     <p class="text-[var(--color-text-secondary)] mb-4">{salary}</p>
-    <Markdown content={description || ""} class="job-post" />
+    <Markdown content={descDisplay} class="job-post" />
+    {compact && <div class="mt-4"><a href={jobUrl} class="more-btn">Read more</a></div>}
 
-    { responsibilities &&
+    {!compact && responsibilities &&
       <h3 class="text-xl font-semibold mb-2">Responsibilities</h3>
       <ul class="list-disc list-inside mb-4">
         {responsibilities.map((item) => {
@@ -53,49 +61,61 @@ const { title, location, type, level, salary, description, responsibilities, min
       </ul>
     }
 
-    { min_requirements &&
+    {!compact && min_requirements &&
     <h3 class="text-xl font-semibold mb-2">Minimum requirements</h3>
     <ul class="list-disc list-inside mb-4">
       {min_requirements.map((item:string) => <li>{item}</li>)}
     </ul>
     }
-    { requirements &&
+    {!compact && requirements &&
     <h3 class="text-xl font-semibold mb-2">Requirements</h3>
     <ul class="list-disc list-inside mb-4">
       {requirements.map((item:string) => <li>{item}</li>)}
     </ul>
     }
 
-    { preferred &&
+    {!compact && preferred &&
     <h3 class="text-xl font-semibold mb-2">Nice-to-Haves</h3>
     <ul class="list-disc list-inside mb-4">
       {preferred.map((item:string) => <li>{item}</li>)}
     </ul>
     }
 
-    { benefits &&
+    {!compact && benefits &&
     <h3 class="text-xl font-semibold mb-2">Benefits</h3>
     <ul class="list-disc list-inside mb-6">
       {benefits.map((item:string) => <li>{item}</li>)}
     </ul>
     }
 
-    { job.data.description2 &&
+    {!compact && job.data.description2 &&
       <Markdown content={job.data.description2 || ""} class="job-post" />
     }
 
-      <a
-        href={apply_link}
-        target="_blank"
-        class="apply-btn"
->
-        Apply Now
-      </a>
+    {!compact && apply_link && (
+      <a href={apply_link} target="_blank" class="apply-btn">Apply Now</a>
+    )}
   </div>
 </div>
 
 <style>
 
+  .more-btn {
+    display: inline-block;
+    padding: 8px 24px;
+    color: white;
+    font-weight: 700;
+    border-radius: 9999px;
+    border: 1px solid transparent;
+    text-decoration: none;
+    transition: all 0.1s ease;
+    background: linear-gradient(to right, oklch(0.522 0.218 264.4), oklch(0.422 0.218 264.4));
+  }
+
+  .more-btn:hover {
+    color: white;
+  }
+
   .apply-btn {
     display: inline-block;
     padding: 8px 24px;
diff --git a/src/components/SponsorCard.astro b/src/components/SponsorCard.astro
index 0411db410..d47b07813 100644
--- a/src/components/SponsorCard.astro
+++ b/src/components/SponsorCard.astro
@@ -44,7 +44,7 @@ const logo = sponsorLogos[sponsor.id];
 ---
 
 <div
-  class=`lg:max-w-[400px] flex flex-col gap-6 p-6 rounded-lg shadow-md bg-white/5 mb-6 ${draft ? "draft": "no-draft"}`
+  class=`lg:max-w-[400px] flex flex-col gap-6 p-6 rounded-lg shadow-md bg-[var(--color-surface-subtle)] mb-6 ${draft ? "draft": "no-draft"}`
 >
   <div class="w-full flex justify-center items-center md:items-center min-h-[140px] bg-white rounded-lg p-4">
     {
@@ -74,7 +74,7 @@ const logo = sponsorLogos[sponsor.id];
             <>{title}</>
           }
         </h2>
-        <p class="text-white/60 mb-4" style="color:oklch(54.6% 0.03 256.802);">
+        <p class="text-[var(--color-text-muted)] mb-4">
           {industry} {industry && location && <>—</>} {location}
         </p>
 
diff --git a/src/components/schedule/day.astro b/src/components/schedule/day.astro
index a0f41f038..d0973b927 100644
--- a/src/components/schedule/day.astro
+++ b/src/components/schedule/day.astro
@@ -428,7 +428,7 @@ const dateText = format(date, "eeee d MMMM");
                     );
                   }
 
-                  return <Session session={session} style={style} />;
+                  return <div id={`session-${session.slug}`}><Session session={session} style={style} /></div>;
                 })}
 
               {postersByTime[slot.startTime] && (
@@ -447,7 +447,7 @@ const dateText = format(date, "eeee d MMMM");
                     {posters.map((session) => {
                       const style = {};
 
-                      return <Session session={session} style={style} />;
+                      return <div id={`session-${session.slug}`}><Session session={session} style={style} /></div>;
                     })}
                   </div>
                 </div>
diff --git a/src/components/sections/programme.astro b/src/components/sections/programme.astro
index 384d483de..872dbbc11 100644
--- a/src/components/sections/programme.astro
+++ b/src/components/sections/programme.astro
@@ -71,7 +71,7 @@ const placeholders = Array.from({ length: placeholderCount }, (_, i) => ({
       <p class="prog-topics-label">Conference Topics</p>
       <div class="topics-grid">
         {tracks.map((track) => (
-          <a href={`/sessions?track=${encodeURIComponent(track.data.name)}`} class="topic-tag">{track.data.name}</a>
+          <a href={`/talks#topic-${track.data.name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "")}`} class="topic-tag">{track.data.name}</a>
         ))}
       </div>
     </div>
diff --git a/src/components/sessions/list-posters.astro b/src/components/sessions/list-posters.astro
new file mode 100644
index 000000000..d9c1dbe9f
--- /dev/null
+++ b/src/components/sessions/list-posters.astro
@@ -0,0 +1,228 @@
+---
+interface Props {
+  posters: Array<{
+    id: string;
+    data: {
+      title: string;
+      duration?: string;
+      level?: string;
+      track?: string | null;
+      speakers?: Array<{ id: string; collection: string }>;
+    };
+  }>;
+}
+
+const { posters } = Astro.props;
+---
+
+<section class="all-posters" id="all-posters">
+  <p class="poster-count">
+    {posters.length > 0
+      ? `${posters.length} poster${posters.length !== 1 ? "s" : ""} at EuroPython 2026`
+      : "Poster sessions coming soon"}
+  </p>
+
+  {
+    posters.length > 0 ? (
+      <div class="poster-grid">
+        {posters.map((p) => (
+          <a href={`/session/${p.id}`} class:list={["poster-card", p.data.level]}>
+            <h3 class="poster-title">{p.data.title}</h3>
+            <p class="poster-speakers">
+              {p.data.speakers?.length
+                ? `${p.data.speakers.length} speaker${p.data.speakers.length > 1 ? "s" : ""}`
+                : ""}
+            </p>
+            <div class="poster-meta">
+              <div class="poster-meta-row">
+                {p.data.duration && <span class="poster-tag">{p.data.duration} min</span>}
+                {p.data.level && <span class={`poster-level poster-level--${p.data.level}`}>{p.data.level.charAt(0).toUpperCase() + p.data.level.slice(1)}</span>}
+              </div>
+              {p.data.track && <span class="poster-track">{p.data.track}</span>}
+            </div>
+          </a>
+        ))}
+      </div>
+    ) : (
+      <div class="poster-empty">
+        <p class="poster-empty-title">No poster sessions published yet</p>
+        <p class="poster-empty-desc">
+          Check back closer to the conference or browse the{" "}
+          <a href="/schedule" class="poster-empty-link">full schedule</a>.
+        </p>
+      </div>
+    )
+  }
+</section>
+
+<style>
+  .all-posters {
+    margin-top: 2rem;
+    padding: 3rem 1.5rem;
+    background:
+      radial-gradient(circle, var(--ep-surface-medium) 1px, transparent 1px),
+      linear-gradient(
+        135deg,
+        var(--ep-footer-g1) 0%,
+        var(--ep-footer-g2) 40%,
+        var(--ep-footer-g3) 70%,
+        var(--ep-footer-g4) 100%
+      );
+    background-size:
+      24px 24px,
+      100% 100%;
+  }
+
+  .poster-count {
+    font-size: 1.1rem;
+    color: var(--color-text-muted);
+    margin-bottom: 1.5rem;
+    text-align: center;
+  }
+
+  .poster-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+    gap: 1rem;
+  }
+
+  .poster-card {
+    display: block;
+    background: var(--color-surface-subtle);
+    border: 1px solid var(--color-border);
+    border-radius: 6px;
+    padding: 1.25rem;
+    text-decoration: none;
+    font-family: "Inter Tight", system-ui, sans-serif;
+    transition:
+      border-color 0.1s ease-in-out,
+      background 0.1s ease-in-out;
+  }
+
+  .poster-card:hover {
+    border-color: var(--ep-accent);
+    background: var(--ep-session-hover-bg) !important;
+    z-index: 10;
+    transition:
+      border-color 0.1s ease-in-out,
+      background 0.1s ease-in-out;
+  }
+
+  .poster-card.beginner {
+    background:
+      repeating-linear-gradient(
+        -45deg,
+        transparent,
+        transparent 4px,
+        var(--ep-beginner-stripe) 4px,
+        var(--ep-beginner-stripe) 6px
+      ),
+      var(--color-surface-subtle);
+  }
+
+  .poster-card.advanced {
+    background:
+      repeating-linear-gradient(
+        -45deg,
+        transparent,
+        transparent 4px,
+        var(--ep-advanced-stripe) 4px,
+        var(--ep-advanced-stripe) 6px
+      ),
+      var(--color-surface-subtle);
+  }
+
+  .poster-title {
+    font-family: "Inter Tight", system-ui, sans-serif;
+    font-size: 1.25rem;
+    font-weight: 700;
+    color: var(--color-text);
+    margin: 0 0 0.5rem;
+    line-height: 1.35;
+  }
+
+  .poster-speakers {
+    font-size: 1.15rem;
+    color: var(--color-text-secondary);
+    margin: 0 0 0.75rem;
+  }
+
+  .poster-meta {
+    display: flex;
+    flex-direction: column;
+    gap: 0.4rem;
+  }
+
+  .poster-meta-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.4rem;
+    align-items: center;
+  }
+
+  .poster-tag {
+    font-size: 1.02rem;
+    color: var(--color-text-muted);
+    background: var(--color-surface-medium);
+    padding: 0.2em 0.6em;
+    border-radius: 3px;
+    border: 1px solid var(--color-border);
+  }
+
+  .poster-level {
+    display: inline-block;
+    padding: 0.2em 0.6em;
+    border-radius: 3px;
+    font-size: 1.02rem;
+    font-weight: 600;
+    letter-spacing: 0.03em;
+    border: 1px solid transparent;
+  }
+
+  .poster-level--beginner {
+    background: var(--ep-level-beginner-bg);
+    color: var(--ep-level-beginner-text);
+  }
+
+  .poster-level--intermediate {
+    background: var(--ep-level-intermediate-bg);
+    color: var(--ep-level-intermediate-text);
+  }
+
+  .poster-level--advanced {
+    background: var(--ep-level-advanced-bg);
+    color: var(--ep-level-advanced-text);
+  }
+
+  .poster-track {
+    font-family: "Inter Tight", system-ui, sans-serif;
+    font-size: 1.05rem;
+    font-weight: 600;
+    color: var(--color-accent);
+  }
+
+  .poster-empty {
+    border: 1px dashed var(--color-border-bright);
+    border-radius: 6px;
+    padding: 3rem 2rem;
+    text-align: center;
+    background: var(--color-surface-subtle);
+  }
+
+  .poster-empty-title {
+    font-size: 1.15rem;
+    color: var(--color-text-secondary);
+    margin: 0 0 0.5rem;
+  }
+
+  .poster-empty-desc {
+    font-size: 0.95rem;
+    color: var(--color-text-muted);
+    margin: 0;
+  }
+
+  .poster-empty-link {
+    color: var(--color-accent);
+    text-decoration: underline;
+  }
+</style>
diff --git a/src/components/ui/Headline.astro b/src/components/ui/Headline.astro
index 12f0f887f..ce9415118 100644
--- a/src/components/ui/Headline.astro
+++ b/src/components/ui/Headline.astro
@@ -26,7 +26,7 @@ const isCenter = center ? "text-center" : "";
   h4,
   h5,
   h6 {
-    font-weight: 500;
+    font-weight: 700;
     font-family: var(--font-display);
     line-height: 1.25;
 
diff --git a/src/components/ui/Markdown.astro b/src/components/ui/Markdown.astro
index bb4054d5e..c5d0cce61 100644
--- a/src/components/ui/Markdown.astro
+++ b/src/components/ui/Markdown.astro
@@ -11,6 +11,34 @@ const { content, class: className } = Astro.props;
 const defaultClass = className? className: "prose-xl";
 const html = marked.parse(await replaceYouTubeLinks(content) );
 ---
-<div class:list={['prose', "max-w-none", "prose-a:text-text", "prose-a:hover:text-accent", "prose-headings:text-text", "prose-strong:text-text", "prose-code:text-accent", "prose-code:bg-white/10", "prose-pre:bg-white/5", defaultClass]} >
+<div class:list={[
+    'prose',
+    'prose-xl',
+    'max-w-none',
+    'prose-li:m-0',
+    'prose-ul:m-0',
+    'prose-ul:mb-4',
+    'prose-a:underline',
+    'prose-h1:font-bold',
+    'prose-h2:font-bold',
+    'prose-h3:font-semibold',
+    'prose-headings:text-text',
+    'prose-headings:font-title',
+    'prose-a:text-[var(--color-accent-themed)]',
+    'prose-a:hover:text-[var(--color-accent-themed)]',
+    'prose-strong:text-text',
+    'prose-strong:font-bold',
+    'prose-li:marker:text-text',
+    'prose-code:text-[var(--color-accent-themed)]',
+    'prose-code:bg-[var(--color-surface-subtle)]',
+    'prose-pre:bg-[var(--color-surface-subtle)]',
+    'prose-th:text-text',
+    'prose-td:text-text',
+    'prose-hr:border-[var(--color-border)]',
+    'prose-blockquote:text-[var(--color-text-secondary)]',
+    'prose-blockquote:border-l-[var(--color-border-bright)]',
+    'prose-blockquote:not-italic',
+    defaultClass,
+]}>
     <article set:html={html} />
 </div>
diff --git a/src/components/ui/Prose.astro b/src/components/ui/Prose.astro
index 4879dd7be..31cd2ca51 100644
--- a/src/components/ui/Prose.astro
+++ b/src/components/ui/Prose.astro
@@ -10,8 +10,9 @@ const { class: className, full=false } = Astro.props;
 <article
   class:list={[
     "mb-5 prose prose-xl prose-li:m-0 prose-ul:m-0 prose-ul:mb-4 prose-a:underline",
-    "prose-h1:text-text prose-headings:font-title",
+    "prose-h1:font-bold prose-h2:font-bold prose-h3:font-semibold",
     "prose-headings:text-text",
+    "prose-headings:font-title",
     "prose-a:text-[var(--color-accent-themed)]",
     "prose-a:hover:text-[var(--color-accent-themed)]",
     "prose-strong:text-text prose-strong:font-bold",
diff --git a/src/components/ui/Section.astro b/src/components/ui/Section.astro
index c77f022db..af0921d6c 100644
--- a/src/components/ui/Section.astro
+++ b/src/components/ui/Section.astro
@@ -27,8 +27,14 @@ const wrapClass = full ? "" : "sec-inner";
   .sec-inner {
     max-width: 1200px;
     margin: 0 auto;
-    padding: 0.55rem 0;
+    padding: 0.55rem 1.5rem;
     position: relative;
     z-index: 1;
   }
+
+  @media (max-width: 640px) {
+    .sec-inner {
+      padding: 0.55rem 1rem;
+    }
+  }
 </style>
diff --git a/src/content.config.ts b/src/content.config.ts
index 5e99c17ee..ef63a2497 100644
--- a/src/content.config.ts
+++ b/src/content.config.ts
@@ -9,7 +9,7 @@ const mode = import.meta.env.MODE;
 console.log(`\x1b[35m[EP]\x1b[0m Current MODE: \x1b[1m\x1b[34m${mode}\x1b[0m`);
 
 const pages = defineCollection({
-  loader: glob({ pattern: "*.{md,mdx}", base: "./src/content/pages" }),
+  loader: glob({ pattern: "**/*.{md,mdx}", base: "./src/content/pages" }),
   schema: z.object({
     title: z.string(),
     subtitle: z.string(),
diff --git a/src/data/links.json b/src/data/links.json
deleted file mode 100644
index bcddf3f48..000000000
--- a/src/data/links.json
+++ /dev/null
@@ -1,261 +0,0 @@
-{
-  "header": [
-    {
-      "name": "Programme",
-      "items": [
-        {
-          "name": "Schedule",
-          "path": "/schedule/talks"
-        },
-        {
-          "name": "List of Sessions",
-          "path": "/sessions"
-        },
-        {
-          "name": "List of Speakers",
-          "path": "/speakers"
-        },
-        {
-          "name": "Tracks",
-          "path": "/tracks"
-        },
-        {
-          "name": "Speaker Guidelines",
-          "path": "/guidelines"
-        },
-        {
-          "name": "Speaker Mentorship",
-          "path": "/mentorship"
-        }
-      ]
-    },
-    {
-      "name": "Events",
-      "items": [
-        {
-          "name": "Language Summit",
-          "path": "/language-summit"
-        },
-        {
-          "name": "Packaging Summit",
-          "path": "/packaging-summit"
-        },
-        {
-          "name": "Rust Summit",
-          "path": "/rust-summit"
-        }
-      ]
-    },
-    {
-      "name": "Venue",
-      "items": [
-        {
-          "name": "Venue",
-          "path": "/venue"
-        },
-        {
-          "name": "Kraków",
-          "path": "/krakow"
-        },
-        {
-          "name": "Hotels",
-          "path": "/hotels"
-        }
-      ]
-    },
-    {
-      "name": "Sponsorship",
-      "items": [
-        {
-          "name": "Our Sponsors",
-          "path": "/sponsors"
-        },
-        {
-          "name": "Sponsor Packages",
-          "path": "/sponsorship/sponsor"
-        },
-        {
-          "name": "Sponsor Information",
-          "path": "/sponsorship/information"
-        }
-      ]
-    },
-    {
-      "name": "Attend",
-      "items": [
-        {
-          "name": "Tickets",
-          "path": "/tickets"
-        },
-        {
-          "name": "Financial Aid",
-          "path": "/finaid"
-        },
-        {
-          "name": "Visa Information",
-          "path": "/visa"
-        },
-        {
-          "name": "Volunteering",
-          "path": "/volunteering"
-        },
-        {
-          "name": "FAQ",
-          "path": "/faq"
-        },
-        {
-          "name": "Anniversary Challenge",
-          "path": "https://ep2026.europython.eu/25anniversary"
-        },
-        {
-          "name": "Code of Conduct",
-          "path": "https://www.europython-society.org/coc/"
-        }
-      ]
-    },
-    {
-      "name": "Community",
-      "items": [
-        {
-          "name": "About Us",
-          "path": "/about"
-        },
-        {
-          "name": "EuroPython Society",
-          "path": "https://europython-society.org/"
-        },
-        {
-          "name": "Community Partners",
-          "path": "/community-partners"
-        }
-      ]
-    },
-    {
-      "name": "Jobs",
-      "path": "/jobs"
-    }
-  ],
-  "footer": [
-    {
-      "name": "Quick links",
-      "items": [
-        {
-          "name": "Tickets",
-          "path": "/tickets"
-        },
-        {
-          "name": "Kraków",
-          "path": "/krakow"
-        },
-        {
-          "name": "Visa Information",
-          "path": "/visa"
-        }
-      ]
-    },
-    {
-      "name": "Programme",
-      "items": [
-        {
-          "name": "Schedule",
-          "path": "/schedule/talks"
-        },
-        {
-          "name": "List of Sessions",
-          "path": "/sessions"
-        },
-        {
-          "name": "List of Speakers",
-          "path": "/speakers"
-        },
-        {
-          "name": "Tracks",
-          "path": "/tracks"
-        },
-        {
-          "name": "Speaker Guidelines",
-          "path": "/guidelines"
-        },
-        {
-          "name": "Speaker Mentorship",
-          "path": "/mentorship"
-        }
-      ]
-    },
-    {
-      "name": "Events",
-      "items": [
-        {
-          "name": "Language Summit",
-          "path": "/language-summit"
-        },
-        {
-          "name": "Packaging Summit",
-          "path": "/packaging-summit"
-        },
-        {
-          "name": "Rust Summit",
-          "path": "/rust-summit"
-        }
-      ]
-    },
-    {
-      "name": "Sponsorship",
-      "items": [
-        {
-          "name": "Our Sponsors",
-          "path": "/sponsors"
-        },
-        {
-          "name": "Sponsor Packages",
-          "path": "/sponsorship/sponsor"
-        },
-        {
-          "name": "Sponsor Information",
-          "path": "/sponsorship/information"
-        }
-      ]
-    },
-    {
-      "name": "Sites",
-      "items": [
-        {
-          "name": "EuroPython Society",
-          "path": "https://europython-society.org/"
-        },
-        {
-          "name": "EuroPython Blog",
-          "path": "https://blog.europython.eu/"
-        }
-      ]
-    }
-  ],
-  "terms": [
-    {
-      "name": "Contacts",
-      "path": "/contacts"
-    },
-    {
-      "name": "Terms",
-      "path": "/terms"
-    },
-    {
-      "name": "Code of Conduct",
-      "path": "https://www.europython-society.org/coc/"
-    },
-    {
-      "name": "Privacy Policy",
-      "path": "https://www.europython-society.org/privacy/"
-    }
-  ],
-  "socials": {
-    "mastodon": "https://fosstodon.org/@europython",
-    "linkedin": "https://www.linkedin.com/company/europython",
-    "github": "https://github.com/europython",
-    "bluesky": "https://bsky.app/profile/europython.eu",
-    "twitter": "https://x.com/europython",
-    "instagram": "https://www.instagram.com/europython/",
-    "youtube": "https://www.youtube.com/channel/UC98CzaYuFNAA_gOINFB0e4Q",
-    "tiktok": "https://www.tiktok.com/@europython"
-  }
-}
diff --git a/src/data/nav.ts b/src/data/nav.ts
new file mode 100644
index 000000000..48be89813
--- /dev/null
+++ b/src/data/nav.ts
@@ -0,0 +1,262 @@
+/**
+ * Single source of truth for all navigation and footer links.
+ *
+ * Inspired by ep26-draft/src/menu.py — typed, structured, reusable.
+ */
+
+export interface Link {
+  label: string;
+  url: string;
+  external?: boolean;
+}
+
+export interface NavSection {
+  label?: string;
+  items: Link[];
+}
+
+export interface NavMenu {
+  label: string;
+  url: string;
+  sections?: NavSection[];
+  wide?: boolean;
+}
+
+export interface FooterColumn {
+  title: string;
+  items: Link[];
+}
+
+// ── Link registry ────────────────────────────────────────────
+
+const L = {
+  // Programme
+  schedule: { label: "Schedule", url: "/schedule" },
+  talks: { label: "Talks", url: "/talks" },
+  tutorials: { label: "Tutorials", url: "/tutorials" },
+  sessions: { label: "List of Sessions", url: "/sessions" },
+  posters: { label: "Posters", url: "/posters" },
+  speakers: { label: "List of Speakers", url: "/speakers" },
+  tracks: { label: "Tracks", url: "/tracks" },
+  guidelines: { label: "Speaker Guidelines", url: "/guidelines" },
+  mentorship: { label: "Speaker Mentorship", url: "/mentorship" },
+
+  // Summits
+  langSummit: { label: "Language Summit", url: "/language-summit" },
+  rustSummit: { label: "Rust Summit", url: "/rust-summit" },
+
+  // Events & Social
+  sprints: { label: "Sprints Weekend", url: "/sprints" },
+  socialEvent: { label: "Social Event", url: "/social-event" },
+  beginnersDay: { label: "Beginners' Day", url: "/beginners-day" },
+  speakersDinner: { label: "Speakers' Dinner", url: "/speakers-dinner" },
+  openSpaces: { label: "Open Spaces", url: "/open-spaces" },
+
+  // Participate
+  tickets: { label: "Tickets", url: "/tickets" },
+  finaid: { label: "Financial Aid", url: "/finaid" },
+  visa: { label: "Visa Information", url: "/visa" },
+  volunteering: { label: "Volunteering", url: "/volunteering" },
+  faq: { label: "FAQ", url: "/faq" },
+  coc: {
+    label: "Code of Conduct",
+    url: "https://www.europython-society.org/coc/",
+    external: true,
+  },
+
+  // Venue
+  venue: { label: "Venue", url: "/venue" },
+  krakow: { label: "Kraków", url: "/krakow" },
+  hotels: { label: "Hotels", url: "/hotels" },
+
+  // Sponsorship
+  ourSponsors: { label: "Our Sponsors", url: "/sponsors" },
+  sponsorPkg: { label: "Sponsor Packages", url: "/sponsorship/sponsor" },
+  sponsorInfo: {
+    label: "Sponsor Information",
+    url: "/sponsorship/information",
+  },
+
+  // Community
+  about: { label: "About Us", url: "/about" },
+  eps: {
+    label: "EuroPython Society",
+    url: "https://europython-society.org/",
+    external: true,
+  },
+  communityPartners: {
+    label: "Community Partners",
+    url: "/community-partners",
+  },
+
+  // Misc
+  jobs: { label: "Jobs", url: "/jobs" },
+  contacts: { label: "Contacts", url: "/contacts" },
+  terms: { label: "Terms", url: "/terms" },
+  privacy: {
+    label: "Privacy Policy",
+    url: "https://www.europython-society.org/privacy/",
+    external: true,
+  },
+  blog: {
+    label: "EuroPython Blog",
+    url: "https://blog.europython.eu/",
+    external: true,
+  },
+  anniversary: {
+    label: "Anniversary Challenge",
+    url: "https://ep2026.europython.eu/25anniversary",
+    external: true,
+  },
+};
+
+// ── Nav menus ────────────────────────────────────────────────
+
+export const NAV_MENUS: NavMenu[] = [
+  // Programme — rich multi-column with labelled sections
+  {
+    label: "Programme",
+    url: "/sessions",
+    wide: true,
+    sections: [
+      {
+        label: "Talks & Schedule",
+        items: [
+          L.schedule,
+          L.talks,
+          L.tutorials,
+          L.sessions,
+          L.posters,
+          L.speakers,
+          L.tracks,
+        ],
+      },
+      {
+        label: "Summits",
+        items: [L.langSummit, L.rustSummit],
+      },
+      {
+        label: "Events & Social",
+        items: [
+          L.sprints,
+          L.socialEvent,
+          L.beginnersDay,
+          L.speakersDinner,
+          L.openSpaces,
+        ],
+      },
+      {
+        label: "For Speakers",
+        items: [L.guidelines, L.mentorship],
+      },
+    ],
+  },
+
+  // Attend — simple flat list
+  {
+    label: "Attend",
+    url: "/tickets",
+    sections: [
+      { items: [L.tickets, L.finaid, L.visa, L.volunteering, L.faq, L.coc] },
+    ],
+  },
+
+  // Venue — simple flat list
+  {
+    label: "Venue",
+    url: "/venue",
+    sections: [{ items: [L.venue, L.krakow, L.hotels] }],
+  },
+
+  // Sponsorship — simple flat list
+  {
+    label: "Sponsorship",
+    url: "/sponsorship/sponsor",
+    sections: [{ items: [L.ourSponsors, L.sponsorPkg, L.sponsorInfo] }],
+  },
+
+  // Community — simple flat list
+  {
+    label: "Community",
+    url: "/about",
+    sections: [{ items: [L.about, L.eps, L.communityPartners] }],
+  },
+
+  // Jobs — single link, no dropdown
+  {
+    label: "Jobs",
+    url: "/jobs",
+  },
+];
+
+// ── Social links ────────────────────────────────────────────
+
+export const SOCIALS: Record<string, string> = {
+  mastodon: "https://fosstodon.org/@europython",
+  linkedin: "https://www.linkedin.com/company/europython",
+  github: "https://github.com/europython",
+  bluesky: "https://bsky.app/profile/europython.eu",
+  twitter: "https://x.com/europython",
+  instagram: "https://www.instagram.com/europython/",
+  youtube: "https://www.youtube.com/channel/UC98CzaYuFNAA_gOINFB0e4Q",
+  tiktok: "https://www.tiktok.com/@europython",
+};
+
+export const TERMS: Link[] = [
+  { label: "Contacts", url: "/contacts" },
+  { label: "Terms", url: "/terms" },
+  {
+    label: "Code of Conduct",
+    url: "https://www.europython-society.org/coc/",
+    external: true,
+  },
+  {
+    label: "Privacy Policy",
+    url: "https://www.europython-society.org/privacy/",
+    external: true,
+  },
+];
+
+// ── Footer columns ───────────────────────────────────────────
+
+export const FOOTER_COLUMNS: FooterColumn[] = [
+  {
+    title: "Quick links",
+    items: [L.tickets, L.krakow, L.visa],
+  },
+  {
+    title: "Programme",
+    items: [
+      L.schedule,
+      L.sessions,
+      L.speakers,
+      L.tracks,
+      L.guidelines,
+      L.mentorship,
+    ],
+  },
+  {
+    title: "Events",
+    items: [
+      L.sprints,
+      L.socialEvent,
+      L.beginnersDay,
+      L.speakersDinner,
+      L.openSpaces,
+      L.langSummit,
+      L.rustSummit,
+    ],
+  },
+  {
+    title: "Sponsorship",
+    items: [L.ourSponsors, L.sponsorPkg, L.sponsorInfo, L.jobs],
+  },
+  {
+    title: "Community",
+    items: [L.about, L.eps, L.communityPartners, L.blog, L.contacts],
+  },
+  {
+    title: "Policies",
+    items: [L.coc, L.terms, L.privacy],
+  },
+];
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 3c7141ea5..bf9196832 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -5,7 +5,18 @@ import Footer from "@components/Footer.astro";
 import Offline from "@components/Offline.astro";
 import Breadcrumbs from '@components/Breadcrumbs.astro';
 
-import linksData from '@src/data/links.json';
+import { NAV_MENUS } from '@src/data/nav';
+
+// Convert NavMenu[] to the shape Breadcrumbs expects: { header: [{ name, path, items? }] }
+const breadcrumbData = {
+  header: NAV_MENUS.map((m) => ({
+    name: m.label,
+    path: m.url,
+    items: m.sections
+      ? m.sections.flatMap((s) => s.items.map((i) => ({ name: i.label, path: i.url })))
+      : undefined,
+  })),
+};
 
 import "@fortawesome/fontawesome-free/css/all.min.css";
 import "@styles/tailwind.css";
@@ -56,7 +67,7 @@ const hideFooter = Astro.props.hideFooter ?? false;
       <Offline />
         {currentPath !== "/" && (
           <Breadcrumbs
-              linksData={linksData}
+              linksData={breadcrumbData}
               currentPath={currentPath}
               homePath="/"
               separator="›"
diff --git a/src/layouts/MarkdownLayout.astro b/src/layouts/MarkdownLayout.astro
index 28726928c..71bb32429 100644
--- a/src/layouts/MarkdownLayout.astro
+++ b/src/layouts/MarkdownLayout.astro
@@ -19,7 +19,7 @@ const { title, description, toc=false } = Astro.props;
             id="toc"
             class="mt-24 mb-6 last:mb-0 p-6"
           >
-          <span class="text-sm font-medium uppercase tracking-[0.15em] text-white/40">On this page</span>
+          <span class="text-sm font-medium uppercase tracking-[0.15em] text-[var(--color-text-muted)]">On this page</span>
           </div>
         </Fragment>
         <Fragment slot="sidebar">
diff --git a/src/pages/posters.astro b/src/pages/posters.astro
new file mode 100644
index 000000000..c6f4ca5d3
--- /dev/null
+++ b/src/pages/posters.astro
@@ -0,0 +1,96 @@
+---
+import Layout from "@layouts/Layout.astro";
+import Section2 from "@ui/Section2.astro";
+import Title from "@ui/Title.astro";
+import { getCollection } from "astro:content";
+import ListPosters from "@components/sessions/list-posters.astro";
+
+const allSessions = await getCollection("sessions");
+const posters = allSessions
+  .filter((s) => s.data.session_type?.toLowerCase() === "poster")
+  .sort((a, b) => a.data.title.localeCompare(b.data.title));
+---
+
+<Layout title="Posters | EuroPython 2026" description="A visual showcase of projects, research, and ideas — presented in person during a dedicated poster session.">
+  <Fragment slot="head">
+    <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=block" rel="stylesheet">
+  </Fragment>
+  <Section2 variant="dark" id="posters">
+    <div class="max-w-5xl mx-auto">
+
+      <div class="text-center mb-12">
+        <Title id="posters" subtitle="A visual showcase of projects, research, and ideas — presented in person during a dedicated poster session.">
+          POSTERS
+        </Title>
+        <div class="flex justify-center gap-6 text-sm text-white/50 mt-4">
+          <span>During the main conference</span>
+          <span>Exhibition area</span>
+        </div>
+      </div>
+
+      <!-- Advantages grid (matching ep26-draft style) -->
+      <ul class="poster-advantages">
+        <li>
+          <strong>Visual format</strong>
+          Posters present a project, library, or research finding as a visual display.
+          Think of it as a paper you can walk up to and discuss.
+        </li>
+        <li>
+          <strong>One-on-one conversations</strong>
+          Unlike talks, poster sessions let you have a direct conversation with the
+          author. Ask questions, give feedback, and dive as deep as you like.
+        </li>
+        <li>
+          <strong>Great for first-time speakers</strong>
+          Posters are an excellent way to share your work without the pressure of a
+          stage presentation. Many speakers start here.
+        </li>
+        <li>
+          <strong>Dedicated session time</strong>
+          A block of time is reserved in the schedule for poster viewing, so you won't
+          have to choose between posters and talks.
+        </li>
+      </ul>
+
+      <!-- Poster list component -->
+      <ListPosters posters={posters} />
+
+    </div>
+  </Section2>
+    </div>
+  </Section2>
+</Layout>
+
+<style>
+  .poster-advantages {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 1.5rem;
+    list-style: none;
+    padding: 0;
+    margin: 0 0 3rem;
+  }
+
+  @media (min-width: 640px) {
+    .poster-advantages {
+      grid-template-columns: 1fr 1fr;
+    }
+  }
+
+  .poster-advantages li {
+    padding: 1.6rem;
+    font-size: 1.2rem;
+    color: var(--color-text-secondary);
+    line-height: 1.6;
+    border: 1px solid var(--color-border);
+    border-radius: 4px;
+  }
+
+  .poster-advantages li strong {
+    display: block;
+    font-size: 1.3rem;
+    font-weight: 800;
+    color: var(--color-text);
+    margin-bottom: 0.4rem;
+  }
+</style>
diff --git a/src/pages/schedule.astro b/src/pages/schedule.astro
index b74364452..4d86ce1b7 100644
--- a/src/pages/schedule.astro
+++ b/src/pages/schedule.astro
@@ -33,52 +33,64 @@ window.addEventListener('load', function() {
 
     if (!currentAnchor) return;
 
-    const allMatching = document.querySelectorAll(`h2#${currentAnchor}`);
-    const targetH2 = allMatching[allMatching.length - 1];
-
-    if (targetH2) {
-      const parentElement: any = targetH2.parentElement;
-
-      if (parentElement) {
-        const originalBorder = parentElement.style.border;
-        const originalBackground = parentElement.style.background;
-
-        let blinkCount = 0;
-        const maxBlinks = 5;
-        const blinkDuration = 500; // milliseconds
-
-        function toggleBorder() {
-          if (blinkCount >= maxBlinks * 2) {
-            parentElement.style.border = originalBorder;
-            parentElement.style.background = originalBackground;
-            return;
-          }
-
-          if (blinkCount % 2 === 0) {
-            parentElement.style.border = '1px solid #ff9900';
-            parentElement.style.background = 'white';
-          } else {
-            parentElement.style.border = originalBorder;
-            parentElement.style.background = originalBackground;
-          }
-
-          blinkCount++;
-          setTimeout(toggleBorder, blinkDuration);
+    var targetEl = document.getElementById(currentAnchor);
+
+    if (targetEl) {
+      // Find the day this session belongs to
+      var dayEl = targetEl.closest('.ep-sched-day');
+      if (dayEl) {
+        var dayName = dayEl.getAttribute('data-day');
+        var tabsContainer = document.getElementById('sched-tabs');
+        if (tabsContainer) {
+          var tabs = tabsContainer.querySelectorAll('.ep-sched-tab');
+          tabs.forEach(function(t) {
+            if (t.getAttribute('data-day') === dayName) {
+              t.click();
+            }
+          });
         }
+      }
 
-        toggleBorder();
+      var sessionEl = targetEl.querySelector('.ep-session') || targetEl;
+      var originalOutline = sessionEl.style.outline;
+      var originalBackground = sessionEl.style.background;
 
-        setTimeout(function() {
-          const scrollOffset = 200;
-          const elementPosition = parentElement.getBoundingClientRect().top;
-          const offsetPosition = elementPosition + window.pageYOffset - scrollOffset;
+      var blinkCount = 0;
+      var maxBlinks = 5;
+      var blinkDuration = 500;
 
-          window.scrollTo({
-            top: offsetPosition,
-            behavior: 'smooth'
-          });
-        }, 500);
+      function toggleBorder() {
+        if (blinkCount >= maxBlinks * 2) {
+          sessionEl.style.outline = originalOutline;
+          sessionEl.style.background = originalBackground;
+          return;
+        }
+
+        if (blinkCount % 2 === 0) {
+          sessionEl.style.outline = '2px solid var(--ep-accent, #ff9900)';
+          sessionEl.style.outlineOffset = '-2px';
+          sessionEl.style.background = 'var(--ep-session-hover-bg, rgba(255,255,255,0.05))';
+        } else {
+          sessionEl.style.outline = originalOutline;
+          sessionEl.style.background = originalBackground;
+        }
+
+        blinkCount++;
+        setTimeout(toggleBorder, blinkDuration);
       }
+
+      toggleBorder();
+
+      setTimeout(function() {
+        var scrollOffset = 200;
+        var elementPosition = sessionEl.getBoundingClientRect().top;
+        var offsetPosition = elementPosition + window.pageYOffset - scrollOffset;
+
+        window.scrollTo({
+          top: offsetPosition,
+          behavior: 'smooth'
+        });
+      }, 500);
     }
   }
 
diff --git a/src/pages/sponsor/[sponsor]/[job].astro b/src/pages/sponsor/[sponsor]/[job].astro
index cb44172fb..2c9e1467c 100644
--- a/src/pages/sponsor/[sponsor]/[job].astro
+++ b/src/pages/sponsor/[sponsor]/[job].astro
@@ -47,7 +47,7 @@ export async function getStaticPaths() {
         <SponsorCard {sponsor} showJobs />
       </Fragment>
       <Fragment slot="sidebar">
-        {(<JobCard {job} {sponsor} />)}
+        {(<JobCard {job} {sponsor} compact={false} />)}
       </Fragment>
     </TwoCols>
 </Layout>
diff --git a/src/pages/talks.astro b/src/pages/talks.astro
new file mode 100644
index 000000000..670a6024a
--- /dev/null
+++ b/src/pages/talks.astro
@@ -0,0 +1,457 @@
+---
+import Layout from "@layouts/Layout.astro";
+import Section2 from "@ui/Section2.astro";
+import Title from "@ui/Title.astro";
+import { getCollection } from "astro:content";
+
+const allSessions = await getCollection("sessions");
+const talks = allSessions
+  .filter((s) => {
+    const t = s.data.session_type?.toLowerCase();
+    const isTalk = t === "talk" || t === "talk (long session)" || t === "panel";
+    return isTalk && s.data.track !== "~ None of these topics";
+  })
+  .sort((a, b) => a.data.title.localeCompare(b.data.title));
+
+// Group talks by track
+const trackOrder = [
+  "Python Core, Internals, Extensions",
+  "Machine Learning: Research & Applications",
+  "Data Engineering and MLOps",
+  "Jupyter and Scientific Python",
+  "Data preparation and visualisation",
+  "Machine Learning, NLP and CV",
+  "Web Development, Web APIs, Front-End Integration",
+  "DevOps, Cloud, Scalable Infrastructure",
+  "Tooling, Packaging, Developer Productivity",
+  "Testing, Quality Assurance, Security",
+  "Community Building, Education, Outreach",
+  "Professional Development, Careers, Leadership",
+  "Ethics, Social Responsibility, Sustainability, Legal",
+  "IoT, Embedded Systems, Hardware Integration",
+  "Python for Games, Art, Play and Expression",
+];
+
+const groups: Record<string, typeof talks> = {};
+for (const talk of talks) {
+  const track = talk.data.track || "Other";
+  if (!groups[track]) groups[track] = [];
+  groups[track].push(talk);
+}
+
+const sortedTracks = trackOrder.filter((t) => groups[t]);
+const otherTracks = Object.keys(groups).filter((t) => !trackOrder.includes(t)).sort();
+const allDisplayTracks = [...sortedTracks, ...otherTracks];
+---
+
+<Layout title="Talks | EuroPython 2026" description="The heart of EuroPython — three days of talks across five parallel tracks, covering every corner of the Python ecosystem.">
+  <Fragment slot="head">
+    <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=block" rel="stylesheet">
+  </Fragment>
+
+  <Section2 variant="dark" id="talks">
+    <div class="max-w-5xl mx-auto">
+
+      <div class="text-center mb-12">
+        <Title id="talks" subtitle="The heart of EuroPython — three days of talks across five parallel tracks, covering every corner of the Python ecosystem.">
+          TALKS
+        </Title>
+        <div class="flex justify-center gap-6 text-sm text-white/50 mt-4">
+          <span>Wednesday – Friday, July 15–17</span>
+          <span>5 parallel tracks</span>
+        </div>
+      </div>
+
+      <!-- Advantages grid -->
+      <ul class="talk-advantages">
+        <li>
+          <strong>30-minute talks</strong>
+          Our most common format. Speakers have 30 minutes including Q&amp;A to share a focused idea, project, or lesson learned.
+        </li>
+        <li>
+          <strong>45-minute deep dives</strong>
+          Selected talks get an extended slot for more complex topics that benefit from extra depth and live demonstrations.
+        </li>
+        <li>
+          <strong>For every level</strong>
+          From beginner-friendly introductions to advanced internals — each talk is tagged by experience level so you can plan your day.
+        </li>
+        <li>
+          <a href="/programme/selection" class="talk-advantages-link">
+            <strong>Community-selected</strong>
+            Talks are chosen through an open call for proposals and community voting, ensuring the programme reflects what Pythonistas actually want to learn.
+          </a>
+        </li>
+      </ul>
+
+      <!-- Talk count -->
+      <p class="talks-count"><span id="sess-count">{talks.length}</span> talks at EuroPython 2026</p>
+
+      <!-- Filter bar -->
+      <div class="sess-filters">
+        <input type="text" id="sess-search" class="sess-search" placeholder="Filter by title or speaker..." autocomplete="off" aria-label="Filter talks by title or speaker">
+        <select id="sess-track-filter" class="sess-track-select" aria-label="Filter by topic">
+          <option value="">All topics</option>
+          {allDisplayTracks.map((track) => (
+            <option value={track}>{track}</option>
+          ))}
+        </select>
+      </div>
+
+      <!-- Talks grouped by track -->
+      <div class="talks-section" id="sess-grid">
+        {allDisplayTracks.map((track) => (
+          <div class="talks-dot-bg">
+          <div class="talk-topic-group">
+            <h3 class="talk-topic-heading" id={`topic-${track.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "")}`}>
+              <a href={`#topic-${track.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "")}`}># {track}</a>
+            </h3>
+            <div class="talk-grid">
+              {groups[track].map((talk) => (
+                <a href={`/session/${talk.id}`} class:list={["talk-card", talk.data.level]} data-track={talk.data.track || ""} data-search={`${talk.data.title.toLowerCase()} ${talk.data.track?.toLowerCase() || ""}`}>
+                  <h4 class="talk-card-title">{talk.data.title}</h4>
+                  <p class="talk-card-speakers">
+                    {talk.data.speakers?.length
+                      ? `${talk.data.speakers.length} speaker${talk.data.speakers.length > 1 ? "s" : ""}`
+                      : ""}
+                  </p>
+                  <div class="talk-card-meta">
+                    <span class="talk-card-tag">{talk.data.duration} min</span>
+                    {talk.data.level && <span class={`talk-card-level talk-card-level--${talk.data.level}`}>{talk.data.level.charAt(0).toUpperCase() + talk.data.level.slice(1)}</span>}
+                  </div>
+                </a>
+              ))}
+            </div>
+          </div>
+          </div>
+        ))}
+      </div>
+
+      <p class="sess-no-results" id="sess-no-results" hidden>No talks match your search.</p>
+
+    </div>
+  </Section2>
+</Layout>
+
+<style>
+  .talk-advantages {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 1.5rem;
+    list-style: none;
+    padding: 0;
+    margin: 0 0 3rem;
+  }
+
+  @media (min-width: 640px) {
+    .talk-advantages {
+      grid-template-columns: 1fr 1fr;
+    }
+  }
+
+  .talk-advantages li {
+    padding: 1.6rem;
+    font-size: 1.2rem;
+    color: var(--color-text-secondary);
+    line-height: 1.6;
+    border: 1px solid var(--color-border);
+    border-radius: 4px;
+  }
+
+  .talk-advantages li strong {
+    display: block;
+    font-size: 1.3rem;
+    font-weight: 800;
+    color: var(--color-text);
+    margin-bottom: 0.4rem;
+  }
+
+  .talk-advantages-link {
+    display: block;
+    color: var(--color-text-secondary);
+    text-decoration: none;
+    height: 100%;
+  }
+
+  .talk-advantages-link:hover {
+    color: var(--color-accent);
+  }
+
+  .talks-count {
+    font-size: 1.1rem;
+    color: var(--color-text-muted);
+    margin-bottom: 2rem;
+    text-align: center;
+  }
+
+  .sess-filters {
+    display: flex;
+    gap: 1rem;
+    max-width: 900px;
+    margin: 0 auto 2.5rem;
+  }
+
+  .sess-search {
+    flex: 1;
+    min-width: 0;
+    padding: 0.8rem 1.2rem;
+    font-size: 1.1rem;
+    color: var(--color-text);
+    background: var(--color-surface-subtle);
+    border: 1px solid var(--color-border-strong);
+    border-radius: 4px;
+    outline: none;
+  }
+
+  .sess-search::placeholder {
+    color: var(--color-text-faint);
+  }
+
+  .sess-search:focus {
+    border-color: var(--color-accent);
+    background: var(--color-surface-medium);
+  }
+
+  .sess-track-select {
+    width: 280px;
+    flex-shrink: 0;
+    padding: 0.8rem 1.2rem;
+    font-size: 1.1rem;
+    color: var(--color-text);
+    background: var(--color-surface-subtle);
+    border: 1px solid var(--color-border-strong);
+    border-radius: 4px;
+    outline: none;
+  }
+
+  .sess-track-select:focus {
+    border-color: var(--color-accent);
+    background: var(--color-surface-medium);
+  }
+
+  .sess-no-results {
+    text-align: center;
+    font-size: 1.1rem;
+    color: var(--color-text-muted);
+    padding: 3rem;
+  }
+
+  .talks-section {
+    margin-top: 2rem;
+  }
+
+  .talk-topic-group {
+    margin-bottom: 2.5rem;
+  }
+
+  .talk-topic-heading {
+    font-family: "Inter Tight", system-ui, sans-serif;
+    font-size: 1.4rem;
+    font-weight: 700;
+    color: var(--color-text);
+    margin: 0 0 1rem;
+    padding-bottom: 0.5rem;
+    border-bottom: 1px solid var(--color-border);
+    scroll-margin-top: 80px;
+  }
+
+  .talk-topic-heading a {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  .talk-topic-heading a:hover {
+    color: var(--color-accent);
+  }
+
+  .talk-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+    gap: 1rem;
+  }
+
+  .talk-card {
+    display: block;
+    background: var(--color-surface-subtle);
+    border: 1px solid var(--color-border);
+    border-radius: 6px;
+    padding: 1.25rem;
+    text-decoration: none;
+    font-family: "Inter Tight", system-ui, sans-serif;
+    transition:
+      border-color 0.1s ease-in-out,
+      background 0.1s ease-in-out;
+  }
+
+  .talk-card:hover {
+    border-color: var(--ep-accent);
+    background: var(--ep-session-hover-bg) !important;
+    z-index: 10;
+  }
+
+  .talk-card.beginner {
+    background:
+      repeating-linear-gradient(
+        -45deg,
+        transparent,
+        transparent 4px,
+        var(--ep-beginner-stripe) 4px,
+        var(--ep-beginner-stripe) 6px
+      ),
+      var(--color-surface-subtle);
+  }
+
+  .talk-card.advanced {
+    background:
+      repeating-linear-gradient(
+        -45deg,
+        transparent,
+        transparent 4px,
+        var(--ep-advanced-stripe) 4px,
+        var(--ep-advanced-stripe) 6px
+      ),
+      var(--color-surface-subtle);
+  }
+
+  .talk-card-title {
+    font-family: "Inter Tight", system-ui, sans-serif;
+    font-size: 1.25rem;
+    font-weight: 700;
+    color: var(--color-text);
+    margin: 0 0 0.5rem;
+    line-height: 1.35;
+  }
+
+  .talk-card-speakers {
+    font-size: 1.15rem;
+    color: var(--color-text-secondary);
+    margin: 0 0 0.75rem;
+  }
+
+  .talk-card-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.4rem;
+    align-items: center;
+  }
+
+  .talk-card-tag {
+    font-size: 1.02rem;
+    color: var(--color-text-muted);
+    background: var(--color-surface-medium);
+    padding: 0.2em 0.6em;
+    border-radius: 3px;
+    border: 1px solid var(--color-border);
+  }
+
+  .talk-card-level {
+    display: inline-block;
+    padding: 0.2em 0.6em;
+    border-radius: 3px;
+    font-size: 1.02rem;
+    font-weight: 600;
+    letter-spacing: 0.03em;
+    border: 1px solid transparent;
+  }
+
+  .talk-card-level--beginner {
+    background: var(--ep-level-beginner-bg);
+    color: var(--ep-level-beginner-text);
+  }
+
+  .talk-card-level--intermediate {
+    background: var(--ep-level-intermediate-bg);
+    color: var(--ep-level-intermediate-text);
+  }
+
+  .talks-dot-bg {
+    background:
+      radial-gradient(circle, var(--ep-surface-medium) 1px, transparent 1px),
+      linear-gradient(
+        135deg,
+        var(--ep-footer-g1) 0%,
+        var(--ep-footer-g2) 40%,
+        var(--ep-footer-g3) 70%,
+        var(--ep-footer-g4) 100%
+      );
+    background-size:
+      24px 24px,
+      100% 100%;
+    padding: 4rem 2rem;
+    margin-bottom: 2rem;
+    border-radius: 4px;
+  }
+
+  .talk-card-level--advanced {
+    background: var(--ep-level-advanced-bg);
+    color: var(--ep-level-advanced-text);
+  }
+</style>
+
+<script is:inline>
+(function() {
+  var input = document.getElementById('sess-search');
+  if (!input) return;
+  var grid = document.getElementById('sess-grid');
+  var cards = grid.querySelectorAll('.talk-card');
+  var groups = grid.querySelectorAll('.talk-topic-group');
+  var countEl = document.getElementById('sess-count');
+  var noResults = document.getElementById('sess-no-results');
+  var trackSelect = document.getElementById('sess-track-filter');
+  var total = cards.length;
+
+  function filterCards() {
+    var q = input.value.toLowerCase().trim();
+    var activeTopic = trackSelect ? trackSelect.value : '';
+    var visible = 0;
+
+    cards.forEach(function(card) {
+      var matchText = !q || card.getAttribute('data-search').indexOf(q) !== -1;
+      var matchTopic = !activeTopic || card.getAttribute('data-track') === activeTopic;
+      var show = matchText && matchTopic;
+      card.style.display = show ? '' : 'none';
+      if (show) visible++;
+    });
+
+    groups.forEach(function(group) {
+      var wrapper = group.parentElement;
+      var hasVisible = group.querySelector('.talk-card:not([style*="display: none"])');
+      group.style.display = hasVisible ? '' : 'none';
+      if (wrapper && wrapper.classList.contains('talks-dot-bg')) {
+        wrapper.style.display = hasVisible ? '' : 'none';
+      }
+    });
+
+    countEl.textContent = (q || activeTopic) ? visible + ' / ' + total : total;
+    if (noResults) noResults.hidden = visible > 0;
+  }
+
+  input.addEventListener('input', filterCards);
+  if (trackSelect) trackSelect.addEventListener('change', filterCards);
+
+  // Auto-filter from URL hash or query param
+  var currentHash = window.location.hash;
+  if (currentHash && currentHash.startsWith('#topic-')) {
+    // Find the heading element to extract track name
+    var headingEl = document.getElementById(currentHash.substring(1));
+    if (headingEl && trackSelect) {
+      var trackName = headingEl.textContent.replace(/^#\s*/, '').trim();
+      var options = trackSelect.options;
+      for (var i = 0; i < options.length; i++) {
+        if (options[i].value === trackName) {
+          trackSelect.value = options[i].value;
+          filterCards();
+          break;
+        }
+      }
+    }
+  }
+
+  var urlParams = new URLSearchParams(window.location.search);
+  var trackParam = urlParams.get('track');
+  if (trackParam && trackSelect && !currentHash) {
+    trackSelect.value = trackParam;
+    filterCards();
+  }
+})();
+</script>
diff --git a/src/pages/tutorials.astro b/src/pages/tutorials.astro
new file mode 100644
index 000000000..b1b4afafe
--- /dev/null
+++ b/src/pages/tutorials.astro
@@ -0,0 +1,320 @@
+---
+import Layout from "@layouts/Layout.astro";
+import Section2 from "@ui/Section2.astro";
+import Title from "@ui/Title.astro";
+import { getCollection } from "astro:content";
+
+const allSessions = await getCollection("sessions");
+const tutorials = allSessions
+  .filter((s) => s.data.session_type?.toLowerCase() === "tutorial")
+  .sort((a, b) => a.data.title.localeCompare(b.data.title));
+---
+
+<Layout title="Tutorials | EuroPython 2026" description="Full-day, hands-on workshops led by domain experts. Go deeper than any talk can — bring your laptop and leave with real skills.">
+  <Fragment slot="head">
+    <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=block" rel="stylesheet">
+  </Fragment>
+
+  <Section2 variant="dark" id="tutorials">
+    <div class="max-w-5xl mx-auto">
+
+      <div class="text-center mb-12">
+        <Title id="tutorials" subtitle="Full-day, hands-on workshops led by domain experts. Go deeper than any talk can — bring your laptop and leave with real skills.">
+          TUTORIALS
+        </Title>
+        <div class="flex justify-center gap-6 text-sm text-white/50 mt-4">
+          <span>Monday & Tuesday, July 13–14</span>
+          <span>Small-group format</span>
+        </div>
+      </div>
+
+      <!-- Advantages grid -->
+      <ul class="tutorial-advantages">
+        <li>
+          <strong>3-hour or 6-hour sessions</strong>
+          Tutorials run for half a day or a full day. Each one is a self-contained workshop with exercises, examples, and hands-on practice.
+        </li>
+        <li>
+          <strong>Small groups, personal attention</strong>
+          Unlike talks, tutorials are capped in size. You get direct access to the instructor and can ask questions as you go.
+        </li>
+        <li>
+          <strong>Wide range of topics</strong>
+          From Python basics and web frameworks to data science pipelines, async programming, and testing strategies — there is a tutorial for every interest.
+        </li>
+        <li>
+          <strong>Separate ticket required</strong>
+          Tutorial participation requires a separate tutorial ticket in addition to your conference pass.
+        </li>
+      </ul>
+
+      <!-- Tutorial count -->
+      <p class="tutorials-count"><span id="sess-count">{tutorials.length}</span> tutorials at EuroPython 2026</p>
+
+      <!-- Filter bar -->
+      <div class="sess-filters">
+        <input type="text" id="sess-search" class="sess-search" placeholder="Filter by title or speaker..." autocomplete="off" aria-label="Filter tutorials by title or speaker">
+      </div>
+
+      <!-- Tutorials list -->
+      <div class="tutorials-section" id="sess-grid">
+        <div class="talks-dot-bg">
+          <div class="tutorial-grid">
+            {tutorials.map((t) => (
+              <a href={`/session/${t.id}`} class:list={["tutorial-card", t.data.level]} data-search={`${t.data.title.toLowerCase()} ${t.data.track?.toLowerCase() || ""}`}>
+                <h3 class="tutorial-card-title">{t.data.title}</h3>
+                <p class="tutorial-card-speakers">
+                  {t.data.speakers?.length
+                    ? `${t.data.speakers.length} speaker${t.data.speakers.length > 1 ? "s" : ""}`
+                    : ""}
+                </p>
+                <div class="tutorial-card-meta">
+                  <span class="tutorial-card-tag">{t.data.duration} min</span>
+                  {t.data.level && <span class={`tutorial-card-level tutorial-card-level--${t.data.level}`}>{t.data.level.charAt(0).toUpperCase() + t.data.level.slice(1)}</span>}
+                </div>
+                {t.data.track && <p class="tutorial-card-track">{t.data.track}</p>}
+              </a>
+            ))}
+          </div>
+        </div>
+      </div>
+
+      <p class="sess-no-results" id="sess-no-results" hidden>No tutorials match your search.</p>
+
+    </div>
+  </Section2>
+</Layout>
+
+<style>
+  .tutorial-advantages {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 1.5rem;
+    list-style: none;
+    padding: 0;
+    margin: 0 0 3rem;
+  }
+
+  @media (min-width: 640px) {
+    .tutorial-advantages {
+      grid-template-columns: 1fr 1fr;
+    }
+  }
+
+  .tutorial-advantages li {
+    padding: 1.6rem;
+    font-size: 1.2rem;
+    color: var(--color-text-secondary);
+    line-height: 1.6;
+    border: 1px solid var(--color-border);
+    border-radius: 4px;
+  }
+
+  .tutorial-advantages li strong {
+    display: block;
+    font-size: 1.3rem;
+    font-weight: 800;
+    color: var(--color-text);
+    margin-bottom: 0.4rem;
+  }
+
+  .tutorials-count {
+    font-size: 1.1rem;
+    color: var(--color-text-muted);
+    margin-bottom: 2rem;
+    text-align: center;
+  }
+
+  .sess-filters {
+    display: flex;
+    gap: 1rem;
+    max-width: 900px;
+    margin: 0 auto 2.5rem;
+  }
+
+  .sess-search {
+    flex: 1;
+    min-width: 0;
+    padding: 0.8rem 1.2rem;
+    font-size: 1.1rem;
+    color: var(--color-text);
+    background: var(--color-surface-subtle);
+    border: 1px solid var(--color-border-strong);
+    border-radius: 4px;
+    outline: none;
+  }
+
+  .sess-search::placeholder {
+    color: var(--color-text-faint);
+  }
+
+  .sess-search:focus {
+    border-color: var(--color-accent);
+    background: var(--color-surface-medium);
+  }
+
+  .sess-no-results {
+    text-align: center;
+    font-size: 1.1rem;
+    color: var(--color-text-muted);
+    padding: 3rem;
+  }
+
+  .talks-dot-bg {
+    background:
+      radial-gradient(circle, var(--ep-surface-medium) 1px, transparent 1px),
+      linear-gradient(
+        135deg,
+        var(--ep-footer-g1) 0%,
+        var(--ep-footer-g2) 40%,
+        var(--ep-footer-g3) 70%,
+        var(--ep-footer-g4) 100%
+      );
+    background-size:
+      24px 24px,
+      100% 100%;
+    padding: 3rem 2rem;
+    border-radius: 4px;
+  }
+
+  .tutorial-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+    gap: 1rem;
+  }
+
+  .tutorial-card {
+    display: block;
+    background: var(--color-surface-subtle);
+    border: 1px solid var(--color-border);
+    border-radius: 6px;
+    padding: 1.25rem;
+    text-decoration: none;
+    font-family: "Inter Tight", system-ui, sans-serif;
+    transition:
+      border-color 0.1s ease-in-out,
+      background 0.1s ease-in-out;
+  }
+
+  .tutorial-card:hover {
+    border-color: var(--ep-accent);
+    background: var(--ep-session-hover-bg) !important;
+    z-index: 10;
+  }
+
+  .tutorial-card.beginner {
+    background:
+      repeating-linear-gradient(
+        -45deg,
+        transparent,
+        transparent 4px,
+        var(--ep-beginner-stripe) 4px,
+        var(--ep-beginner-stripe) 6px
+      ),
+      var(--color-surface-subtle);
+  }
+
+  .tutorial-card.advanced {
+    background:
+      repeating-linear-gradient(
+        -45deg,
+        transparent,
+        transparent 4px,
+        var(--ep-advanced-stripe) 4px,
+        var(--ep-advanced-stripe) 6px
+      ),
+      var(--color-surface-subtle);
+  }
+
+  .tutorial-card-title {
+    font-family: "Inter Tight", system-ui, sans-serif;
+    font-size: 1.25rem;
+    font-weight: 700;
+    color: var(--color-text);
+    margin: 0 0 0.5rem;
+    line-height: 1.35;
+  }
+
+  .tutorial-card-speakers {
+    font-size: 1.15rem;
+    color: var(--color-text-secondary);
+    margin: 0 0 0.75rem;
+  }
+
+  .tutorial-card-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.4rem;
+    align-items: center;
+  }
+
+  .tutorial-card-tag {
+    font-size: 1.02rem;
+    color: var(--color-text-muted);
+    background: var(--color-surface-medium);
+    padding: 0.2em 0.6em;
+    border-radius: 3px;
+    border: 1px solid var(--color-border);
+  }
+
+  .tutorial-card-level {
+    display: inline-block;
+    padding: 0.2em 0.6em;
+    border-radius: 3px;
+    font-size: 1.02rem;
+    font-weight: 600;
+    letter-spacing: 0.03em;
+    border: 1px solid transparent;
+  }
+
+  .tutorial-card-level--beginner {
+    background: var(--ep-level-beginner-bg);
+    color: var(--ep-level-beginner-text);
+  }
+
+  .tutorial-card-level--intermediate {
+    background: var(--ep-level-intermediate-bg);
+    color: var(--ep-level-intermediate-text);
+  }
+
+  .tutorial-card-level--advanced {
+    background: var(--ep-level-advanced-bg);
+    color: var(--ep-level-advanced-text);
+  }
+
+  .tutorial-card-track {
+    font-family: "Inter Tight", system-ui, sans-serif;
+    font-size: 1.05rem;
+    font-weight: 600;
+    color: var(--color-accent);
+    margin: 0.5rem 0 0;
+  }
+</style>
+
+<script is:inline>
+(function() {
+  var input = document.getElementById('sess-search');
+  if (!input) return;
+  var grid = document.getElementById('sess-grid');
+  var cards = grid.querySelectorAll('.tutorial-card');
+  var countEl = document.getElementById('sess-count');
+  var noResults = document.getElementById('sess-no-results');
+  var total = cards.length;
+
+  function filterCards() {
+    var q = input.value.toLowerCase().trim();
+    var visible = 0;
+
+    cards.forEach(function(card) {
+      var show = !q || card.getAttribute('data-search').indexOf(q) !== -1;
+      card.style.display = show ? '' : 'none';
+      if (show) visible++;
+    });
+
+    countEl.textContent = (q) ? visible + ' / ' + total : total;
+    if (noResults) noResults.hidden = visible > 0;
+  }
+
+  input.addEventListener('input', filterCards);
+})();
+</script>
diff --git a/src/styles/markdown.css b/src/styles/markdown.css
index a37ba74b2..9951ddf03 100644
--- a/src/styles/markdown.css
+++ b/src/styles/markdown.css
@@ -1,9 +1,39 @@
+article.prose h1:not([class*="font-normal"]):not([class*="font-light"]) {
+  font-weight: 700 !important;
+}
+
+article.prose h1 {
+  font-weight: 700 !important;
+}
+
+article.prose h2 {
+  font-weight: 700 !important;
+}
+
+article.prose h3 {
+  font-weight: 600 !important;
+}
+
+article.prose h1 a {
+  font-weight: 700 !important;
+}
+
+article.prose h2 a {
+  font-weight: 700 !important;
+}
+
+article.prose h3 a {
+  font-weight: 600 !important;
+}
+
 .prose :is(h1, h2, h3, h4, h5, h6) a {
   text-decoration: none !important;
+  color: inherit !important;
 }
 
 .prose :is(h1, h2, h3, h4, h5, h6) a:hover {
-  text-decoration: underline !important;
+  text-decoration: none !important;
+  color: inherit !important;
 }
 
 .prose :is(h1, h2, h3, h4, h5, h6) a:focus {