/* ======================================================= 
   SAFETY NET & MISSING VARIABLES
   ======================================================= */ 
:root {
    /* Fallbacks for Typography & Spacing */
    --callout-title-size: 1.05em;
    --line-height-tight: 1.2;
    --h2-line-height: 1.4;
    --h3-line-height: 1.4;
    --h4-line-height: 1.4;
    --h5-line-height: 1.4;

    /* Missing Highlight Text Colors */
    --md-color-highlight-text: #000000;
    --md-color-bold-highlight-text: #000000;
    --md-color-italic-highlight-text: #000000;
    --md-color-bi-highlight-text: #000000;
    
    /* Navigation Active Item Color */
    --nav-item-color-active: rgb(255, 211, 153);
}

/* ======================================================= 
   EXTENDED LIGHT: Mapped to NotePlan Capacities Light 
   ======================================================= */ 
body.theme-light, .theme-light { 
  --ctp-accent: 255, 211, 153;

  --ctp-ext-rosewater: 216, 17, 89; 
  --ctp-ext-flamingo: 153, 48, 92; 
  --ctp-ext-pink: 216, 17, 89; 
  --ctp-ext-mauve: 115, 57, 165; 
  --ctp-ext-red: 227, 83, 75; 
  --ctp-ext-maroon: 112, 68, 41; 
  --ctp-ext-peach: 170, 100, 33; 
  --ctp-ext-yellow: 214, 141, 48; 
  --ctp-ext-green: 45, 106, 79; 
  --ctp-ext-teal: 0, 95, 115; 
  --ctp-ext-sky: 0, 109, 119; 
  --ctp-ext-sapphire: 0, 129, 167; 
  --ctp-ext-blue: 54, 85, 170; 
  --ctp-ext-lavender: 74, 78, 105; 

  --ctp-ext-text: 60, 33, 28; 
  --ctp-ext-subtext1: 92, 84, 78; 
  --ctp-ext-subtext0: 112, 100, 93; 
  --ctp-ext-overlay2: 159, 138, 120; 
  --ctp-ext-overlay1: 170, 156, 138; 
  --ctp-ext-overlay0: 197, 170, 146; 
  --ctp-ext-surface2: 213, 188, 164; 
  --ctp-ext-surface1: 208, 182, 157; 
  --ctp-ext-surface0: 213, 188, 164; 
  --ctp-ext-base: 219, 200, 175; 
  --ctp-ext-mantle: 208, 182, 157; 
  --ctp-ext-crust: 200, 175, 150; 

  /* Base Variables mapped strictly so Publish reads them */
  --background-primary: rgb(var(--ctp-ext-base)); 
  --background-primary-alt: rgb(var(--ctp-ext-mantle)); 
  --background-secondary: rgb(var(--ctp-ext-mantle)); 
  --background-modifier-border: rgb(var(--ctp-ext-surface1)); 
  --text-normal: rgb(var(--ctp-ext-text)); 
  --text-muted: rgb(var(--ctp-ext-subtext1)); 
  --text-faint: rgb(var(--ctp-ext-subtext0)); 
  --link-color: rgb(var(--ctp-ext-sapphire));
  --title-color: rgb(var(--ctp-ext-text));
  --color-accent: rgb(var(--ctp-accent));
  --text-accent: rgb(var(--ctp-accent));
  
  --color-red-rgb: var(--ctp-ext-red); 
  --color-orange-rgb: var(--ctp-ext-peach); 
  --color-yellow-rgb: var(--ctp-ext-yellow); 
  --color-green-rgb: var(--ctp-ext-green); 
  --color-cyan-rgb: var(--ctp-ext-teal); 
  --color-blue-rgb: var(--ctp-ext-blue); 
  --color-purple-rgb: var(--ctp-ext-mauve); 
  --color-pink-rgb: var(--ctp-ext-pink); 

  /* Shadows & Blur */
  --blur-background: rgba(255, 255, 255, 0.2);
  --shadow-base: inset 1px 1px 2px rgba(255, 255, 255, 0.05), inset -1px -1px 2px rgba(255, 255, 255, 0.05), inset 0 4px 8px rgba(255, 255, 255, 0.01);
  --shadow-edges: 0 0 1px rgba(0, 0, 0, 0.05);
  --shadow-surface: 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 4px 1px rgba(0, 0, 0, 0.02);
  --shadow-xs: var(--shadow-base), inset 0 -8px 48px rgba(0, 0, 0, 0.01), 0 0 8px rgba(0, 0, 0, 0.01), 0 4px 24px rgba(0, 0, 0, 0.03);
  --shadow-s: var(--shadow-base), inset 0 0 1px 1px rgba(255, 255, 255, 0.5), var(--shadow-edges), 0 8px 16px rgba(0, 0, 0, 0.06);
  --shadow-l: var(--shadow-edges), inset 0 0 1px 1px rgba(0, 0, 0, 0.02), 0 16px 1px rgba(0, 0, 0, 0.04);

  /* Graph View Colors (Light - Using Hardcoded Hex to prevent JS parsing bugs) */
  --graph-text: #3C211C;
  --graph-line: rgba(60, 33, 28, 0.15);
  --graph-line-highlight: #0081A7;
  --graph-node: #0081A7;
  --graph-node-unresolved: rgba(60, 33, 28, 0.4);
  --graph-node-focused: #D81159;
  --graph-node-tag: #2D6A4F;
  --graph-node-attachment: #D68D30;
} 

/* ======================================================= 
   EXTENDED DARK: Mapped to NotePlan Capacities Dark 
   ======================================================= */ 
