diff --git a/_share/media/fonts b/_share/media/fonts
new file mode 120000
index 0000000..6f076aa
--- /dev/null
+++ b/_share/media/fonts
@@ -0,0 +1 @@
+/Users/ronny/notes/_share/media/fonts
\ No newline at end of file
diff --git a/_share/media/js/collapsible.js b/_share/media/js/collapsible.js
new file mode 120000
index 0000000..c7c8b09
--- /dev/null
+++ b/_share/media/js/collapsible.js
@@ -0,0 +1 @@
+/Users/ronny/notes/_share/media/js/collapsible.js
\ No newline at end of file
diff --git a/_share/media/sass/_fonts.sass b/_share/media/sass/_fonts.sass
new file mode 120000
index 0000000..1f0bc5e
--- /dev/null
+++ b/_share/media/sass/_fonts.sass
@@ -0,0 +1 @@
+/Users/ronny/notes/_share/media/sass/_fonts.sass
\ No newline at end of file
diff --git a/_share/media/sass/_mixins.sass b/_share/media/sass/_mixins.sass
new file mode 120000
index 0000000..a37f859
--- /dev/null
+++ b/_share/media/sass/_mixins.sass
@@ -0,0 +1 @@
+/Users/ronny/notes/_share/media/sass/_mixins.sass
\ No newline at end of file
diff --git a/_share/media/sass/business.sass b/_share/media/sass/business.sass
new file mode 100644
index 0000000..c896be5
--- /dev/null
+++ b/_share/media/sass/business.sass
@@ -0,0 +1,87 @@
+@use "sass:map"
+@use "sass:color"
+
+@use 'default-org-mode'
+
+@use 'themes/_midnight-ledger' as *
+@use 'fonts' as fonts
+@use 'mixins' as mixins-basic
+
+@include mixins-basic.set-header-sizes($default-header-sizes)
+@include mixins-basic.set-header-colors($default-header-colors)
+@include mixins-basic.set-header-margins-sides($default-header-margins-sides)
+@include mixins-basic.set-header-margins-vertical($default-header-margins-vertical)
+
+
+/* Base Styles */
+body
+ font-family: $primary-font
+ color: $text-color
+ background-color: $background-color
+
+/* Link Styles */
+a
+ color: $anchor-color
+
+ &:hover
+ color: $anchor-hover-color
+
+// Lists
+ul, ol
+ padding-left: $list-padding-left
+
+// Blockquotes
+blockquote
+ border-color: $secondary-color
+ color: color.adjust($text-color, $lightness: 10%)
+ font-family: $secondary-font
+
+// Tables
+table
+ color: $text-color
+
+th, td
+ border-color: $table-border-color
+
+th
+ background-color: $table-header-bg
+ color: $text-color
+
+tr:nth-child(even)
+ background-color: color.adjust($background-color, $lightness: 5%)
+
+/* Code Block Styles */
+pre, code
+ background-color: $code-background-color
+ color: $code-text-color
+
+ font-family: $secondary-font
+
+/* Header Styles */
+h1, h2, h3, h4, h5, h6
+ font-family: $secondary-font
+
+h3
+ a
+ color: color.adjust($anchor-color, $lightness: -12%)
+ &:hover
+ color: color.adjust($anchor-hover-color, $lightness: -12%)
+
+// Notes
+.note
+ background-color: $note-background-color
+ border-color: $note-border-color
+ color: $text-color
+
+div#postamble
+ border-color: $note-border-color
+ color: color.adjust($note-border-color, $lightness: 20%)
+
+/* Table of Contents Link */
+.toc
+ color: $primary-color
+
+div#table-of-contents ul li a
+ color: $toc-anchor-color
+ &:hover
+ color: $toc-anchor-hover-color
diff --git a/_share/media/sass/collapsible.sass b/_share/media/sass/collapsible.sass
new file mode 120000
index 0000000..ee40e7b
--- /dev/null
+++ b/_share/media/sass/collapsible.sass
@@ -0,0 +1 @@
+/Users/ronny/notes/_share/media/sass/collapsible.sass
\ No newline at end of file
diff --git a/_share/media/sass/content-overview.sass b/_share/media/sass/content-overview.sass
new file mode 120000
index 0000000..c3fdb93
--- /dev/null
+++ b/_share/media/sass/content-overview.sass
@@ -0,0 +1 @@
+/Users/ronny/notes/_share/media/sass/content-overview.sass
\ No newline at end of file
diff --git a/_share/media/sass/default-org-mode.sass b/_share/media/sass/default-org-mode.sass
new file mode 120000
index 0000000..aa84fc8
--- /dev/null
+++ b/_share/media/sass/default-org-mode.sass
@@ -0,0 +1 @@
+/Users/ronny/notes/_share/media/sass/default-org-mode.sass
\ No newline at end of file
diff --git a/_share/media/sass/font-library b/_share/media/sass/font-library
new file mode 120000
index 0000000..bc08e68
--- /dev/null
+++ b/_share/media/sass/font-library
@@ -0,0 +1 @@
+/Users/ronny/notes/_share/media/sass/font-library
\ No newline at end of file
diff --git a/_share/media/sass/themes/_midnight-ledger.sass b/_share/media/sass/themes/_midnight-ledger.sass
new file mode 100644
index 0000000..c3566b9
--- /dev/null
+++ b/_share/media/sass/themes/_midnight-ledger.sass
@@ -0,0 +1,75 @@
+// _midnight-ledger.sass
+@use "sass:map"
+@use "sass:color"
+@use '../fonts' as fonts
+
+$list-padding-left: 1.3em
+
+// Color Variables
+
+// Colors
+$primary-color: #5294e2 // Soft blue for links
+$secondary-color: #87cba4 // Muted teal-green for secondary elements
+$tertiary-color: #e2a47e // Warm coral for tertiary elements
+$quaternary-color: #c3c9e8 // Light lavender-gray for highlights
+$quinary-color: #fcdba9 // Soft peach for accents
+
+$code-background-color: #2a2e37 // Dark slate for code blocks
+$code-text-color: #f0f4f8 // Pale blue-gray for code text
+
+$note-background-color: #333842 // Dark gray-blue for note background
+$note-border-color: $quinary-color // Peach accent for note borders
+
+// Text and Background
+$text-color: #d1d5db // Light gray for text
+$background-color: #1a1c22 // Deep charcoal background for reduced eye strain
+
+// Links, Anchors
+$anchor-color: color.adjust($primary-color, $lightness: 10%)
+$anchor-hover-color: color.adjust($primary-color, $lightness: -10%)
+$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
+$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
+
+// Tables
+$table-header-bg: #3b414d // Dark gray for table headers
+$table-border-color: #505866 // Subtle muted blue-gray for borders
+
+// Header Sizes and Colors
+$default-header-sizes: ()
+$default-header-sizes: map.set($default-header-sizes, h1, 2.4em)
+$default-header-sizes: map.set($default-header-sizes, h2, 2em)
+$default-header-sizes: map.set($default-header-sizes, h3, 1.8em)
+$default-header-sizes: map.set($default-header-sizes, h4, 1.5em)
+$default-header-sizes: map.set($default-header-sizes, h5, 1.3em)
+$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
+
+$default-header-colors: ()
+$default-header-colors: map.set($default-header-colors, h1, $primary-color)
+$default-header-colors: map.set($default-header-colors, h2, $secondary-color)
+$default-header-colors: map.set($default-header-colors, h3, $tertiary-color)
+$default-header-colors: map.set($default-header-colors, h4, $quaternary-color)
+
+// Initialize empty maps for margins
+$default-header-margins-sides: ()
+$default-header-margins-vertical: ()
+
+// Dynamically populate sides map
+$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
+
+// Dynamically populate vertical map
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 1em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 1em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h5, (top: 1em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 1em, bottom: 0.5em))
+
+// Fonts
+$primary-font: 'Roboto Slab', serif // Modern serif for professional content
+$secondary-font: 'Source Sans Pro', sans-serif // Clean sans-serif for secondary content
+
diff --git a/_share/media/sass/themes/_nocturne-ledger.sass b/_share/media/sass/themes/_nocturne-ledger.sass
new file mode 100644
index 0000000..8c389bb
--- /dev/null
+++ b/_share/media/sass/themes/_nocturne-ledger.sass
@@ -0,0 +1,73 @@
+// _nocturne-ledger.sass
+@use "sass:map"
+@use "sass:color"
+@use '../fonts' as fonts
+
+$list-padding-left: 1.5em
+
+// Color Variables
+
+// Colors
+$primary-color: #3e536d // Deep slate blue for links
+$secondary-color: #586e75 // Muted teal for secondary elements
+$tertiary-color: #d19a66 // Golden brown for tertiary elements
+$quaternary-color: #6c757d // Subdued gray for highlights
+$quinary-color: #a44b6a // Rich burgundy for accents
+
+$code-background-color: #1e1f24 // Very dark gray for code blocks
+$code-text-color: #c6d0d1 // Soft grayish-cyan for code text
+
+$note-background-color: #2a2d35 // Charcoal gray for note background
+$note-border-color: $quinary-color // Matches the burgundy accent
+
+// Text
+$text-color: #d4d7dd // Light gray for text
+$background-color: #131519 // Dark navy background for visual comfort
+
+// Links, Anchors
+$anchor-color: color.adjust($primary-color, $lightness: 15%)
+$anchor-hover-color: color.adjust($primary-color, $lightness: -10%)
+$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
+$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
+
+// Tables
+$table-header-bg: #2d3a40 // Muted teal-gray for table headers
+$table-border-color: #3c444b // Soft dark gray for borders
+
+$default-header-sizes: ()
+$default-header-sizes: map.set($default-header-sizes, h1, 2.5em)
+$default-header-sizes: map.set($default-header-sizes, h2, 2em)
+$default-header-sizes: map.set($default-header-sizes, h3, 1.8em)
+$default-header-sizes: map.set($default-header-sizes, h4, 1.4em)
+$default-header-sizes: map.set($default-header-sizes, h5, 1.2em)
+$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
+
+$default-header-colors: ()
+$default-header-colors: map.set($default-header-colors, h1, $primary-color)
+$default-header-colors: map.set($default-header-colors, h2, $secondary-color)
+$default-header-colors: map.set($default-header-colors, h3, $tertiary-color)
+$default-header-colors: map.set($default-header-colors, h4, $quaternary-color)
+
+// Initialize empty maps
+$default-header-margins-sides: ()
+$default-header-margins-vertical: ()
+
+// Dynamically populate sides map
+$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
+
+// Dynamically populate vertical map
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 0em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 0em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h5, (top: 1em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 1em, bottom: 0.5em))
+
+// Fonts
+$primary-font: 'Source Sans Pro', sans-serif // Professional sans-serif for content
+$secondary-font: 'Roboto Slab', serif // Elegant serif for headers
diff --git a/_share/media/sass/themes/_sophisticated-sandstone.sass b/_share/media/sass/themes/_sophisticated-sandstone.sass
new file mode 100644
index 0000000..c4c6940
--- /dev/null
+++ b/_share/media/sass/themes/_sophisticated-sandstone.sass
@@ -0,0 +1,75 @@
+// _sophisticated-sandstone.sass
+@use "sass:map"
+@use "sass:color"
+@use '../fonts' as fonts
+
+$list-padding-left: 1.3em
+
+// Color Variables
+
+// Colors
+$primary-color: #8c6239 // Warm brown for links
+$secondary-color: #c69c6d // Soft tan for secondary elements
+$tertiary-color: #7b8a4f // Olive green for tertiary elements
+$quaternary-color: #b4b7b4 // Muted gray for highlights
+$quinary-color: #d67474 // Subtle coral for accents
+
+$code-background-color: #f8f0e5 // Soft warm beige for code blocks
+$code-text-color: #5a5a5a // Gentle dark gray for code text
+
+$note-background-color: #f2e6d9 // Light sandy beige for note background
+$note-border-color: $quinary-color // Coral accent for note borders
+
+// Text and Background
+$text-color: #4a4a4a // Dark gray for text
+$background-color: #fcf8f2 // Warm ivory background for visual comfort
+
+// Links, Anchors
+$anchor-color: color.adjust($primary-color, $lightness: 10%)
+$anchor-hover-color: color.adjust($primary-color, $lightness: -10%)
+$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
+$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
+
+// Tables
+$table-header-bg: #e6d7c6 // Light warm tan for table headers
+$table-border-color: #c7b39b // Soft neutral brown-gray for borders
+
+// Header Sizes and Colors
+$default-header-sizes: ()
+$default-header-sizes: map.set($default-header-sizes, h1, 2.4em)
+$default-header-sizes: map.set($default-header-sizes, h2, 2em)
+$default-header-sizes: map.set($default-header-sizes, h3, 1.8em)
+$default-header-sizes: map.set($default-header-sizes, h4, 1.5em)
+$default-header-sizes: map.set($default-header-sizes, h5, 1.3em)
+$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
+
+$default-header-colors: ()
+$default-header-colors: map.set($default-header-colors, h1, $primary-color)
+$default-header-colors: map.set($default-header-colors, h2, $secondary-color)
+$default-header-colors: map.set($default-header-colors, h3, $tertiary-color)
+$default-header-colors: map.set($default-header-colors, h4, $quaternary-color)
+
+// Initialize empty maps for margins
+$default-header-margins-sides: ()
+$default-header-margins-vertical: ()
+
+// Dynamically populate sides map
+$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
+
+// Dynamically populate vertical map
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 1em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 1em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h5, (top: 1em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 1em, bottom: 0.5em))
+
+// Fonts
+$primary-font: 'Lora', serif // Classic serif for elegance
+$secondary-font: 'Source Sans Pro', sans-serif // Clean sans-serif for readability
+
diff --git a/_share/media/sass/themes/golden-ledger.sass b/_share/media/sass/themes/golden-ledger.sass
new file mode 100644
index 0000000..724faad
--- /dev/null
+++ b/_share/media/sass/themes/golden-ledger.sass
@@ -0,0 +1,76 @@
+// _variables.sass
+
+@use "sass:map"
+@use "sass:color"
+@use '../fonts' as fonts
+
+$list-padding-left: 1.2em
+
+// Color Variables
+
+// Colors
+
+$primary-color: #0056b3 // Rich navy blue for links
+$secondary-color: #f5b800 // Golden yellow for secondary elements
+$tertiary-color: #198754 // Professional green for tertiary elements
+$quaternary-color: #6c757d // Muted gray for highlights
+$quinary-color: #d63384 // Refined pinkish-red for subtle accents
+
+$code-background-color: #2d2f33 // Softer dark gray-blue for code blocks
+$code-text-color: #e8e9eb // Light gray for code text
+
+$note-background-color: #f4f4f6 // Light grayish-neutral for note background
+$note-border-color: $quinary-color // Matches the refined pinkish-red accent
+
+// Text
+$text-color: #2b2c2f // Dark gray with a slight warmth for text
+$background-color: #f5f5f7 // Soft light gray for background, reducing eye strain
+
+// Links, Anchors
+$anchor-color: color.adjust($primary-color, $lightness: 15%)
+$anchor-hover-color: color.adjust($primary-color, $lightness: -10%)
+$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
+$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
+
+// Tables
+$table-header-bg: #e0e0e5 // Light neutral gray for table headers
+$table-border-color: #b5b5b8 // Subtle gray for borders
+
+$default-header-sizes: ()
+$default-header-sizes: map.set($default-header-sizes, h1, 2.5em)
+$default-header-sizes: map.set($default-header-sizes, h2, 2em)
+$default-header-sizes: map.set($default-header-sizes, h3, 1.8em)
+$default-header-sizes: map.set($default-header-sizes, h4, 1.4em)
+$default-header-sizes: map.set($default-header-sizes, h5, 1.2em)
+$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
+
+$default-header-colors: ()
+$default-header-colors: map.set($default-header-colors, h1, $primary-color)
+$default-header-colors: map.set($default-header-colors, h2, $secondary-color)
+$default-header-colors: map.set($default-header-colors, h3, $tertiary-color)
+$default-header-colors: map.set($default-header-colors, h4, $quaternary-color)
+
+// Initialize empty maps
+$default-header-margins-sides: ()
+$default-header-margins-vertical: ()
+
+// Dynamically populate sides map
+$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
+
+// Dynamically populate vertical map
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 0em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 0em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h5, (top: 1em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 1em, bottom: 0.5em))
+
+// Fonts
+$primary-font: 'Roboto Slab', serif // Professional serif font for primary content
+$secondary-font: 'Open Sans', sans-serif // Clean sans-serif for secondary content
+
diff --git a/_share/media/sass/themes/sienna-elegance.sass b/_share/media/sass/themes/sienna-elegance.sass
new file mode 100644
index 0000000..029e0b1
--- /dev/null
+++ b/_share/media/sass/themes/sienna-elegance.sass
@@ -0,0 +1,76 @@
+// _variables.sass
+
+@use "sass:map"
+@use "sass:color"
+@use '../fonts' as fonts
+
+$list-padding-left: 1.2em
+
+// Color Variables
+
+// Colors
+
+$primary-color: #8c6239 // Warm brown for links
+$secondary-color: #c69c6d // Light tan for secondary elements
+$tertiary-color: #7b8a4f // Olive green for tertiary elements
+$quaternary-color: #b4b7b4 // Muted gray for highlights
+$quinary-color: #d67474 // Subtle coral for accents
+
+$code-background-color: #fdf6e3 // Warm beige for code blocks
+$code-text-color: #657b83 // Muted teal-gray for code text
+
+$note-background-color: #f6eee0 // Soft beige for note background
+$note-border-color: $quinary-color // Matches the coral accent
+
+// Text
+$text-color: #4d4d4d // Rich dark gray for text
+$background-color: #fdfaf6 // Warm light beige for background
+
+// Links, Anchors
+$anchor-color: color.adjust($primary-color, $lightness: 10%)
+$anchor-hover-color: color.adjust($primary-color, $lightness: -10%)
+$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
+$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
+
+// Tables
+$table-header-bg: #ede0d1 // Light warm tan for table headers
+$table-border-color: #cabfa5 // Soft brown-gray for borders
+
+$default-header-sizes: ()
+$default-header-sizes: map.set($default-header-sizes, h1, 2.5em)
+$default-header-sizes: map.set($default-header-sizes, h2, 2em)
+$default-header-sizes: map.set($default-header-sizes, h3, 1.8em)
+$default-header-sizes: map.set($default-header-sizes, h4, 1.4em)
+$default-header-sizes: map.set($default-header-sizes, h5, 1.2em)
+$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
+
+$default-header-colors: ()
+$default-header-colors: map.set($default-header-colors, h1, $primary-color)
+$default-header-colors: map.set($default-header-colors, h2, $secondary-color)
+$default-header-colors: map.set($default-header-colors, h3, $tertiary-color)
+$default-header-colors: map.set($default-header-colors, h4, $quaternary-color)
+
+// Initialize empty maps
+$default-header-margins-sides: ()
+$default-header-margins-vertical: ()
+
+// Dynamically populate sides map
+$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
+$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
+
+// Dynamically populate vertical map
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 0em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 0em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h5, (top: 1em, bottom: 0.5em))
+$default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 1em, bottom: 0.5em))
+
+// Fonts
+$primary-font: 'Source Serif Pro', serif // Elegant serif for primary content
+$secondary-font: 'Noto Sans', sans-serif // Clean sans-serif for secondary content
+
diff --git a/_subsections/marketing-knowledge/brand.org b/_subsections/marketing-knowledge/brand.org
index d183753..ef6696b 100644
--- a/_subsections/marketing-knowledge/brand.org
+++ b/_subsections/marketing-knowledge/brand.org
@@ -1,13 +1,9 @@
-#+HTML_HEAD:
-#+HTML_HEAD:
-#+HTML_HEAD:
-#+HTML_HEAD:
#+title: marketing knowledge: brand marketing
-
-
-[[../../marketing-knowledge.org][
* Links
+#+attr_html: :class links
+- [[../../marketing-knowledge.org][TOC | Marketing Knowledge]]
- [[https://youtu.be/QIQYzi7IPGk?si=RPJ9rDZyY8O9Rcat&t=2701][45:00 Brand Marketing]]
* Notes
diff --git a/_subsections/marketing-knowledge/community.org b/_subsections/marketing-knowledge/community.org
index 52e0ef5..c7b8508 100644
--- a/_subsections/marketing-knowledge/community.org
+++ b/_subsections/marketing-knowledge/community.org
@@ -1,11 +1,9 @@
-#+HTML_HEAD:
-#+HTML_HEAD:
-#+HTML_HEAD:
-#+HTML_HEAD:
#+title: marketing knowledge: community
+#+HTML_HEAD:
-
-[[../../marketing-knowledge.org][
-#+HTML_HEAD:
-#+HTML_HEAD:
-#+HTML_HEAD:
#+title: marketing knowledge: data marketing
-
-
-[[../../marketing-knowledge.org][
* Links
+#+attr_html: :class links
+- [[../../marketing-knowledge.org][TOC | Marketing Knowledge]]
- [[https://youtu.be/QIQYzi7IPGk?si=acmLYs_MLxzE-Gf5&t=1937][32:15 Data Marketing]]
- [[./data_paid ads checklist.org]]
diff --git a/_subsections/marketing-knowledge/hustle.org b/_subsections/marketing-knowledge/hustle.org
index f19692c..9c6ba59 100644
--- a/_subsections/marketing-knowledge/hustle.org
+++ b/_subsections/marketing-knowledge/hustle.org
@@ -1,11 +1,9 @@
-#+HTML_HEAD:
-#+HTML_HEAD:
-#+HTML_HEAD:
-#+HTML_HEAD:
#+title: marketing knowledge: hustle
+#+HTML_HEAD:
-
-[[../../marketing-knowledge.org][
-#+HTML_HEAD:
-#+HTML_HEAD:
-#+HTML_HEAD:
#+title: marketing knowledge: intro
+#+HTML_HEAD:
-
-[[../../marketing-knowledge.org][
-#+HTML_HEAD:
-#+HTML_HEAD:
-#+HTML_HEAD:
#+title: marketing knowledge: pr marketing
-
-
-[[../../marketing-knowledge.org][
* Links
+#+attr_html: :class links
+- [[../../marketing-knowledge.org][TOC | Marketing Knowledge]]
- [[https://youtu.be/QIQYzi7IPGk?si=qQjo0XqWwSf8r0tt&t=2279][37:58 PR Marketing]]
* Notes
diff --git a/_subsections/marketing-knowledge/profitable.org b/_subsections/marketing-knowledge/profitable.org
index eab50f7..17a4cd8 100644
--- a/_subsections/marketing-knowledge/profitable.org
+++ b/_subsections/marketing-knowledge/profitable.org
@@ -1,13 +1,9 @@
-#+HTML_HEAD:
-#+HTML_HEAD:
-#+HTML_HEAD:
-#+HTML_HEAD:
#+title: marketing knowledge: profitable marketing
-
-
-[[../../marketing-knowledge.org][
* Links
+#+attr_html: :class links
+- [[../../marketing-knowledge.org][TOC | Marketing Knowledge]]
- [[https://youtu.be/QIQYzi7IPGk?si=iHghg-kvqH1rZemS&t=1032][17:12 Profitable Marketing]]
* Notes
diff --git a/_subsections/marketing-knowledge/social.org b/_subsections/marketing-knowledge/social.org
index 4704e4e..efa5a2a 100644
--- a/_subsections/marketing-knowledge/social.org
+++ b/_subsections/marketing-knowledge/social.org
@@ -1,13 +1,9 @@
-#+HTML_HEAD:
-#+HTML_HEAD:
-#+HTML_HEAD:
-#+HTML_HEAD:
#+title: marketing knowledge: social marketing
-
-
-[[../../marketing-knowledge.org][
* Links
+#+attr_html: :class links
+- [[../../marketing-knowledge.org][TOC | Marketing Knowledge]]
- [[https://youtu.be/QIQYzi7IPGk?si=zd0AGcjKoAlInyGV&t=720][12:00 Social marketing]]
* Notes
diff --git a/marketing-knowledge.org b/marketing-knowledge.org
index d073b7f..d3e2507 100644
--- a/marketing-knowledge.org
+++ b/marketing-knowledge.org
@@ -1,34 +1,36 @@
-#+HTML_HEAD:
-#+HTML_HEAD:
-#+HTML_HEAD:
-#+HTML_HEAD:
+#+HTML_HEAD:
+#+HTML_HEAD:
+#+HTML_HEAD:
+#+HTML_HEAD:
#+title: 30 Years of Marketing Knowledge in 53 Minutes
* Links
-- [[../../course-listings.org][Course Listing]]
+- [[../../course-completed.org][Courses Completed]]
- [[https://youtu.be/QIQYzi7IPGk?si=BK4tOS2EBDumkHtZ&t=1][30 Years of Marketing Research]]
-* Notes
-1. [[./_subsections/marketing-knowledge/intro.org][intro]]
-2. [[./_subsections/marketing-knowledge/hustle.org][Hustle Marketing]]
-3. [[./_subsections/marketing-knowledge/community.org][Community Marketing]]
-4. [[./_subsections/marketing-knowledge/social.org][Social Marketing]]
-5. [[./_subsections/marketing-knowledge/profitable.org][Profitable Marketing]]
-6. [[./_subsections/marketing-knowledge/partner.org][Partner Marketing]]
-7. [[./_subsections/marketing-knowledge/data.org][Data Marketing]]
-8. [[./_subsections/marketing-knowledge/pr.org][PR Marketing]]
-9. [[./_subsections/marketing-knowledge/brand.org][Brand Marketing]]
+* Contents Overview
+#+attr_html: :class contents-overview
+- [[./_subsections/marketing-knowledge/intro.org][intro]]
+- [[./_subsections/marketing-knowledge/hustle.org][Hustle Marketing]]
+- [[./_subsections/marketing-knowledge/community.org][Community Marketing]]
+- [[./_subsections/marketing-knowledge/social.org][Social Marketing]]
+- [[./_subsections/marketing-knowledge/profitable.org][Profitable Marketing]]
+- [[./_subsections/marketing-knowledge/partner.org][Partner Marketing]]
+- [[./_subsections/marketing-knowledge/data.org][Data Marketing]]
+- [[./_subsections/marketing-knowledge/pr.org][PR Marketing]]
+- [[./_subsections/marketing-knowledge/brand.org][Brand Marketing]]
-* Contents
-#+attr_html: :class contents
- - [[https://youtu.be/QIQYzi7IPGk?si=BK4tOS2EBDumkHtZ&t=1][intro]]
- - [[https://youtu.be/QIQYzi7IPGk?si=E-j1eo3pAqvCQJbn&t=112][01:50 Hustle Marketing]]
- - [[https://youtu.be/QIQYzi7IPGk?si=mI6BeGIH_CMz2Cx9&t=371][06:11 Community marketing]]
- - [[https://youtu.be/QIQYzi7IPGk?si=zd0AGcjKoAlInyGV&t=720][12:00 Social marketing]]
- - [[https://youtu.be/QIQYzi7IPGk?si=iHghg-kvqH1rZemS&t=1032][17:12 Profitable Marketing]]
- - [[https://youtu.be/QIQYzi7IPGk?si=ro_r9JrriqdGJs2M&t=1456][24:14 Partner Marketing]]
- - [[https://youtu.be/QIQYzi7IPGk?si=acmLYs_MLxzE-Gf5&t=1937][32:15 Data Marketing]]
- - [[https://youtu.be/QIQYzi7IPGk?si=qQjo0XqWwSf8r0tt&t=2279][37:58 PR Marketing]]
- - [[https://youtu.be/QIQYzi7IPGk?si=RPJ9rDZyY8O9Rcat&t=2701][45:00 Brand Marketing]] *current*
+*** Playlist
+
+#+attr_html: :class playlist
+- [[https://youtu.be/QIQYzi7IPGk?si=BK4tOS2EBDumkHtZ&t=1][intro]]
+- [[https://youtu.be/QIQYzi7IPGk?si=E-j1eo3pAqvCQJbn&t=112][01:50 Hustle Marketing]]
+- [[https://youtu.be/QIQYzi7IPGk?si=mI6BeGIH_CMz2Cx9&t=371][06:11 Community marketing]]
+- [[https://youtu.be/QIQYzi7IPGk?si=zd0AGcjKoAlInyGV&t=720][12:00 Social marketing]]
+- [[https://youtu.be/QIQYzi7IPGk?si=iHghg-kvqH1rZemS&t=1032][17:12 Profitable Marketing]]
+- [[https://youtu.be/QIQYzi7IPGk?si=ro_r9JrriqdGJs2M&t=1456][24:14 Partner Marketing]]
+- [[https://youtu.be/QIQYzi7IPGk?si=acmLYs_MLxzE-Gf5&t=1937][32:15 Data Marketing]]
+- [[https://youtu.be/QIQYzi7IPGk?si=qQjo0XqWwSf8r0tt&t=2279][37:58 PR Marketing]]
+- [[https://youtu.be/QIQYzi7IPGk?si=RPJ9rDZyY8O9Rcat&t=2701][45:00 Brand Marketing]] *current*