update language headers section and comments

.gitignore

@@ -1,4 +1,5 @@
 .DS_Store
 *.css.map
 backup/
-.vscode/
+.vscode/
+CLAUDE.md

theme.css

@@ -2,26 +2,26 @@
  * ╔═══════════════════════════════════════════════════════════╗
  * ║                      C Y B E R G L O W                    ║
  * ║              An Obsidian Theme by DevM0nk3y               ║
- * ║                        v1.0.0                              ║
+ * ║                        v1.0.3                             ║
  * ╚═══════════════════════════════════════════════════════════╝
  *
- * Secciones:
+ * Sections:
  *   1.  Style Settings YAML
- *   2.  Variables de Fundación
- *   3.  Navegación
+ *   2.  Foundation Variables
+ *   3.  Navigation
  *   4.  Editor
- *   5.  Bloques de Código (Xcode Midnight)
- *   6.  Componentes UI
- *   7.  Correcciones y Componentes adicionales
- *   8.  Eliminación de bordes (fuera del card layout)
+ *   5.  Code Blocks (Xcode Midnight)
+ *   6.  UI Components
+ *   7.  Fixes and Additional Components
+ *   8.  Border Removal (outside card layout)
  *   9.  Card Layout: Tab header refinements
- *   10. Card Layout: Vault profile en sidebar
- *   11. Card Layout: Graph controls en splits laterales
+ *   10. Card Layout: Vault profile in sidebar
+ *   11. Card Layout: Graph controls in side splits
  */
 
 
 /* ============================================================
-   SECCIÓN 1 — Style Settings YAML
+   SECTION 1 — Style Settings YAML
    ============================================================ */
 
 /* @settings
@@ -210,12 +210,12 @@ settings:
 
 
 
-/* Style Settings — Support heading en cian */
+/* Style Settings — Support heading in cyan */
 .style-settings-container .setting-item[data-id="cg-support-header"] .setting-item-name {
   color: var(--cg-primary);
 }
 
-/* Style Settings — gradient bar bajo Colors */
+/* Style Settings — gradient bar below Colors */
 .style-settings-container .setting-item[data-id="cg-colors-header"] .setting-item-name::after {
   content: "";
   display: block;
@@ -226,7 +226,7 @@ settings:
 }
 
 /* ============================================================
-   SECCIÓN 2 — Variables de Fundación
+   SECTION 2 — Foundation Variables
    ============================================================ */
 
 .theme-dark {
@@ -234,12 +234,12 @@ settings:
   --cg-secondary: var(--cg-secondary-color, #FF00FF);
   --cg-active: var(--cg-active-color, #FF00FF);
 
-  /* Variables RGB para uso en rgba() */
+  /* RGB variables for use in rgba() */
   --cg-primary-rgb: 0, 255, 255;
   --cg-secondary-rgb: 255, 0, 255;
   --cg-active-rgb: 255, 0, 255;
 
-  /* Variables para bloques de código */
+  /* Variables for code blocks */
   --cg-code-bg: #000000;
   --cg-code-text: #FFFFFF;
 
@@ -250,7 +250,7 @@ settings:
   --cg-text-muted: #8888a0;
   --cg-text-faint: #555570;
 
-  /* Mapeo a variables de Obsidian — todo el shell usa el mismo fondo */
+  /* Mapping to Obsidian variables — entire shell uses the same background */
   --background-primary: var(--cg-bg-primary);
   --background-primary-alt: var(--cg-bg-primary);
   --background-secondary: var(--cg-bg-primary);
@@ -283,7 +283,7 @@ settings:
   --color-purple: #8B87FF;
   --color-pink: #DE38A5;
 
-  /* Escala base */
+  /* Base scale */
   --color-base-00: #0a0a0f;
   --color-base-05: #0e0e15;
   --color-base-10: #12121a;
@@ -297,7 +297,7 @@ settings:
   --color-base-70: #8888a0;
   --color-base-100: #e0e0e8;
 
-  /* Títulos del sidebar */
+  /* Sidebar titles */
   --nav-item-color: var(--cg-text-muted);
   --nav-item-color-hover: var(--cg-primary);
   --nav-item-color-active: var(--cg-primary);
@@ -318,7 +318,7 @@ settings:
   --scrollbar-active-thumb-bg: rgba(var(--cg-primary-rgb), 0.3);
 }
 
-/* Variantes de intensidad de fondo */
+/* Background intensity variants */
 .cg-bg-abyss.theme-dark {
   --cg-bg-primary: #000000;
   --cg-bg-secondary: #080810;
@@ -333,10 +333,10 @@ settings:
 
 
 /* ============================================================
-   SECCIÓN 3 — Navegación
+   SECTION 3 — Navigation
    ============================================================ */
 
-/* Iconos base */
+/* Base icons */
 .side-dock-ribbon-action svg,
 .nav-action-button svg,
 .tab-header-icon svg,
@@ -352,7 +352,7 @@ settings:
   stroke-width: 2px;
 }
 
-/* Estado activo */
+/* Active state */
 .is-active svg,
 .is-selected svg,
 .is-active .clickable-icon svg,
@@ -366,7 +366,7 @@ settings:
   --icon-color: var(--cg-active);
 }
 
-/* Hover → magenta */
+/* Hover state → magenta */
 .side-dock-ribbon-action:hover svg,
 .nav-action-button:hover svg,
 .view-action:hover svg,
@@ -376,13 +376,13 @@ settings:
   --icon-color: var(--cg-secondary);
 }
 