body.theme-dark, .theme-dark { 
  --ctp-accent: 255, 211, 153;

  --ctp-ext-rosewater: 191, 126, 129; 
  --ctp-ext-flamingo: 191, 110, 121; 
  --ctp-ext-pink: 201, 99, 149; 
  --ctp-ext-mauve: 158, 106, 194; 
  --ctp-ext-red: 204, 91, 108; 
  --ctp-ext-maroon: 209, 106, 94; 
  --ctp-ext-peach: 222, 128, 73; 
  --ctp-ext-yellow: 214, 164, 77; 
  --ctp-ext-green: 122, 163, 91; 
  --ctp-ext-teal: 88, 163, 144; 
  --ctp-ext-sky: 94, 155, 189; 
  --ctp-ext-sapphire: 91, 137, 209; 
  --ctp-ext-blue: 99, 120, 214; 
  --ctp-ext-lavender: 135, 114, 219; 

  --ctp-ext-text: 236, 226, 218; 
  --ctp-ext-subtext1: 169, 154, 144; 
  --ctp-ext-subtext0: 154, 141, 130; 
  --ctp-ext-overlay2: 115, 102, 92; 
  --ctp-ext-overlay1: 105, 95, 85; 
  --ctp-ext-overlay0: 95, 85, 75; 
  --ctp-ext-surface2: 115, 102, 92; 
  --ctp-ext-surface1: 105, 95, 85; 
  --ctp-ext-surface0: 95, 85, 75; 
  --ctp-ext-base: 77, 66, 55; 
  --ctp-ext-mantle: 86, 75, 63; 
  --ctp-ext-crust: 85, 76, 67; 

  /* Base Variables mapped strictly so Publish reads them */
  --background-primary: rgb(var(--ctp-ext-base)); 
  --background-primary-alt: rgb(var(--ctp-ext-mantle)); 
  --background-secondary: rgb(var(--ctp-ext-mantle)); 
  --background-modifier-border: rgb(var(--ctp-ext-surface1)); 
  --text-normal: rgb(var(--ctp-ext-text)); 
  --text-muted: rgb(var(--ctp-ext-subtext1)); 
  --text-faint: rgb(var(--ctp-ext-subtext0)); 
  --link-color: rgb(var(--ctp-ext-sapphire));
  --title-color: rgb(var(--ctp-ext-text));
  --color-accent: rgb(var(--ctp-accent));
  --text-accent: rgb(var(--ctp-accent));
  
  --color-red-rgb: var(--ctp-ext-red); 
  --color-orange-rgb: var(--ctp-ext-peach); 
  --color-yellow-rgb: var(--ctp-ext-yellow); 
  --color-green-rgb: var(--ctp-ext-green); 
  --color-cyan-rgb: var(--ctp-ext-teal); 
  --color-blue-rgb: var(--ctp-ext-blue); 
  --color-purple-rgb: var(--ctp-ext-mauve); 
  --color-pink-rgb: var(--ctp-ext-pink); 

  /* Shadows & Blur */
  --blur-background: rgba(255, 255, 255, 0.03);
  --shadow-base: inset 1px 1.5px 1px -1px rgba(255, 255, 255, 0.05), inset -1px -1.5px 1px -1px rgba(255, 255, 255, 0.04), inset 0 4px 16px rgba(255, 255, 255, 0.01);
  --shadow-edges: 0 0 1px rgba(255, 255, 255, 0.1);
  --shadow-surface: 0 0 1px rgba(255, 255, 255, 0.15), 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.05) !important;
  --shadow-xs: var(--shadow-base), 0 4px 8px rgba(0, 0, 0, 0.03);
  --shadow-s: var(--shadow-edges), 0 0 1px rgba(255, 255, 255, 0.1), 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.05);
  --shadow-l: var(--shadow-edges), 0 0 1px rgba(255, 255, 255, 0.1), 0 0 1px rgba(0, 0, 0, 0.2), 0 16px 64px rgba(0, 0, 0, 0.08); 

  /* Graph View Colors (Dark - Using Hardcoded Hex to prevent JS parsing bugs) */
  --graph-text: #ECE2DA;
  --graph-line: rgba(236, 226, 218, 0.25);
  --graph-line-highlight: #5B89D1;
  --graph-node: #D0A215;
  --graph-node-unresolved: rgba(236, 226, 218, 0.4);
  --graph-node-focused: #BF7E81;
  --graph-node-tag: #7AA35B;
  --graph-node-attachment: #DE8049;
} 

/* Force Obsidian Publish to apply these backgrounds */
body, .published-container {
    background-color: var(--background-primary) !important;
    color: var(--text-normal);
}

.published-container {
    --sidebar-left-background: var(--background-secondary);
}

/* ======================================================= 
   TEXT SELECTION
   ======================================================= */ 
::selection {
    background-color: rgba(var(--ctp-ext-yellow), 0.3);
}

.markdown-rendered ::selection {
    background-color: rgba(var(--ctp-ext-yellow), 0.3);
}

/* ======================================================= 
   LINK STYLES
   ======================================================= */ 

.markdown-rendered .internal-link.is-unresolved {
  background-image: radial-gradient(70% 53% at 36% 76%, rgb(var(--ctp-ext-mauve)) 10%, rgba(var(--ctp-ext-surface0), 0) 100%), 
  radial-gradient(21% 37% at 72% 23%, rgb(var(--ctp-ext-mauve)) 24%, rgba(var(--ctp-ext-surface0), 0) 100%), 
  radial-gradient(35% 67% at 91% 98%, rgb(var(--ctp-ext-lavender)) 9%, rgba(var(--ctp-ext-surface0), 0) 100%), 
  radial-gradient(74% 86% at 67% 38%, rgb(var(--ctp-ext-pink)) 24%, rgba(var(--ctp-ext-surface0), 0) 100%), 
  linear-gradient(0deg, rgb(var(--ctp-ext-mauve)) 1%, rgb(var(--ctp-ext-maroon)) 98%);
  opacity: 1;
}

.markdown-rendered .internal-link {
  background-image: 
  radial-gradient(70% 53% at 36% 76%, rgb(var(--ctp-ext-sapphire)) 10%, rgba(var(--ctp-ext-surface0), 0) 100%), 
  radial-gradient(21% 37% at 72% 23%, rgb(var(--ctp-ext-green)) 24%, rgba(var(--ctp-ext-surface0), 0) 100%), 
  radial-gradient(35% 67% at 91% 98%, rgb(var(--ctp-ext-blue)) 9%, rgba(var(--ctp-ext-surface0), 0) 100%), 
  radial-gradient(74% 86% at 67% 38%, rgb(var(--ctp-ext-sky)) 24%, rgba(var(--ctp-ext-surface0), 0) 100%), 
  linear-gradient(0deg, rgb(var(--ctp-ext-blue)) 1%, rgb(var(--ctp-ext-green)) 98%);
}

.markdown-rendered .external-link {
  background-image: 
  radial-gradient(70% 53% at 36% 76%, rgb(var(--ctp-ext-maroon)) 10%, rgba(var(--ctp-ext-surface0), 0) 100%), 
  radial-gradient(21% 37% at 72% 23%, rgb(var(--ctp-ext-yellow)) 24%, rgba(var(--ctp-ext-surface0), 0) 100%), 
  radial-gradient(35% 67% at 91% 98%, rgb(var(--ctp-ext-peach)) 9%, rgba(var(--ctp-ext-surface0), 0) 100%), 
  radial-gradient(74% 86% at 67% 38%, rgb(var(--ctp-ext-red)) 24%, rgba(var(--ctp-ext-surface0), 0) 100%), 
  linear-gradient(0deg, rgb(var(--ctp-ext-red)) 1%, rgb(var(--ctp-ext-peach)) 98%);
}

.markdown-rendered .internal-link:hover, 
.markdown-rendered .internal-link.is-unresolved:hover, 
.markdown-rendered .external-link:hover {
  text-decoration: none;
  background-position: left;
}

.markdown-rendered .internal-link.is-unresolved, 
.markdown-rendered .internal-link,  
.markdown-rendered .external-link {
  color: var(--text-normal) !important;
  padding: .25% .75%;
  border-radius: 33px;
  opacity: 1;
  transition: 0.5s;
  background-size: 200% auto;
  background-position: right;
  text-decoration: none !important;
}


/* ======================================================= 
   HEADINGS
   ======================================================= */ 

