Remove clutter

.claude/settings.local.json

@@ -1,7 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Read(//volumes/projects/vault-link/**)"
-    ]
-  }
-}

src/styles/global.css

@@ -1,7 +1,3 @@
-/* =========================================================================
-   Fonts
-   ========================================================================= */
-
 @font-face {
   font-family: 'Source Sans 3';
   src: url('/fonts/source-sans-3-latin-variable.woff2') format('woff2-variations');
@@ -20,10 +16,6 @@
 
 @layer reset, base, layout, components, utilities, overrides;
 
-/* =========================================================================
-   Tokens: colors, type, space, radius, weights, layout widths
-   ========================================================================= */
-
 :root {
   color-scheme: light dark;
 
@@ -119,10 +111,6 @@
   }
 }
 
-/* =========================================================================
-   Reset
-   ========================================================================= */
-
 @layer reset {
   *,
   *::before,
@@ -168,10 +156,6 @@
   }
 }
 
-/* =========================================================================
-   Base
-   ========================================================================= */
-
 @layer base {
   html {
     background: var(--color-bg);
@@ -229,10 +213,6 @@
   }
 }
 
-/* =========================================================================
-   Utilities
-   ========================================================================= */
-
 @layer utilities {
   .sr-only {
     position: absolute;
@@ -247,10 +227,6 @@
   }
 }
 
-/* =========================================================================
-   Layout: site shell, header, footer, skip link
-   ========================================================================= */
-
 @layer layout {
   :where(.site-header, .site-footer, .home-intro, .home-section, .page-shell, .post) {
     width: min(100% - 2 * var(--gutter), var(--page));
@@ -447,13 +423,7 @@
   }
 }
 
-/* =========================================================================
-   Components
-   ========================================================================= */
-
 @layer components {
-  /* -- Eyebrow ---------------------------------------------------------- */
-
   .eyebrow {
     margin: 0 0 var(--space-3);
     color: var(--color-muted);
@@ -464,8 +434,6 @@
     text-transform: uppercase;
   }
 
-  /* -- Section heading -------------------------------------------------- */
-
   .section-heading {
     width: 100%;
     display: flex;
@@ -511,8 +479,6 @@
     line-height: 1.4;
   }
 
-  /* -- Breadcrumbs ------------------------------------------------------ */
-
   .breadcrumbs {
     margin: 0 0 var(--space-3);
     padding: 0;
@@ -552,8 +518,6 @@
     color: var(--color-fg);
   }
 
-  /* -- Tag list + filter ------------------------------------------------ */
-
   .tag-cloud {
     margin-top: var(--space-2);
   }
@@ -618,8 +582,6 @@
     font-size: var(--fs-caption);
   }
 
-  /* -- Lists: article + project ---------------------------------------- */
-
   .article-list,
   .project-list {
     list-style: none;
@@ -691,8 +653,6 @@
     line-height: var(--leading-snug);
   }
 
-  /* -- Thumbnail -------------------------------------------------------- */
-
   .entry-thumbnail {
     display: block;
     overflow: hidden;
@@ -815,8 +775,6 @@
     transform-origin: right center;
   }
 
-  /* -- Project card ----------------------------------------------------- */
-
   .project-card {
     display: grid;
     grid-template-columns: 1fr;
@@ -891,8 +849,6 @@
     vertical-align: 0.15em;
   }
 
-  /* -- Project links ---------------------------------------------------- */
-
   .project-links {
     display: flex;
     flex-wrap: wrap;
@@ -931,8 +887,6 @@
     min-height: 44px;
   }
 
-  /* -- Post layout ------------------------------------------------------ */
-
   .post > .post-media,
   .facts {
     max-width: var(--measure);
@@ -1163,8 +1117,6 @@
     font-size: var(--fs-caption);
   }
 
-  /* -- Prose ------------------------------------------------------------ */
-
   .prose {
     max-inline-size: var(--measure);
     line-height: var(--leading-prose);
@@ -1360,8 +1312,6 @@
     );
   }
 
-  /* -- At-a-glance + facts --------------------------------------------- */
-
   .at-a-glance {
     margin-top: var(--space-8);
     padding-block: var(--space-5);
@@ -1414,8 +1364,6 @@
     }
   }
 
-  /* -- Post media ------------------------------------------------------- */
-
   .post-media {
     max-inline-size: min(100%, var(--measure-wide));
     margin: var(--space-8) 0 0;
@@ -1443,8 +1391,6 @@
     font-weight: var(--weight-semibold);
   }
 
-  /* -- Post nav --------------------------------------------------------- */
-
   .post-nav {
     margin-top: var(--space-12);
     padding-top: var(--space-6);
@@ -1496,8 +1442,6 @@
     font-weight: var(--weight-semibold);
   }
 
-  /* -- Post TOC --------------------------------------------------------- */
-
   .post-toc {
     margin-top: var(--space-6);
     padding: var(--space-3) var(--space-4);
@@ -1543,8 +1487,6 @@
     color: var(--color-fg);
   }
 
-  /* -- Post media gallery ----------------------------------------------- */
-
   .post-gallery {
     list-style: none;
     padding: 0;
@@ -1562,8 +1504,6 @@
     margin: 0;
   }
 
-  /* -- External link affordance ----------------------------------------- */
-
   .external-link-icon {
     display: inline-block;
     margin-inline-start: 0.25em;
@@ -1571,8 +1511,6 @@
     opacity: 0.85;
   }
 
-  /* -- Related ---------------------------------------------------------- */
-
   .related-posts {
     margin-top: var(--space-12);
     padding-top: var(--space-6);
@@ -1585,15 +1523,11 @@
     margin-bottom: var(--space-4);
   }
 
-  /* -- Empty state (e.g. 404) ----------------------------------------- */
-
   .empty-state {
     max-width: var(--measure);
     padding-block: var(--space-6);
   }
 
-  /* -- Theme switcher --------------------------------------------------- */
-
   .theme-switcher {
     --switcher-w: 2.75rem;
     --switcher-h: 1.5rem;
@@ -1711,10 +1645,6 @@
   }
 }
 
-/* =========================================================================
-   Responsive: tablet + mobile breakpoints
-   ========================================================================= */
-
 @layer overrides {
   /* Tablet */
   @media (max-width: 960px) {