-/* Archivo activo en explorador */
+/* Active file in file explorer */
 .nav-file-title.is-active,
 .nav-file.is-active .nav-file-title {
   color: var(--cg-primary);
 }
 
-/* Tabs — estilo pill/card con gap */
+/* Tabs — pill/card style with gap */
 .workspace-tabs:not(.mod-stacked) {
   --tab-background: var(--cg-bg-secondary);
   --tab-background-active: var(--cg-bg-primary);
@@ -424,7 +424,7 @@ settings:
   padding: 0 4px 0 8px;
 }
 
-/* Tab activo */
+/* Active tab */
 .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active {
   flex-grow: 1.67;
   max-width: 300px;
@@ -439,7 +439,7 @@ settings:
   color: var(--cg-active);
 }
 
-/* Tabs inactivos */
+/* Inactive tabs */
 .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-title {
   color: rgba(var(--cg-primary-rgb), 0.5);
 }
@@ -450,11 +450,11 @@ settings:
 
 
 /* ============================================================
-   SECCIÓN 4 — Editor
+   SECTION 4 — Editor
    ============================================================ */
 
 
-/* Headings h1-h6 — color normal del texto, sin gradientes */
+/* Headings h1-h6 — normal text color, no gradients */
 .markdown-rendered h1,
 .markdown-rendered h2,
 .markdown-rendered h3,
@@ -473,7 +473,7 @@ settings:
   color: var(--cg-text);
 }
 
-/* HR separadores */
+/* HR separators */
 .cm-line hr,
 .markdown-preview-view hr,
 .markdown-rendered hr {
@@ -528,7 +528,7 @@ settings:
 }
 
 
-/* Tablas */
+/* Tables */
 .markdown-rendered table {
   border-collapse: collapse;
 }
@@ -556,7 +556,7 @@ settings:
   padding-left: 1em;
 }
 
-/* Listas — marcadores */
+/* Lists — markers */
 .list-bullet::after {
   color: var(--cg-text);
 }
@@ -568,10 +568,10 @@ settings:
 
 
 /* ============================================================
-   SECCIÓN 5 — Bloques de Código (Xcode Midnight)
+   SECTION 5 — Code Blocks (Xcode Midnight)
    ============================================================ */
 