.published-container .markdown-rendered h1, .markdown-rendered h1,
.published-container .markdown-rendered h6, .markdown-rendered h6 {
  padding: 0 !important;
  margin: 0 !important;
}

.markdown-rendered h1 {
  --h1-background: rgb(var(--ctp-ext-text));
}
.markdown-rendered h2 {
  --h2-background-center: linear-gradient(to right, rgb(var(--ctp-ext-blue)) 45%, rgb(var(--ctp-ext-mauve)), rgb(var(--ctp-ext-blue)) 57%); 
  --h2-border-center: linear-gradient(to right, transparent 0%, rgb(var(--ctp-ext-blue)), 45%, rgb(var(--ctp-ext-mauve)), 57%,rgb(var(--ctp-ext-blue)), transparent 100%);
  --h2-background-left: linear-gradient(to right, transparent 0%, rgb(var(--ctp-ext-blue)) 1.5%, rgb(var(--ctp-ext-blue)) 5%, rgb(var(--ctp-ext-mauve)), 20%, rgb(var(--ctp-ext-blue))); 
  --h2-border-left: linear-gradient(to right, transparent 0%, rgb(var(--ctp-ext-blue)) 1.5%, rgb(var(--ctp-ext-blue)) 5%, rgb(var(--ctp-ext-mauve)), rgb(var(--ctp-ext-mauve)), 15%, rgb(var(--ctp-ext-blue)), 70%, transparent 85%);
  --h2-background-right: linear-gradient(to left, transparent 0%, rgb(var(--ctp-ext-blue)) 1.5%, rgb(var(--ctp-ext-blue)) 5%, rgb(var(--ctp-ext-mauve)), 20%, rgb(var(--ctp-ext-blue))); 
  --h2-border-right: linear-gradient(to left, transparent 0%, rgb(var(--ctp-ext-blue)) 1.5%, rgb(var(--ctp-ext-blue)) 5%, rgb(var(--ctp-ext-mauve)), rgb(var(--ctp-ext-mauve)), 15%, rgb(var(--ctp-ext-blue)), 70%, transparent 85%);
  --h2-border-bottom: 10px solid;
}
.markdown-rendered h3 {
  --h3-background-center: linear-gradient(to right, rgb(var(--ctp-ext-sky)) 45%, rgb(var(--ctp-ext-sapphire)), rgb(var(--ctp-ext-sky)) 57%); 
  --h3-border-center: linear-gradient(to right, transparent 0%, rgb(var(--ctp-ext-sky)), 45%, rgb(var(--ctp-ext-sapphire)), 57%,rgb(var(--ctp-ext-sky)), transparent 100%);
  --h3-background-left: linear-gradient(to right, transparent 0%, rgb(var(--ctp-ext-sky)) 1.5%, rgb(var(--ctp-ext-sky)) 5%, rgb(var(--ctp-ext-sapphire)), 20%, rgb(var(--ctp-ext-sky))); 
  --h3-border-left: linear-gradient(to right, transparent 0%, rgb(var(--ctp-ext-sky)) 1.5%, rgb(var(--ctp-ext-sky)) 5%, rgb(var(--ctp-ext-sapphire)), rgb(var(--ctp-ext-sapphire)), 15%, rgb(var(--ctp-ext-sky)), 70%, transparent 85%);
  --h3-background-right: linear-gradient(to left, transparent 0%, rgb(var(--ctp-ext-sky)) 1.5%, rgb(var(--ctp-ext-sky)) 5%, rgb(var(--ctp-ext-sapphire)), 20%, rgb(var(--ctp-ext-sky))); 
  --h3-border-right: linear-gradient(to left, transparent 0%, rgb(var(--ctp-ext-sky)) 1.5%, rgb(var(--ctp-ext-sky)) 5%, rgb(var(--ctp-ext-sapphire)), rgb(var(--ctp-ext-sapphire)), 15%, rgb(var(--ctp-ext-sky)), 70%, transparent 85%);
  --h3-border-bottom: 8px solid;
}
.markdown-rendered h4 {
  --h4-background-center: linear-gradient(to right, rgb(var(--ctp-ext-green)) 45%, rgb(var(--ctp-ext-teal)), rgb(var(--ctp-ext-green)) 57%); 
  --h4-border-center: linear-gradient(to right, transparent 0%, rgb(var(--ctp-ext-green)), 45%, rgb(var(--ctp-ext-teal)), 57%, rgb(var(--ctp-ext-green)), transparent 100%);
  --h4-background-left: linear-gradient(to right, transparent 0%, rgb(var(--ctp-ext-green)) 1.5%, rgb(var(--ctp-ext-green)) 5%, rgb(var(--ctp-ext-teal)), 20%, rgb(var(--ctp-ext-green))); 
  --h4-border-left: linear-gradient(to right, transparent 0%, rgb(var(--ctp-ext-green)) 1.5%, rgb(var(--ctp-ext-green)) 5%, rgb(var(--ctp-ext-teal)), rgb(var(--ctp-ext-teal)), 15%, rgb(var(--ctp-ext-green)), 70%, transparent 85%);
  --h4-background-right: linear-gradient(to left, transparent 0%, rgb(var(--ctp-ext-green)) 1.5%, rgb(var(--ctp-ext-green)) 5%, rgb(var(--ctp-ext-teal)), 20%, rgb(var(--ctp-ext-green))); 
  --h4-border-right: linear-gradient(to left, transparent 0%, rgb(var(--ctp-ext-green)) 1.5%, rgb(var(--ctp-ext-green)) 5%, rgb(var(--ctp-ext-teal)), rgb(var(--ctp-ext-teal)), 15%, rgb(var(--ctp-ext-green)), 70%, transparent 85%);
  --h4-border-bottom: 6px solid;
}
.markdown-rendered h5 {
  --h5-background-center: linear-gradient(to right, rgb(var(--ctp-ext-maroon)) 45%, rgb(var(--ctp-ext-yellow)), rgb(var(--ctp-ext-maroon)) 57%); 
  --h5-border-center: linear-gradient(to right, transparent 0%, rgb(var(--ctp-ext-maroon)), 45%, rgb(var(--ctp-ext-yellow)), 57%, rgb(var(--ctp-ext-maroon)), transparent 100%);
  --h5-background-left: linear-gradient(to right, transparent 0%, rgb(var(--ctp-ext-maroon)) 1.5%, rgb(var(--ctp-ext-maroon)) 5%, rgb(var(--ctp-ext-yellow)), 20%, rgb(var(--ctp-ext-maroon))); 
  --h5-border-left: linear-gradient(to right, transparent 0%, rgb(var(--ctp-ext-maroon)) 1.5%, rgb(var(--ctp-ext-maroon)) 5%, rgb(var(--ctp-ext-yellow)), rgb(var(--ctp-ext-yellow)), 15%, rgb(var(--ctp-ext-maroon)), 70%, transparent 85%);
  --h5-background-right: linear-gradient(to left, transparent 0%, rgb(var(--ctp-ext-maroon)) 1.5%, rgb(var(--ctp-ext-maroon)) 5%, rgb(var(--ctp-ext-yellow)), 20%, rgb(var(--ctp-ext-maroon))); 
  --h5-border-right: linear-gradient(to left, transparent 0%, rgb(var(--ctp-ext-maroon)) 1.5%, rgb(var(--ctp-ext-maroon)) 5%, rgb(var(--ctp-ext-yellow)), rgb(var(--ctp-ext-yellow)), 15%, rgb(var(--ctp-ext-maroon)), 70%, transparent 85%);
  --h5-border-bottom: 4px solid;
}
.markdown-rendered h6 {
  --h6-background: rgb(var(--ctp-ext-text));
}

.published-container .markdown-rendered h1, 
.published-container .markdown-rendered h2, 
.published-container .markdown-rendered h3,
.published-container .markdown-rendered h4,
.published-container .markdown-rendered h5,
.published-container .markdown-rendered h6,
.markdown-rendered h1, 
.markdown-rendered h2, 
.markdown-rendered h3,
.markdown-rendered h4,
.markdown-rendered h5,
.markdown-rendered h6 {
  border-image-slice: 1;
  padding: 0 !important;
  margin: 0 !important;
  text-indent: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.published-container .markdown-rendered h1, .markdown-rendered h1 {
  font-size: 2.678em !important;
  background: var(--h1-background) !important;
  text-align: center !important;
  background-clip: text !important; 
  -webkit-background-clip: text !important;
  border-bottom: none !important;
} 
.published-container .markdown-rendered h2, .markdown-rendered h2 {
  font-size: 2.288em !important;
  text-align: center !important;
  background: var(--h2-background-center) !important; 
  background-clip: text !important; 
  -webkit-background-clip: text !important;
  border-bottom: var(--h2-border-bottom) !important;
  border-image-source: var(--h2-border-center) !important;
}
.published-container .markdown-rendered h3, .markdown-rendered h3 {
  font-size: 1.927em !important;
  text-align: center !important;
  background: var(--h3-background-center) !important; 
  background-clip: text !important; 
  -webkit-background-clip: text !important;
  border-bottom: var(--h3-border-bottom) !important;
  border-image-source: var(--h3-border-center) !important;
}
.published-container .markdown-rendered h4, .markdown-rendered h4 {
  font-size: 1.648em !important;
  text-align: center !important;
  background: var(--h4-background-center) !important; 
  background-clip: text !important; 
  -webkit-background-clip: text !important;
  border-bottom: var(--h4-border-bottom) !important;
  border-image-source: var(--h4-border-center) !important;
}
.published-container .markdown-rendered h5, .markdown-rendered h5 {
  font-size: 1.388em !important;
  text-align: center !important;
  background: var(--h5-background-center) !important; 
  background-clip: text !important; 
  -webkit-background-clip: text !important;
  border-bottom: var(--h5-border-bottom) !important;
  border-image-source: var(--h5-border-center) !important;
}
.published-container .markdown-rendered h6, .markdown-rendered h6 {
  font-size: 1.188em !important;
  text-align: center !important;
  background: var(--h6-background) !important;
  background-clip: text !important; 
  -webkit-background-clip: text !important;
  border-bottom: none !important;
} 

.published-container .markdown-rendered h1 .internal-link, 
.published-container .markdown-rendered h2 .internal-link, 
.published-container .markdown-rendered h3 .internal-link, 
.published-container .markdown-rendered h4 .internal-link, 
.published-container .markdown-rendered h5 .internal-link, 
.published-container .markdown-rendered h6 .internal-link,
.markdown-rendered h1 .internal-link, 
.markdown-rendered h2 .internal-link, 
.markdown-rendered h3 .internal-link, 
.markdown-rendered h4 .internal-link, 
.markdown-rendered h5 .internal-link, 
.markdown-rendered h6 .internal-link {
  -webkit-text-fill-color: rgba(var(--ctp-ext-text), 0.75);
} 

.published-container .markdown-rendered h1 .is-unresolved, 
.published-container .markdown-rendered h2 .is-unresolved, 
.published-container .markdown-rendered h3 .is-unresolved, 
.published-container .markdown-rendered h4 .is-unresolved, 
.published-container .markdown-rendered h5 .is-unresolved, 
.published-container .markdown-rendered h6 .is-unresolved,
.markdown-rendered h1 .is-unresolved, 
.markdown-rendered h2 .is-unresolved, 
.markdown-rendered h3 .is-unresolved, 
.markdown-rendered h4 .is-unresolved, 
.markdown-rendered h5 .is-unresolved, 
.markdown-rendered h6 .is-unresolved {
  opacity: 1 !important;
  background: linear-gradient(to right, #FF9E00,  #FF7300, 100%, transparent) !important; 
  background-clip: text !important;
  -webkit-background-clip: text !important; 
  -webkit-text-fill-color: transparent !important;
  padding: 0px;
}


/* ======================================================= 
   HIGHLIGHTS
   ======================================================= */ 

/* Highlight Normal */
mark,
.markdown-rendered mark,
.callout mark {
  background: transparent;
  color: var(--text-normal) !important;
  background-image: radial-gradient(57% 53% at 74% 126%, #FFFFFFFF 7%, #073AFF00 100%),radial-gradient(112% 63% at 51% 102%, #FF5500FF 0%, #00FF0700 38%, #073AFF00 100%),radial-gradient(61% 39% at 92% 100%, #0F00DFF5 47%, #073AFF00 50%),linear-gradient(0deg, #FFD501FF 3%, #6039B7FF 20%, #4300FF00 0%);
  padding: 0px;
  padding-bottom: 0;
  margin: 0px;
  border-radius: 2px;
}

/* Highlight [Bold + Highlight] */
mark strong,
strong > mark,
.markdown-rendered mark strong,
.markdown-rendered strong > mark {
  color: var(--text-normal) !important;
  background-image: radial-gradient(57% 53% at 74% 126%, #FFFFFFFF 7%, #073AFF00 100%),radial-gradient(112% 63% at 51% 102%, #FF5500FF 0%, #00FF0700 38%, #073AFF00 100%),radial-gradient(61% 39% at 92% 100%, #0F00DFF5 47%, #073AFF00 100%),linear-gradient(0deg, #FFD501FF 3%, #6039B7FF 40%, #4300FF00 40%);
  padding: 0px;
  padding-bottom: 0;
  margin: 0px;
}

/* Highlight [Italic + Highlight] */
mark em,
em > mark,
.markdown-rendered mark em,
.markdown-rendered em > mark {
  color: var(--text-normal) !important;
  background-image: radial-gradient(57% 53% at 74% 126%, #FFFFFFFF 7%, #073AFF00 100%),radial-gradient(112% 63% at 51% 102%, #FF5500FF 0%, #00FF0700 38%, #073AFF00 100%),radial-gradient(61% 39% at 92% 100%, #0F00DFF5 47%, #073AFF00 100%),linear-gradient(0deg, #FFD501FF 3%, #6039B7FF 40%, #4300FF00 40%);
  padding: 0px;
  padding-bottom: 0;
  margin: 0px;
}

/* Highlight [Bold + Italic + Highlight] */
strong em mark,
em strong mark,
mark strong em,
mark em strong,
.markdown-rendered strong > em > mark,
.markdown-rendered em > strong > mark {
  color: var(--text-normal) !important;
  background-image: radial-gradient(57% 53% at 74% 126%, #FFFFFFFF 7%, #073AFF00 100%),radial-gradient(112% 63% at 51% 102%, #FF5500FF 0%, #00FF0700 38%, #073AFF00 100%),radial-gradient(61% 39% at 92% 100%, #0F00DFF5 47%, #073AFF00 100%),linear-gradient(0deg, #FFD501FF 3%, #6039B7FF 40%, #4300FF00 40%);
  padding: 0px;
  padding-bottom: 0;
  margin: 0px;
}

/* ======================================================= 
   CALLOUTS 
   ======================================================= */ 

:root {
    --callout-radius: 0px 50px !important;
    --callout-content-background: rgba(var(--callout-color), 0.5);
}

.callout[data-callout-metadata*="red1"] {
    --callout-color: var(--ctp-ext-red);
}
.callout[data-callout-metadata*="red2"] {
    --callout-color: var(--ctp-ext-maroon);
}
.callout[data-callout-metadata*="yellow1"] {
    --callout-color: var(--ctp-ext-peach);
}
.callout[data-callout-metadata*="yellow2"] {
    --callout-color: var(--ctp-ext-yellow);
}
.callout[data-callout-metadata*="green1"] {
    --callout-color: var(--ctp-ext-green);
}
.callout[data-callout-metadata*="green2"] {
    --callout-color: var(--ctp-ext-teal);
}
.callout[data-callout-metadata*="blue1"] {
    --callout-color: var(--ctp-ext-sky);
}
.callout[data-callout-metadata*="blue2"] {
    --callout-color: var(--ctp-ext-sapphire);
}
.callout[data-callout-metadata*="blue3"] {
    --callout-color: var(--ctp-ext-blue);
}
.callout[data-callout-metadata*="purple1"] {
    --callout-color: var(--ctp-ext-lavender);
}
.callout[data-callout-metadata*="purple2"] {
    --callout-color: var(--ctp-ext-pink);
}
.callout[data-callout-metadata*="pink1"] {
    --callout-color: var(--ctp-ext-mauve);
}
.callout[data-callout-metadata*="pink2"] {
    --callout-color: var(--ctp-ext-flamingo);
}
.callout[data-callout-metadata*="base1"] {
    --callout-color: var(--ctp-base);
}
.theme-dark .callout[data-callout-metadata*="surface"] {
    --callout-color: var(--ctp-surface2);
}
.theme-light .callout[data-callout-metadata*="surface"] {
    --callout-color: var(--ctp-surface0);
}

.callout:not([data-callout-metadata*=anp-block], [data-callout-metadata*=anp-vanilla-normal], [data-callout-metadata*=anp-vanilla-plus]):not([data-callout-metadata*=revert], [data-callout=blank-container], [data-callout=multi-column]) > .callout-title, 
.callout[data-callout-metadata*=anp-sleek]:not([data-callout-metadata*=revert], [data-callout=blank-container], [data-callout=multi-column]) > .callout-title {
    background-color: rgba(var(--callout-color), var(--callout-title-opacity, 0.2));
}

.callout {
     --callout-icon: none;
     text-align: left;
     align-content: center;
     margin: .55em 0 !important;
	 padding: 5px;
}

.callout-icon:empty {
    display: none;
}

.callout-title {
    text-align: center;
    padding: 8px !important;
    gap: var(--size-4-1, 8px);
    font-size: var(--callout-title-size);
    line-height: var(--line-height-tight);
    color: rgb(var(--text-normal)) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.callout:not([data-callout=note-toolbar]) .callout-title-inner {
    color: rgb(var(--text-normal)) !important;
}

.callout:not([data-callout-metadata*=anp-block], [data-callout-metadata*=anp-vanilla-normal], [data-callout-metadata*=anp-vanilla-plus]):not([data-callout-metadata*=revert], [data-callout=blank-container], [data-callout=multi-column]) > .callout-title, 
.callout[data-callout-metadata*=anp-sleek]:not([data-callout-metadata*=revert], [data-callout=blank-container], [data-callout=multi-column]) > .callout-title {
    background-color: rgb(var(--callout-color));
    opacity: 0.8;
}

.callout-content {
    padding: var(--callout-c-padding);
    overflow: hidden;
    margin: 0;
    border: solid 1px rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.callout:not([data-callout-metadata*=padding]) {
    --callout-c-padding: 20px 20%;
}

.callout[data-callout-metadata*=padding0] {
    --callout-c-padding: 15px !important;
}

body.callouts-padded.theme-dark .callout:not([data-callout=note-toolbar]), 
body.callouts-padded.theme-light .callout:not([data-callout=note-toolbar]) {
    background-color: transparent;
}

.is-mobile .callout-content {
    padding: 10px 30px 10px 30px;
}

.callout[data-callout-metadata*="headingcallout"] > .callout-title {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
}

.callout[data-callout-metadata*="headingcallout"] {
    text-align: left;
}

.callout[data-callout-metadata*="headingcallout"] > .callout-content {
    padding: 4px;
    margin: 0;
    border-radius: 0 !important;
}

.callout[data-callout-metadata*="left"] {
    text-align: left;
}

.callout[data-callout-metadata*="column-rev"] {
    flex-direction: column-reverse !important;
}

.callout[data-callout="row"] {
    flex-direction: row !important;
    line-height: 2.2;
}

.callout[data-callout-metadata*="default"] {
    text-align: left;
    color: var(--text-normal);
}

.anp-callout-sleek .callout:not([data-callout-metadata*=anp-block], [data-callout-metadata*=anp-vanilla-normal], [data-callout-metadata*=anp-vanilla-plus]):not([data-callout-metadata*=revert], [data-callout=blank-container], [data-callout=multi-column]) > .callout-content {
    border-top: none;
}

.theme-dark .callout textarea, 
.theme-dark .callout input[type='date'], 
.theme-dark .callout input[type='datetime-local'], 
.theme-dark .callout input[type='text'], 
.theme-dark .callout input[type='search'], 
.theme-dark .callout input[type='email'], 
.theme-dark .callout input[type='password'], 
.theme-dark .callout input[type='number'] {
    background-color: rgb(var(--ctp-surface2));
}

.theme-light .callout textarea,  
.theme-light .callout input[type='date'], 
.theme-light .callout input[type='datetime-local'], 
.theme-light .callout input[type='text'], 
.theme-light .callout input[type='search'], 
.theme-light .callout input[type='email'], 
.theme-light .callout input[type='password'], 
.theme-light .callout input[type='number'] {
    background-color: rgb(var(--ctp-surface0));
}

.callout[data-callout-metadata*="row"] {
    display: flex;
    flex-direction: row !important;
    line-height: 2.2;
}

.callout[data-callout-metadata*="column"] {
    flex-direction: column !important;
}

.callout[data-callout-metadata*="norm"] {
    color: var(--text-normal);
}

.callout[data-callout-metadata*="nocolorall"] {
    color: rgb(var(--text-normal));
}

.theme-dark .callout input[type='number'] {
    border: none;
    background-color: rgb(var(--ctp-mantle));
}

.theme-light .callout input[type='number'] {
    border: none;
    background-color: rgb(var(--ctp-base));
}

.callout textarea, 
.callout input[type='text'] {
    border: none;
}

.callout-content .markdown-rendered .external-link, 
.markdown-preview-view .external-link {
    color: rgb(var(--callout-color));   
}

.callout-content .markdown-rendered .external-link:active, 
.markdown-preview-view .external-link:active {
    background: none;
    color: rgba(var(--callout-color), 0.5);
}

.callout-content .markdown-rendered .external-link:hover, 
.markdown-preview-view .external-link:hover {
    background: none;
    color: rgba(var(--callout-color), 0.5) !important;
}

.callout-fold {
    display: none;
}

.callout:not([data-callout-metadata*=anp-block], [data-callout-metadata*=anp-vanilla-normal], [data-callout-metadata*=anp-vanilla-plus]):not([data-callout-metadata*=revert], [data-callout=blank-container], [data-callout=multi-column]), 
.callout[data-callout-metadata*=anp-sleek]:not([data-callout-metadata*=revert], [data-callout=blank-container], [data-callout=multi-column]) {
    --callout-border-opacity: 0;
    --callout-border-width: 0;
    background: none !important;
}

.callout:not([data-callout-metadata*=nocolortitle]) > .callout-title {
    border-radius: 0px 50px !important;
    margin-bottom: 5px;
}

.callout:not([data-callout-metadata*=nocolortitle]) > .callout-content, 
body.callouts-padded .callout:not([data-callout=note-toolbar]) .callout-content {
    background: var(--callout-content-background2) !important;
}

.callout:not([data-callout-metadata*=nocolortitle]) > .callout-content .markdown-embed {
    background: inherit;
}

.theme-dark .callout[data-callout-metadata*=nocolortitle] {
    background-color: rgb(var(--ctp-surface2)) !important;
    border-radius: 10px;
}

.theme-light .callout[data-callout-metadata*=nocolortitle] {
    background-color: rgb(var(--ctp-surface0)) !important;
    border-radius: 10px;
}

.callout[data-callout-metadata*=nocolortitle] > .callout-title {
    background: none !important;
}

.callout[data-callout-metadata*=nofilltitle] .callout-title {
    background-color: rgb(var(--ctp-base)) !important;
}

.theme-light div.callout:not([data-callout-metadata*=nocolortitle]) > .callout-content > div,
.theme-light div.callout:not([data-callout-metadata*=nocolortitle]) > .callout-content > ul {
    background-color: transparent !important;
}

.callout[data-callout-metadata*=base].callout .callout-content {
    background-color: rgb(var(--ctp-base)) !important;
}

.theme-light .callout[data-callout-metadata*=nobase].callout .callout-content {
    background-color: rgb(var(--ctp-surface0)) !important;
}

.theme-dark .callout[data-callout-metadata*=nobase].callout .callout-content {
    background-color: rgb(var(--ctp-surface2)) !important;
}

.callout:not([data-callout-metadata*=noback]).callout > .callout-content {
    --callout-content-background2: rgba(var(--callout-color), 0.1) !important;
}

.callout[data-callout-metadata*=noback].callout > .callout-content {
    --callout-content-background2: transparent;
    border: 0;
}

.callout[data-callout-metadata*=notitle] .callout-title {
    padding: 0 !important;
    margin: 0;
    width: 0;
    height: 0;
}

.callout[data-callout-metadata*=backclear] > .callout-content {
    border-radius: 50px 0px !important; 
}

.callout[data-callout-metadata*="ruby"] {
    display: ruby !important;
}

div.callout[data-callout-metadata*="titleonly"] > .callout-content > div,
div.callout[data-callout-metadata*="titleonly"] > .callout-content > ul {
    background-color: unset !important;
}

.callout[data-callout-metadata*="row"] .callout-icon {
    margin-right: 10px;
}

.callout[data-callout-metadata*="row"] .callout-content {
    width: 100%;
}

.callout[data-callout-metadata*="titlenone"] > .callout-title > .callout-title-inner {
    display: none;
}

.callout:not([data-callout-metadata*="headingcallout"]) h1, 
.callout:not([data-callout-metadata*="headingcallout"]) h2, 
.callout:not([data-callout-metadata*="headingcallout"]) h3, 
.callout:not([data-callout-metadata*="headingcallout"]) h4, 
.callout:not([data-callout-metadata*="headingcallout"]) h5,
.callout:not([data-callout-metadata*="headingcallout"]) h6 {
    border: none !important;
    margin: 0 !important;
    color: rgb(var(--callout-color));
    background-clip: unset !important;
    -webkit-text-fill-color: rgb(var(--callout-color)) !important;
    background: none !important;
}

.callout[data-callout-metadata*="headingcallout"] > .callout-title > .callout-title-inner {
    border-radius: 0;
    margin: 0;
}

.callout[data-callout-metadata*="headingcallout"] > .callout-title > .callout-title-inner > h1 {
    border: none;
    background: var(--h6-background);
    background-clip: text !important; 
    -webkit-text-fill-color: transparent !important;
    margin: 0;
}

.callout[data-callout-metadata*="headingcallout"] > .callout-title > .callout-title-inner > h2 {
    border-image-source: var(--h2-border-center) !important;
    background: var(--h2-background-center) !important;
    -webkit-background-clip: text !important; 
    -webkit-text-fill-color: transparent !important;
    margin: 0;
}

.callout[data-callout-metadata*="headingcallout"] > .callout-title > .callout-title-inner > h3 {
    border-image-source: var(--h3-border-center) !important;
    background: var(--h3-background-center) !important;
    -webkit-background-clip: text !important; 
    -webkit-text-fill-color: transparent !important;
    margin: 0;
}

.callout[data-callout-metadata*="headingcallout"] > .callout-title > .callout-title-inner > h4 {
    border-image-source: var(--h4-border-center) !important;
    background: var(--h4-background-center) !important;
    -webkit-background-clip: text !important; 
    -webkit-text-fill-color: transparent !important;
    margin: 0;
}

.callout[data-callout-metadata*="headingcallout"] > .callout-title > .callout-title-inner > h5 {
    border-image-source: var(--h5-border-center) !important;
    background: var(--h5-background-center) !important;
    -webkit-background-clip: text !important; 
    -webkit-text-fill-color: transparent !important;
    margin: 0;
}

.callout[data-callout-metadata*="headingcallout"] > .callout-title > .callout-title-inner > h6 {
    border: none;
    background: var(--h6-background);
    background-clip: text !important; 
    -webkit-text-fill-color: transparent !important;
    margin: 0;
}

.callout[data-callout-metadata*="fullopen"].is-collapsible:not(.is-collapsed) ~ .callout.is-collapsible,
.callout[data-callout-metadata*="fullopen"].is-collapsible:has(~ .callout.is-collapsible:not(.is-collapsed)) {
    display: none;
}

.callout[data-callout-metadata*="based"] > .callout-content {
    border-radius: 0 !important;
}

.callout[data-callout-metadata*="paddingb20"] {
    padding: 20px !important;
}

.callout[data-callout-metadata*="ininline"] > * > div, 
.callout[data-callout-metadata*="ininline"] > * > p {
    display: inline !important;
}

.callout .markdown-embed-title {
    display: none;
}

body .callout {
    --embed-border-start: 0;
    --embed-padding: 0;
}

body.callouts-padded .callout:not([data-callout=note-toolbar]) .callout-title {
    overflow: unset;
}

.callout[data-callout-metadata*="backnicon"] > .callout-title > .callout-title-inner {
    max-height: 200px;
    width: 100%;
    overflow: hidden;
} 

.callout[data-callout-metadata*="backnicon"] > .callout-title > .callout-title-inner img {
    transform: translateY(-50%);
    width: 100%;
}

.callout[data-callout-metadata*="backnicon"] .callout[data-callout-metadata*="imgcaption"] > .callout-title {
    height: 100px;
    max-width: 100%;
    top: 100px;
}

.callout audio::-webkit-media-controls-panel {
    background-color: rgba(var(--callout-color), 0.3) !important;
    caret-color: red;
    color: red;
}

.callout audio {
    border: 4px rgb(var(--callout-color)) !important;
    filter: saturate(1.4);
    color: red;
    caret-color: red;
    box-sizing: unset;
    height: revert;
}

/* === MCL MULTI COLUMN (Publish Compatible) === */

/* Fixed Width Definitions */
div[data-callout-metadata*="fw"].callout { flex-grow: 0; flex-shrink: 0; }
div[data-callout-metadata*="fw1"].callout { flex-basis: 100px; width: 100px; }
div[data-callout-metadata*="fw2"].callout { flex-basis: 200px; width: 200px; }
div[data-callout-metadata*="fw3"].callout { flex-basis: 300px; width: 300px; }
div[data-callout-metadata*="fw4"].callout { flex-basis: 400px; width: 400px; }
div[data-callout-metadata*="fw5"].callout { flex-basis: 500px; width: 500px; }
div[data-callout-metadata*="fw6"].callout { flex-basis: 600px; width: 600px; }
div[data-callout-metadata*="fw7"].callout { flex-basis: 700px; width: 700px; }
div[data-callout-metadata*="fw8"].callout { flex-basis: 800px; width: 800px; }
div[data-callout-metadata*="fw9"].callout { flex-basis: 900px; width: 900px; }

div[data-callout-metadata*="pw1"].callout { flex-basis: 10%; width: 10%; }
div[data-callout-metadata*="pw2"].callout { flex-basis: 18%; width: 18%; }
div[data-callout-metadata*="pw3"].callout { flex-basis: 28%; width: 28%; }
div[data-callout-metadata*="pw4"].callout { flex-basis: 38%; width: 38%; }
div[data-callout-metadata*="pw5"].callout { flex-basis: 48%; width: 48%; }
div[data-callout-metadata*="pw6"].callout { flex-basis: 58%; width: 58%; }
div[data-callout-metadata*="pw7"].callout { flex-basis: 68%; width: 68%; }
div[data-callout-metadata*="pw8"].callout { flex-basis: 78%; width: 78%; }
div[data-callout-metadata*="pw9"].callout { flex-basis: 88%; width: 88%; }

div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="mw0"].callout { flex-basis: 0; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw1"].callout { flex: 1 0 auto; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw2"].callout { flex: 2 0 auto; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw3"].callout { flex: 3 0 auto; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw4"].callout { flex: 4 0 auto; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw5"].callout { flex: 5 0 auto; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw6"].callout { flex: 6 0 auto; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw7"].callout { flex: 7 0 auto; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw8"].callout { flex: 8 0 auto; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw9"].callout { flex: 9 0 auto; }

/* Multi Column Callout (MCC) Base */
div[data-callout="multi-column"].callout > .callout-title { display: none !important; }
div[data-callout="multi-column"].callout > .callout-content { display: contents; }
div[data-callout="multi-column"].callout { 
    display: flex; 
    flex-wrap: wrap; 
    background: transparent !important; 
    border: 0 !important; 
    padding: 0 !important; 
    clear: both; 
}
div[data-callout="multi-column"].callout .callout:not([data-callout="multi-column"]) { display: flex; flex-direction: column; }
div[data-callout="multi-column"].callout:not(.is-collapsed) .callout { margin: 0 0 2em 0 !important; }
div[data-callout="multi-column"].callout .callout .callout-content { flex-grow: 1; }
div[data-callout="multi-column"].callout > .callout-content > *:is(div,ul,blockquote,p) { flex: 1 1 50px; margin: 0; }

div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="min-0"] { flex-basis: 0; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="wide-2"] { flex-grow: 2; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="wide-3"] { flex-grow: 3; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="wide-4"] { flex-grow: 4; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="wide-5"] { flex-grow: 5; }

div[data-callout="multi-column"][data-callout-metadata*="flex-h"].callout { align-items: flex-start; }
div[data-callout="multi-column"][data-callout-metadata*="col3"]:not([data-callout-metadata*="icons"]).callout {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr;
}

/* MCC Variation - Icons */
div[data-callout="multi-column"][data-callout-metadata*="icons"].callout { justify-content: center; }
div[data-callout="multi-column"][data-callout-metadata*="icons"].callout .callout { display: flex; flex-direction: row; flex-wrap: wrap; }
div[data-callout="multi-column"][data-callout-metadata*="icons"].callout .callout-content > p { flex-grow: 1; text-align: center; margin-top: revert; }
div[data-callout="multi-column"][data-callout-metadata*="icons"][data-callout-metadata*="col2"].callout .callout-content > p { flex-basis: 40%; }
div[data-callout="multi-column"][data-callout-metadata*="icons"][data-callout-metadata*="col3"].callout .callout-content > p { flex-basis: 30%; }
div[data-callout="multi-column"][data-callout-metadata*="icons"][data-callout-metadata*="col4"].callout .callout-content > p { flex-basis: 22%; }
div[data-callout="multi-column"][data-callout-metadata*="icons"][data-callout-metadata*="col5"].callout .callout-content > p { flex-basis: 18%; }

/* MCC Variation - Fixed Width */
div[data-callout="multi-column"][data-callout-metadata*="center-fixed"].callout { justify-content: center; }
div[data-callout="multi-column"][data-callout-metadata*="left-fixed"].callout { justify-content: flex-start; }
div[data-callout="multi-column"][data-callout-metadata*="right-fixed"].callout { justify-content: flex-end; }
div[data-callout="multi-column"][data-callout-metadata*="fixed"].callout > .callout-content > *:is(div,ul) { flex-grow: 0; }
div[data-callout="multi-column"][data-callout-metadata*="fixed"][data-callout-metadata*="small"].callout > .callout-content > *:is(div,ul) { flex-basis: 150px; }
div[data-callout="multi-column"][data-callout-metadata*="fixed"][data-callout-metadata*="medium"].callout > .callout-content > *:is(div,ul) { flex-basis: 260px; }
div[data-callout="multi-column"][data-callout-metadata*="fixed"][data-callout-metadata*="large"].callout > .callout-content > *:is(div,ul) { flex-basis: 480px; }

/* MCC Variation - No Wrap */
div[data-callout="multi-column"][data-callout-metadata*="no-wrap"].callout { flex-wrap: nowrap; overflow-x: auto; }
div[data-callout="multi-column"][data-callout-metadata*="no-wrap"].callout > .callout-content > *:is(div,ul) { flex-shrink: 0; }
.callout[data-callout="multi-column"][data-callout-metadata*="no-wrap"] .callout[data-callout-metadata*="small"] { flex-basis: 300px; }
.callout[data-callout="multi-column"][data-callout-metadata*="no-wrap"] .callout[data-callout-metadata*="medium"] { flex-basis: 400px; }
.callout[data-callout="multi-column"][data-callout-metadata*="no-wrap"] .callout[data-callout-metadata*="large"] { flex-basis: 600px; }

div[data-callout="multi-column"] .callout[data-callout-metadata*="center"] { text-align: center; }

/* Blank Containers */
div[data-callout*="blank"].callout { --callout-blend-mode: normal; border: 0; padding-top: 0; padding-inline: 5px; background: transparent !important; box-shadow: none !important; }
div[data-callout*="blank"].callout > .callout-title { display: none !important; }
div[data-callout*="blank"].callout > .callout-content { display: contents; }
div[data-callout-metadata*="no-margin"].callout { margin: 0; padding: 0; }
div[data-callout*="blank"].callout .callout-content > p:only-child { margin-block: 0; }
div[data-callout*="blank"] .callout-content::before { display: none; }

.text-justify p { text-align: justify; }

/* Floating Callouts */
@media (min-width: 500px) {
    .markdown-rendered div[data-callout-metadata*="left"].callout { float: left; margin: 1em 15px 1em 0 !important; width: auto; }
    .markdown-rendered div[data-callout-metadata*="right"].callout { float: right; margin: 1em 0 1em 15px !important; width: auto; }
}

[data-callout-metadata*="-small"].callout { width: var(--float-small-width); }
[data-callout-metadata*="-medium"].callout { width: var(--float-medium-width); }
[data-callout-metadata*="-large"].callout { width: var(--float-large-width); }

.callout:is(div[data-callout-metadata*="left"],div[data-callout-metadata*="right"]) .callout-content > :is(p:first-child,ul:first-child,ol:first-child) { margin-top: 0; }

/* Blockquote underlap fix */
.markdown-rendered :is(blockquote) { overflow-x: auto; }
.markdown-rendered :is(p) { overflow: unset; }

/* List Column CSS Classes */
.two-column-list div > ul, .two-column-list-block { column-gap: 3rem; column-rule: var(--col-rule-width) solid var(--col-rule-color); }
.three-column-list div > ul, .three-column-list-block { column-gap: 3rem; column-rule: var(--col-rule-width) solid var(--col-rule-color); }
.four-column-list div > ul, .four-column-list-block { column-gap: 3rem; column-rule: var(--col-rule-width) solid var(--col-rule-color); }
.multi-column-list div > ul, .multi-column-list-block { column-gap: 3rem; column-rule: var(--col-rule-width) solid var(--col-rule-color); column-width: var(--list-min-width); }

@media (min-width: 500px ) {
    .two-column-list div > ul, .two-column-list-block { columns: 2; }
    .three-column-list div > ul, .three-column-list-block { columns: 3; }
    .four-column-list div > ul, .four-column-list-block { columns: 4; }
}

/* List Column via Tags */
ul:has(> li > a.tag[href*="#mcl/list-column"]) { column-width: var(--list-min-width); column-gap: 1rem; }
div:has(> ul > li > a.tag[href*="#mcl/list-column"]),
div[data-callout*="blank"] > .callout-content:has(> ul > li > a.tag[href*="#mcl/list-column"]) { 
    column-width: var(--list-min-width); column-gap: 1rem; column-rule: var(--col-rule-width) solid var(--col-rule-color); margin-top: 0.8em; 
}

/* List Grid via Tags */
ul:has(> li > a.tag[href*="#mcl/list-grid"]) { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--list-grid-min-width), 1fr)); }
ul:has(> li > a.tag[href*="#mcl/list-grid-wide"]) { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--list-grid-wide-min-width), 1fr)); }
ul:has(> li > a.tag[href*="#mcl/list-grid"]) > li:not(:last-of-type) { padding-right: 1.6em; }
ul:has(> li > a.tag[href*="#mcl/list-grid-sm"]) { display: grid; grid-template-columns: repeat(auto-fit, minmax(20%, 1fr)); }

@media (min-width: 500px) {
    .two-column-grid-list div > ul { display: grid; grid-column-gap: 3em; grid-template-columns: repeat(2,1fr); }
}
@media (min-width: 600px) {
    .three-column-grid-list div > ul { display: grid; grid-column-gap: 3em; grid-template-columns: repeat(3,1fr); }
}

/* List Card via Tags */
div:has(> ul a.tag[href*="#mcl/list-card"]) ul:first-child { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--list-grid-min-width), 1fr)); margin-block-start: 0.5em; }
div:has(> ul a.tag[href*="#mcl/list-card-wide"]) ul:first-child { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--list-grid-wide-min-width), 1fr)); }
div:has(> ul a.tag[href*="#mcl/list-card"]) ul ul:not(ul ul ul) { padding-left: 0.1em; }
div:has(> ul a.tag[href*="#mcl/list-card"]) > ul { padding-left: 0; }

div:has(> ul a.tag[href*="#mcl/list-card"]) > ul > li { position: relative; }
div:has(> ul a.tag[href*="#mcl/list-card"]) ul::before { display: none; }
div:has(> ul a.tag[href*="#mcl/list-card"]) > ul > li:not(.is-collapsed) { border-bottom: var(--mcl-card-header-border-width) solid var(--mcl-card-border-color); margin-bottom: 0.2em; }

div:has(> ul a.tag[href*="#mcl/list-card"]) li { list-style: none; }
div:has(> ul a.tag[href*="#mcl/list-card"]) li li li { list-style: circle; }

div:has(> ul a.tag[href*="#mcl/list-card"]) ul:not(ul ul) > li { 
    margin-inline: var(--mcl-card-gap); 
    margin-bottom: calc(var(--mcl-card-gap) * 2); 
    padding: 0.3em 0.5em; 
    outline: var(--mcl-card-border-width) solid var(--mcl-card-border-color); 
    border-radius: 0.5em; 
    background-color: var(--mcl-card-bg-color);
}

div:has(> ul a.tag[href*="#mcl/list-card"]) ul:not(ul ul) > li img { width: 100%; }