-/* --- CodeMirror 6 — Editor — activo siempre por defecto --- */
+/* --- CodeMirror 6 — Editor — always active by default --- */
 .cm-s-obsidian .HyperMD-codeblock {
   background-color: var(--cg-code-bg);
   color: var(--cg-code-text);
@@ -595,7 +595,7 @@ settings:
 .cm-s-obsidian .HyperMD-codeblock .cm-variable,
 .cm-s-obsidian .HyperMD-codeblock .cm-operator { color: var(--cg-code-text); }
 
-/* --- Prism.js — Vista de Lectura --- */
+/* --- Prism.js — Reading View --- */
 .markdown-rendered pre code {
   background-color: var(--cg-code-bg);
   color: var(--cg-code-text);
@@ -659,10 +659,10 @@ pre.code-styler-pre .token.parameter.variable { color: #00B1FF; }
 
 
 /* ============================================================
-   SECCIÓN 6 — Componentes UI
+   SECTION 6 — UI Components
    ============================================================ */
 
-/* Botones primarios */
+/* Primary buttons */
 .mod-cta {
   background-color: var(--cg-primary);
   color: var(--cg-bg-primary);
@@ -681,13 +681,13 @@ input[type="checkbox"]:checked {
   border-color: var(--cg-primary);
 }
 
-/* Scrollbars delgadas — usa API estándar que respeta auto-hide nativo de macOS */
+/* Slim scrollbars — uses standard API that respects native macOS auto-hide */
 .cg-slim-scrollbars * {
   scrollbar-width: thin;
   scrollbar-color: rgba(var(--cg-primary-rgb), 0.15) transparent;
 }
 
-/* Bordes ocultos — elimina dividers y outlines entre paneles */
+/* Hidden borders — removes dividers and outlines between panels */
 body.cg-hide-borders .workspace-leaf,
 body.cg-hide-borders .workspace-tab-header-container,
 body.cg-hide-borders .workspace-split {
@@ -704,7 +704,7 @@ body.cg-hide-borders.cg-tab-floating .workspace-tab-header {
 }
 
 /* -----------------------------------------------
- *  Card Layout — Variables y estructura base
+ *  Card Layout — Variables and base structure
  * ----------------------------------------------- */
 
 body.cg-card-layout {
@@ -722,14 +722,14 @@ body.cg-card-layout {
   --ribbon-padding: 0;
 }
 
-/* Workspace y container — fondo del "canvas" detrás de las cards */
+/* Workspace and container — background of the "canvas" behind cards */
 body.cg-card-layout .workspace,
 body.cg-card-layout .horizontal-main-container,
 body.cg-card-layout .mod-vertical .workspace-tabs {
   background-color: var(--cg-card-bg);
 }
 
-/* Leaves en splits laterales y root — fondo del canvas */
+/* Leaves in side splits and root — canvas background */
 body.cg-card-layout .mod-left-split .workspace-tabs .workspace-leaf,
 body.cg-card-layout .mod-right-split .workspace-tabs .workspace-leaf,
 body.cg-card-layout .mod-left-split,
@@ -743,7 +743,7 @@ body.cg-card-layout .workspace-ribbon.mod-left:before {
   background-color: var(--cg-card-bg);
 }
 
-/* Padding horizontal en sidebar tab containers */
+/* Horizontal padding in sidebar tab containers */
 body.cg-card-layout .mod-left-split .workspace-tab-container,
 body.cg-card-layout .mod-right-split .workspace-tab-container {
   padding-left: var(--cg-card-padding);
@@ -751,43 +751,43 @@ body.cg-card-layout .mod-right-split .workspace-tab-container {
   background-color: var(--cg-card-bg);
 }
 
-/* Tab header — sin borde inferior */
+/* Tab header — no bottom border */
 body.cg-card-layout .workspace-tab-header-container,
 body.cg-card-layout .workspace-ribbon.mod-left:before {
   border-bottom: none;
 }
 
-/* Padding lateral en workspace-tabs verticales */
+/* Side padding in vertical workspace-tabs */
 body.cg-card-layout:not(.is-phone) .mod-vertical .workspace-tabs {
   padding-left: var(--cg-card-padding);
   padding-right: var(--cg-card-padding);
 }
 
-/* === CARD — workspace-leaf-content principal === */
-/* Todos los leaf-content EXCEPTO file-explorer (a menos que cg-card-filebrowser esté activo) */
+/* === CARD — main workspace-leaf-content === */
+/* All leaf-content EXCEPT file-explorer (unless cg-card-filebrowser is active) */
 body.cg-card-layout .workspace-split .workspace-leaf-content:not([data-type="file-explorer"]),
 body.cg-card-layout.cg-card-filebrowser .workspace-leaf-content[data-type="file-explorer"] {
   background-color: var(--cg-card-fg);
   border: 1px solid var(--cg-card-outline-color);
 }
 
-/* Bordes redondeados + separación inferior — no en móvil */
+/* Rounded corners + bottom gap — not on mobile */
 body.cg-card-layout:not(.is-phone) .workspace-split .workspace-leaf-content:not([data-type="file-explorer"]),
 body.cg-card-layout:not(.is-phone).cg-card-filebrowser .workspace-leaf-content[data-type="file-explorer"] {
   border-radius: var(--cg-card-radius);
   margin-bottom: var(--cg-card-padding);
 }
 
-/* Paneles laterales — canvas (fondo detrás de las cards) */
+/* Side panels — canvas (background behind cards) */
 body.cg-card-layout .mod-left-split .workspace-leaf,
 body.cg-card-layout .mod-right-split .workspace-leaf {
   background-color: var(--cg-card-bg);
   margin-bottom: var(--cg-card-padding);
 }
 
-/* Paneles laterales — sobreescribir variables de Obsidian en el scope del sidebar.
- * Obsidian aplica --background-primary en workspace-leaf-content vía sus CSS base.
- * Al redefinirla aquí, el leaf-content hereda el color de card sin necesitar . */
+/* Side panels — override Obsidian variables in the sidebar scope.
+ * Obsidian applies --background-primary to workspace-leaf-content via its base CSS.
+ * Redefining it here lets leaf-content inherit the card color without extra selectors. */
 body.cg-card-layout .workspace-split.mod-left-split .workspace-leaf-content:not([data-type="file-explorer"]),
 body.cg-card-layout .workspace-split.mod-right-split .workspace-leaf-content {
   --background-primary: var(--cg-card-fg);
@@ -799,7 +799,7 @@ body.cg-card-layout .workspace-split.mod-right-split .workspace-leaf-content {
   border-radius: var(--cg-card-radius);
 }
 
-/* Sidebars — forzar fondo card en TODOS los hijos */
+/* Sidebars — force card background on ALL children */
 body.cg-card-layout .workspace-split.mod-right-split .workspace-leaf-content .view-content,
 body.cg-card-layout .workspace-split.mod-right-split .workspace-leaf-content .view-header,
 body.cg-card-layout .workspace-split.mod-right-split .workspace-leaf-content .backlink-pane,
@@ -815,14 +815,14 @@ body.cg-card-layout .workspace-split.mod-left-split .workspace-leaf-content .vie
   border-radius: var(--cg-card-radius) var(--cg-card-radius) 0 0;
 }
 
-/* Stacked tabs — sin radius ni borde (ya hay borde en el stacked tab header) */
+/* Stacked tabs — no radius or border (the stacked tab header already has a border) */
 body.cg-card-layout .workspace-split .mod-stacked .workspace-leaf-content {
   border-radius: 0;
   border: none;
   margin-bottom: 0;
 }
 
-/* Stacked tabs — header con borde card */
+/* Stacked tabs — header with card border */
 body.cg-card-layout .workspace .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
   border-style: solid;
   border-radius: var(--cg-card-radius) 0 0 var(--cg-card-radius);
@@ -848,24 +848,24 @@ body.cg-card-layout .workspace .mod-root .workspace-tabs.mod-stacked .workspace-
   background-color: var(--cg-bg-primary);
 }
 
-/* Horizontal splits */
+/* Horizontal splits — width reset */
 body.cg-card-layout .workspace-split.mod-horizontal > * {
   width: unset;
 }
 
-/* Drop overlay — ajustar al card */
+/* Drop overlay — fit inside card */
 body.cg-card-layout .workspace-drop-overlay:before {
   width: calc(100% - 6px - var(--cg-card-padding) * 2);
   height: calc(100% - 6px - var(--cg-card-padding) * 2);
   margin: auto;
 }
 
-/* Card layout — solo el contenido de cada card tiene fondo más claro (legacy — mantenido para compatibilidad) */
+/* Card layout — only the content area of each card has a lighter background (legacy — kept for compatibility) */
 body.cg-card-layout .workspace-leaf-content {
   overflow: hidden;
 }
 
-/* También el área de texto del editor markdown */
+/* Also the markdown editor text area */
 .workspace-leaf-content[data-type="markdown"] .view-content {
   background-color: var(--cg-bg-secondary);
 }
@@ -877,7 +877,7 @@ body.cg-card-layout .workspace-leaf-content {
   border-radius: 8px;
 }
 
-/* Status bar — oculta por defecto, visible cuando cg-status-bar está activo */
+/* Status bar — hidden by default, visible when cg-status-bar is active */
 .status-bar {
   display: none;
   background-color: color-mix(in srgb, var(--cg-bg-secondary) 80%, black);
@@ -945,7 +945,7 @@ textarea:focus {
   background-color: rgba(var(--cg-primary-rgb), 0.2);
 }
 
-/* Card layout — file browser */
+/* Card layout — file browser pane */
 body.cg-card-filebrowser .nav-files-container {
   padding: 4px;
 }
@@ -956,7 +956,7 @@ body.cg-card-filebrowser .nav-folder-children {
   margin: 2px 0;
 }
 
-/* Card layout — actions panel (ribbon lateral) */
+/* Card layout — actions panel (side ribbon) */
 body.cg-card-layout.cg-card-actions .workspace-ribbon.mod-left {
   margin-right: var(--cg-card-padding);
 }
@@ -974,7 +974,7 @@ body.cg-card-layout.cg-card-actions .side-dock-actions {
   box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(var(--cg-primary-rgb), 0.04);
 }
 
-/* Autohide titlebar — implementación completa (inspirada en AnuPpuccin) */
+/* Autohide titlebar — full implementation (inspired by AnuPpuccin) */
 .cg-autohide-titlebar:not(.is-mobile) {
   --cg-titlebar-delay: 150ms;
   --cg-titlebar-duration: 300ms;
@@ -1020,10 +1020,10 @@ body.cg-card-layout.cg-card-actions .side-dock-actions {
 
 
 /* ============================================================
-   SECCIÓN 7 — Correcciones y Componentes adicionales
+   SECTION 7 — Fixes and Additional Components
    ============================================================ */
 
-/* Panel derecho — backlinks y outgoing links */
+/* Right panel — backlinks and outgoing links */
 .backlink-pane,
 .outgoing-link-pane {
   background-color: var(--cg-bg-primary);
@@ -1046,12 +1046,12 @@ body.cg-card-layout.cg-card-actions .side-dock-actions {
   background-color: rgba(var(--cg-primary-rgb), 0.05);
 }
 
-/* Headers de paneles laterales */
+/* Side panel headers */
 .sidebar-section-header {
   color: var(--cg-primary);
 }
 
-/* Grafo */
+/* Graph */
 .graph-view.color-fill {
   color: var(--cg-primary);
 }
@@ -1080,13 +1080,13 @@ body.cg-card-layout.cg-card-actions .side-dock-actions {
   color: rgba(var(--cg-primary-rgb), 0.3);
 }
 
-/* View header — parte de la card */
+/* View header — part of the card */
 body.cg-card-layout .view-header {
   background-color: var(--cg-bg-secondary);
   border-bottom: 1px solid rgba(var(--cg-primary-rgb), 0.05);
 }
 
-/* Breadcrumb / vista de título */
+/* Breadcrumb / title view */
 .view-header-title {
   color: var(--cg-text-muted);
 }
@@ -1124,7 +1124,7 @@ body.cg-card-layout .view-header {
   color: var(--cg-text);
 }
 
-/* Sugerencias / Autocomplete */
+/* Suggestions / Autocomplete */
 .suggestion-item {
   color: var(--cg-text);
 }
@@ -1170,23 +1170,23 @@ body.cg-card-layout .view-header {
   border-radius: 3px;
 }
 
-/* Bold y italic — colores base */
+/* Bold and italic — base colors */
 strong, .cm-strong { color: var(--cg-text); }
 em, .cm-em { color: var(--cg-text); }
 
-/* Bold en color primario */
+/* Bold in primary color */
 .cg-colored-bold strong,
 .cg-colored-bold .cm-strong {
   color: var(--cg-primary);
 }
 
-/* Italic en color activo */
+/* Italic in active color */
 .cg-colored-italic em,
 .cg-colored-italic .cm-em {
   color: var(--cg-active);
 }
 
-/* Headings con gradiente neon */
+/* Headings with neon gradient */
 .cg-colored-headings .markdown-rendered h1,
 .cg-colored-headings .cm-header-1 { color: #00FFFF; }
 .cg-colored-headings .markdown-rendered h2,
@@ -1200,7 +1200,7 @@ em, .cm-em { color: var(--cg-text); }
 .cg-colored-headings .markdown-rendered h6,
 .cg-colored-headings .cm-header-6 { color: #FF00FF; }
 
-/* Frontmatter / Properties */
+/* Frontmatter / Note Properties */
 .metadata-container {
   background-color: var(--cg-bg-secondary);
   border: 1px solid rgba(var(--cg-primary-rgb), 0.05);
@@ -1214,10 +1214,10 @@ em, .cm-em { color: var(--cg-text); }
 }
 
 /* -----------------------------------------------
- *  Embeds y File References
+ *  Embeds and File References
  * ----------------------------------------------- */
 
-/* Archivos embebidos / referencias a archivos */
+/* Embedded files / file references */
 .internal-embed,
 .file-embed {
   background-color: var(--cg-bg-tertiary);
@@ -1235,7 +1235,7 @@ em, .cm-em { color: var(--cg-text); }
   color: var(--cg-secondary);
 }
 
-/* Icono del archivo embebido */
+/* Embedded file icon */
 .file-embed-icon svg {
   color: var(--cg-primary);
   stroke: var(--cg-primary);
@@ -1253,7 +1253,7 @@ em, .cm-em { color: var(--cg-text); }
 }
 
 /* -----------------------------------------------
- *  Callouts — colores semánticos (inglés y español)
+ *  Callouts — semantic colors (English and Spanish aliases)
  * ----------------------------------------------- */
 
 .callout {
@@ -1308,7 +1308,7 @@ em, .cm-em { color: var(--cg-text); }
 .callout[data-callout="resumen"] { --callout-color: 0, 177, 255; }
 
 /* -----------------------------------------------
- *  Inline Title
+ *  Inline Title (note filename as heading)
  * ----------------------------------------------- */
 
 .inline-title {
@@ -1316,7 +1316,7 @@ em, .cm-em { color: var(--cg-text); }
 }
 
 /* -----------------------------------------------
- *  Sidebar mejorada
+ *  Enhanced Sidebar
  * ----------------------------------------------- */
 
 /* Vault title */
@@ -1324,7 +1324,7 @@ em, .cm-em { color: var(--cg-text); }
   border-bottom: 1px solid rgba(var(--cg-primary-rgb), 0.05);
 }
 
-/* Folder titles */
+/* Folder titles in nav */
 .nav-folder-title {
   color: var(--cg-text-muted);
 }
@@ -1338,7 +1338,7 @@ em, .cm-em { color: var(--cg-text); }
   color: var(--cg-text-faint);
 }
 
-/* File titles (no activos) */
+/* File titles (inactive) */
 .nav-file-title {
   color: var(--cg-text-muted);
 }
@@ -1349,19 +1349,19 @@ em, .cm-em { color: var(--cg-text); }
 }
 
 /* -----------------------------------------------
- *  Número de línea en bloques de código
+ *  Line numbers in code blocks
  * ----------------------------------------------- */
 
-/* Line numbers del code-styler */
+/* Line numbers for code-styler plugin */
 .code-styler-line-number {
   color: var(--cg-text-faint);
 }
 
 /* -----------------------------------------------
- *  Mejoras de listas de tareas
+ *  Task list improvements
  * ----------------------------------------------- */
 
-/* Checkboxes en listas de tareas */
+/* Checkboxes in task lists */
 .task-list-item-checkbox:checked {
   background-color: var(--cg-primary);
   border-color: var(--cg-primary);
@@ -1371,14 +1371,14 @@ em, .cm-em { color: var(--cg-text); }
   border-color: var(--cg-text-faint);
 }
 
-/* Texto tachado en tareas completadas */
+/* Strikethrough text for completed tasks */
 .task-list-item[data-task="x"] .task-list-item-checkbox ~ * {
   text-decoration: line-through;
   color: var(--cg-text-faint);
 }
 
 /* -----------------------------------------------
- *  Progress bars y sliders
+ *  Progress bars and sliders
  * ----------------------------------------------- */
 
 input[type="range"] {
@@ -1386,7 +1386,7 @@ input[type="range"] {
 }
 
 /* -----------------------------------------------
- *  Notices / Notificaciones
+ *  Notices / Notifications
  * ----------------------------------------------- */
 
 .notice {
@@ -1396,43 +1396,43 @@ input[type="range"] {
 }
 
 /* -----------------------------------------------
- *  Tab header mejorado
+ *  Enhanced tab header
  * ----------------------------------------------- */
 
-/* Barra de tabs — fondo */
+/* Tab bar — background */
 .workspace-tab-header-container {
   background-color: var(--cg-bg-primary);
 }
 
-/* Icono del tab */
+/* Tab icon */
 .workspace-tab-header-inner-icon svg {
   color: var(--cg-primary);
   stroke: var(--cg-primary);
 }
 
-/* Close button del tab */
+/* Tab close button */
 .workspace-tab-header-inner-close-button:hover svg {
   color: var(--cg-secondary);
   stroke: var(--cg-secondary);
 }
 
 /* -----------------------------------------------
- *  Mejoras del explorador de archivos
+ *  File explorer improvements
  * ----------------------------------------------- */
 
-/* Contador de archivos en carpetas */
+/* File count badge on folders */
 .nav-folder-title .nav-folder-title-content .nav-file-tag {
   color: var(--cg-text-faint);
   background-color: rgba(var(--cg-primary-rgb), 0.05);
 }
 
-/* Indicador de vault en la parte inferior */
+/* Vault indicator at the bottom */
 .nav-header-title {
   color: var(--cg-primary);
 }
 
 /* ============================================================
-   SECCIÓN 8A — Tab Styles: Floating & Minimal
+   SECTION 8A — Tab Styles: Floating & Minimal
    ============================================================ */
 
 /* --- Custom tab height variable --- */
@@ -1588,10 +1588,10 @@ body.cg-tab-minimal .workspace-split:not(.mod-left-split):not(.mod-right-split)
 }
 
 /* ============================================================
-   SECCIÓN 8 — Eliminación de bordes (fuera del card layout)
+   SECTION 8 — Border Removal (outside card layout)
    ============================================================ */
 
-/* Eliminar bordes laterales del contenido — solo cuando NO hay card layout activo */
+/* Remove side content borders — only when card layout is NOT active */
 body:not(.cg-card-layout) .workspace-leaf-content {
   border: none;
 }
@@ -1617,7 +1617,7 @@ body:not(.cg-card-layout) .workspace-split.mod-root .workspace-leaf {
   border: none;
 }
 
-/* Quitar focus ring que puede parecer una barra */
+/* Remove focus ring that can look like a border bar */
 body:not(.cg-card-layout) .workspace-leaf.mod-active .workspace-leaf-content {
   border: none;
   box-shadow: none;
@@ -1634,10 +1634,10 @@ body:not(.cg-card-layout) .workspace-leaf.mod-active .workspace-leaf-content {
 }
 
 /* ============================================================
-   SECCIÓN 9 — Card Layout: Tab header refinements
+   SECTION 9 — Card Layout: Tab header refinements
    ============================================================ */
 
-/* Tab header container en card layout — padding y alineación */
+/* Tab header container in card layout — padding and alignment */
 body.cg-card-layout .mod-vertical .workspace-tabs .workspace-tab-header-container {
   padding-left: 8px;
 }
@@ -1646,7 +1646,7 @@ body.cg-card-layout .mod-vertical .workspace-tabs .workspace-tab-header-containe
   z-index: 1;
 }
 
-/* Sidebar tabs activos — fondo highlighted */
+/* Active sidebar tabs — highlighted background */
 body.cg-card-layout .mod-left-split .workspace-tab-header.is-active,
 body.cg-card-layout .mod-right-split .workspace-tab-header.is-active,
 body.cg-card-layout .mod-left-split .workspace-tab-header.has-active-menu,
@@ -1655,7 +1655,7 @@ body.cg-card-layout .mod-right-split .workspace-tab-header.has-active-menu {
   border-radius: 6px;
 }
 
-/* New tab button — empujar a la derecha */
+/* New tab button — push to the right */
 body:not(.cg-card-layout) .workspace-split.mod-vertical .workspace-tab-header-spacer {
   display: none;
 }
@@ -1664,7 +1664,7 @@ body:not(.cg-card-layout) .workspace-split.mod-vertical .workspace-tab-header-ne
 }
 
 /* ============================================================
-   SECCIÓN 10 — Card Layout: Vault profile en sidebar
+   SECTION 10 — Card Layout: Vault profile in sidebar
    ============================================================ */
 
 body.cg-card-layout .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
@@ -1675,14 +1675,14 @@ body.cg-card-layout .workspace-split.mod-left-split .workspace-sidedock-vault-pr
 }
 
 /* ============================================================
-   SECCIÓN 11 — Card Layout: Graph controls en splits laterales
+   SECTION 11 — Card Layout: Graph controls in side splits
    ============================================================ */
 
 body.cg-card-layout .workspace-split:not(.mod-root) .graph-controls {
   background-color: var(--cg-bg-secondary);
 }
 
-/* Style Settings — contenido de sub-headings como card */
+/* Style Settings — sub-heading content displayed as card */
 .style-settings-heading[data-level="2"] {
   margin-bottom: 4px;
 }