/*

Minimal Publish / MIT License
Copyright (c) 2020-2024 Steph Ango (@kepano)

*/
/* Adjust the following variables or find more at the link below */
/* https://docs.obsidian.md/Reference/CSS+variables/CSS+variables */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');

body {
	--font-text-theme: 'Merriweather';
	--font-interface-theme: 'DM Sans';
	--font-monospace-theme: 'JetBrains Mono';
	/* Font sizes */
	--font-text-size: 16px;
	--font-small:     13px;
	--font-smaller:   11px;
	--font-smallest:  10px;
	--font-inputs:    13px;

	/* Font weights */
	--normal-weight:  400;
	--bold-weight:    600;
	--link-weight:    inherit;

	/* Headings */
	--page-title-weight: 500;
	--page-title-line-height: 1.1;

	--h1:             1.25em;
	--h2:             1.1em;
	--h3:             1.05em;
	--h4:             1em;
	--h5:             0.85em;
	--h6:             0.85em;

	--h1-weight:      600;
	--h2-weight:      600;
	--h3-weight:      600;
	--h4-weight:      500;
	--h5-weight:      500;
	--h6-weight:      400;

	--h1-variant:     normal;
	--h2-variant:     normal;
	--h3-variant:     normal;
	--h4-variant:     normal;
	--h5-variant:     small-caps;
	--h6-variant:     small-caps;

	--h1-style:       normal;
	--h2-style:       normal;
	--h3-style:       normal;
	--h4-style:       normal;
	--h5-style:       normal;
	--h6-style:       normal;

	/* Cards */
	--cards-min-width:    180px;
	--cards-max-width:    1fr;
	--cards-mobile-width: 180px;
	--cards-image-height: 400px;
	--cards-padding:      1.2em;
	--cards-image-fit:    contain;
	--cards-background:   transparent;
	--cards-border-width: 1px;
	--cards-aspect-ratio: auto;
	--cards-columns:      repeat(auto-fit, minmax(var(--cards-min-width), var(--cards-max-width)));

	/* Images */
	--image-radius:   8px;

	--img-grid-fit:        cover;
	--img-grid-background: transparent;
	--img-grid-gap:        0.5rem;

	--img-zoom-background: rgba(0,0,0,0.6);
	--img-zoom-max-width:  96%;
	--img-zoom-max-height: 90vh;
	--img-zoom-in-cursor:  zoom-in;
	--img-zoom-out-cursor: zoom-out;

	/* Misc */
	--icon-muted:     0.5;
	--border-width:   1px;

	--folding-offset: 16px;
	--nested-padding: 30px;    /* Quotes and transclusions */

	--list-padding:   2em;     /* List padding */
	--list-spacing:   0.075em; /* Space between list items */
}

/* Mobile */
@media (max-width:400pt) {
	body {
		--cards-min-width:var(--cards-mobile-width);
		--img-grid-gap: 0.25rem;
	}
}
/* macOS color scheme */
.theme-dark,
.theme-light {
	--color-red-rgb: 255,59,49;
	--color-orange-rgb: 255,149,2;
	--color-yellow-rgb: 255,204,0;
	--color-green-rgb: 42,205,65;
	--color-cyan-rgb: 2,199,190;
	--color-blue-rgb: 2,122,255;
	--color-purple-rgb: 176,81,222;
	--color-pink-rgb: 255,46,85;

	--color-red:#ff3b31;
	--color-orange:#ff9502;
	--color-yellow:#ffcc00;
	--color-green:#2acd41;
	--color-cyan:#02c7be;
	--color-blue:#027aff;
	--color-purple:#b051de;
	--color-pink:#ff2e55;
}
.theme-light {
	--accent-h:212;
	--accent-s:100%;
	--accent-l:50%;

	--bg1:#fff;
	--bg2:#f0f0f0;
	--bg3:#d7d7d7;

	--ui1:#e7e7e7;

	--tx1:#454545;
	--tx2:#808080;
	--tx3:#b0b0b0;

	--ax1:#027aff;
	--ax2:#0463cc;
	--ax3:#007bff;

	--hl1:#b3d7ff;
}
.theme-dark {
	--accent-h:212;
	--accent-s:100%;
	--accent-l:50%;

	--bg1:#1e1e1e;
	--bg2:#282828;
	--bg3:#414141;

	--background-divider:#000;

	--ui1:#373737;
	--ui2:#515151;
	--ui3:#595959;

	--tx1:#dcdcdc;
	--tx2:#8c8c8c;
	--tx3:#686868;

	--ax1:#027aff;
	--ax2:#3f9bff;
	--ax3:#007bff;

	--hl1:#3f638b;
}
.theme-light{--mono100:black;--mono0:white}.theme-dark{--mono100:white;--mono0:black}.theme-dark,.theme-light{--h1-color:var(--text-normal);--h2-color:var(--text-normal);--h3-color:var(--text-normal);--h4-color:var(--text-normal);--h5-color:var(--text-normal);--h6-color:var(--text-muted)}.published-container{--outline-heading-color-active:var(--tx1);--sidebar-left-background:var(--bg2)}.theme-dark,.theme-light{--background-primary:var(--bg1);--background-primary-alt:var(--bg2);--background-secondary:var(--bg2);--background-secondary-alt:var(--bg1);--background-tertiary:var(--bg3);--background-table-rows:var(--bg2);--background-modifier-form-field:var(--bg1);--background-modifier-form-field-highlighted:var(--bg1);--background-modifier-accent:var(--ax3);--background-modifier-border:var(--ui1);--background-modifier-border-hover:var(--ui2);--background-modifier-border-focus:var(--ui3);--background-modifier-success:var(--color-green);--background-divider:var(--ui1);--interactive-hover:var(--ui1);--interactive-accent:var(--ax3);--interactive-accent-hover:var(--ax3);--quote-opening-modifier:var(--ui2);--modal-border:var(--ui2);--icon-color:var(--tx2);--icon-color-hover:var(--tx2);--icon-color-active:var(--tx1);--icon-hex:var(--mono0);--text-normal:var(--tx1);--text-bold:var(--tx1);--text-italic:var(--tx1);--text-muted:var(--tx2);--text-faint:var(--tx3);--text-accent:var(--ax1);--text-accent-hover:var(--ax2);--text-on-accent:white;--text-selection:var(--hl1);--text-code:var(--tx4);--text-error:var(--color-red);--text-blockquote:var(--tx2);--title-color:var(--tx1);--title-color-inactive:var(--tx2)}.theme-light{--interactive-normal:var(--bg1);--interactive-accent-rgb:220,220,220;--text-highlight-bg:rgba(255, 225, 0, 0.5);--text-highlight-bg-active:rgba(0, 0, 0, 0.1);--background-modifier-error:rgba(255,0,0,0.14);--background-modifier-error-hover:rgba(255,0,0,0.08);--shadow-color:rgba(0, 0, 0, 0.1);--btn-shadow-color:rgba(0, 0, 0, 0.05)}.theme-dark{--interactive-normal:var(--bg3);--interactive-accent-rgb:66,66,66;--text-highlight-bg:rgba(255, 177, 80, 0.3);--text-highlight-bg-active:rgba(255, 255, 255, 0.1);--background-modifier-error:rgba(255,20,20,0.12);--background-modifier-error-hover:rgba(255,20,20,0.18);--background-modifier-box-shadow:rgba(0, 0, 0, 0.3);--shadow-color:rgba(0, 0, 0, 0.3);--btn-shadow-color:rgba(0, 0, 0, 0.2)}.alt-title .page-header,.hide-title .page-header{display:none}.hide-title.markdown-preview-view div:nth-child(4) h1{margin-top:.25em;font-variant:var(--page-title-variant);letter-spacing:-.015em;line-height:var(--page-title-line-height);font-size:var(--page-title-size);color:var(--page-title-color);font-weight:var(--page-title-weight);font-style:var(--page-title-style);font-family:var(--page-title-font);border:none}.h1-borders h1{border-bottom:1px solid var(--ui1);padding-bottom:.5em}.table-col-1-150.markdown-preview-view td:first-child{width:150px}.table-col-1-200.markdown-preview-view td:first-child{width:200px}.table-100 table,.table-cards table,.table-full table{width:100%}.table-small table{--table-text-size:85%}.table-tiny table{--table-text-size:75%}.row-hover{--table-edge-cell-padding-first:10px}.row-alt{--table-row-alt-background:var(--background-table-rows);--table-edge-cell-padding-first:10px}.col-alt .markdown-rendered:not(.cards){--table-column-alt-background:var(--background-table-rows)}.table-tabular table{font-variant-numeric:tabular-nums}.table-lines{--table-border-width:var(--border-width);--table-header-border-width:var(--border-width);--table-column-first-border-width:var(--border-width);--table-column-last-border-width:var(--border-width);--table-row-last-border-width:var(--border-width);--table-edge-cell-padding:10px}.table-nowrap{--table-white-space:nowrap}.table-nowrap .table-wrap,.trim-cols{--table-white-space:normal}.table-numbers table{counter-reset:section}.table-numbers table>thead>tr>th:first-child::before{content:" ";padding-right:.5em;display:inline-block;min-width:2em}.table-numbers table>tbody>tr>td:first-child::before{counter-increment:section;content:counter(section) " ";text-align:center;padding-right:.5em;display:inline-block;min-width:2em;color:var(--text-faint);font-variant-numeric:tabular-nums}.row-lines-off .table-view-table>tbody>tr>td,.row-lines-off table tbody>tr:last-child>td,.row-lines-off table tbody>tr>td{border-bottom:none}.row-lines .table-view-table>tbody>tr>td,.row-lines table tbody>tr>td{border-bottom:var(--table-border-width) solid var(--table-border-color)}.row-lines table tbody>tr:last-child>td{border-bottom:none}.col-lines .table-view-table thead>tr>th:not(:last-child),.col-lines .table-view-table>tbody>tr>td:not(:last-child),.col-lines table tbody>tr>td:not(:last-child){border-right:var(--table-border-width) solid var(--background-modifier-border)}.row-hover{--table-row-background-hover:hsla( var(--accent-h), 50%, 80%, 20% )}.theme-dark .row-hover,.theme-dark.row-hover{--table-row-background-hover:hsla( var(--accent-h), 30%, 40%, 20% )}img[src$="#outline"],span[src$="#outline"] img{border:1px solid var(--ui1)}.published-container img[src$="#interface"],.published-container span[src$="#interface"] img{border:1px solid var(--ui1);box-shadow:0 .5px .9px rgba(0,0,0,.021),0 1.3px 2.5px rgba(0,0,0,.03),0 3px 6px rgba(0,0,0,.039),0 10px 20px rgba(0,0,0,.06);margin-top:10px;margin-bottom:15px;border-radius:var(--radius-m)}.theme-dark img[src$="#invert"],.theme-dark span[src$="#invert"] img{filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}.theme-light img[src$="#invertW"],.theme-light span[src$="#invertW"] img{filter:invert(1) hue-rotate(180deg)}img[src$="#circle"],span[src$="#circle"] img{border-radius:50%;aspect-ratio:1/1}body{--img-grid-fit:cover;--img-grid-background:transparent;--img-grid-gap:0.5rem}@media (max-width:400pt){body{--img-grid-gap:0.25rem}}.img-grid-ratio{--image-grid-fit:contain}.img-grid .image-embed.is-loaded{line-height:0;display:flex;align-items:stretch}.img-grid .image-embed.is-loaded img{background-color:var(--image-grid-background)}.img-grid .image-embed.is-loaded img:active{background-color:transparent}.img-grid .markdown-preview-section>div:has(img) .image-embed~br,.img-grid .markdown-preview-section>div:has(img) img~br,.img-grid .markdown-preview-section>div:has(img) p:empty{display:none}.img-grid .markdown-preview-section div:has(>.image-embed ~ .image-embed),.img-grid .markdown-preview-section div:has(>img ~ img),.img-grid .markdown-preview-section p:has(>.image-embed ~ .image-embed),.img-grid .markdown-preview-section p:has(>.image-embed ~ img),.img-grid .markdown-preview-section p:has(>img ~ .image-embed),.img-grid .markdown-preview-section p:has(>img ~ img){display:grid;margin-block-start:var(--img-grid-gap);margin-block-end:var(--img-grid-gap);grid-column-gap:var(--img-grid-gap);grid-row-gap:0;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.img-grid .markdown-preview-section div:has(>.image-embed ~ .image-embed)>img,.img-grid .markdown-preview-section div:has(>img ~ img)>img,.img-grid .markdown-preview-section p:has(>.image-embed ~ .image-embed)>img,.img-grid .markdown-preview-section p:has(>.image-embed ~ img)>img,.img-grid .markdown-preview-section p:has(>img ~ .image-embed)>img,.img-grid .markdown-preview-section p:has(>img ~ img)>img{object-fit:var(--image-grid-fit);align-self:stretch}.img-grid .markdown-preview-section div:has(>.image-embed ~ .image-embed)>.internal-embed img,.img-grid .markdown-preview-section div:has(>img ~ img)>.internal-embed img,.img-grid .markdown-preview-section p:has(>.image-embed ~ .image-embed)>.internal-embed img,.img-grid .markdown-preview-section p:has(>.image-embed ~ img)>.internal-embed img,.img-grid .markdown-preview-section p:has(>img ~ .image-embed)>.internal-embed img,.img-grid .markdown-preview-section p:has(>img ~ img)>.internal-embed img{object-fit:var(--image-grid-fit);align-self:center}.img-grid .markdown-preview-section>div:has(img)>p{display:grid;margin-block-start:var(--img-grid-gap);margin-block-end:var(--img-grid-gap);grid-column-gap:var(--img-grid-gap);grid-row-gap:0;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.img-grid .markdown-preview-section>div:has(img)>p>br{display:none}.img-zoom .image-embed{cursor:zoom-in}.lightbox{z-index:99999;position:fixed;width:100%;height:100%;max-width:100%;top:0;left:0;background:var(--img-zoom-background);display:flex;align-items:center;justify-content:center;height:100%}.lightbox .internal-embed.image-embed{max-width:var(--img-zoom-max-width);max-height:var(--img-zoom-max-height);cursor:var(--img-zoom-in-cursor);display:flex}.lightbox img{cursor:var(--img-zoom-out-cursor);object-fit:contain;width:auto}.cards table{--table-width:100%;--table-edge-cell-padding-first:calc(var(--cards-padding)/2);--table-edge-cell-padding-last:calc(var(--cards-padding)/2);--table-cell-padding:calc(var(--cards-padding)/3) calc(var(--cards-padding)/2);line-height:1.3}.cards table tbody{clear:both;padding:.5rem 0;display:grid;grid-template-columns:var(--cards-columns);grid-column-gap:0.75rem;grid-row-gap:0.75rem}.cards table>tbody>tr{background-color:var(--cards-background);border:var(--cards-border-width) solid var(--background-modifier-border);display:flex;flex-direction:column;margin:0;padding:0 0 calc(var(--cards-padding)/3) 0;border-radius:6px;overflow:hidden;transition:box-shadow .15s linear;max-width:var(--cards-max-width)}.cards table>tbody>tr:hover{border:var(--cards-border-width) solid var(--background-modifier-border-hover);box-shadow:0 4px 6px 0 rgba(0,0,0,.05),0 1px 3px 1px rgba(0,0,0,.025);transition:box-shadow .15s linear}.cards table tbody>tr>td:first-child{font-weight:var(--bold-weight);border:none}.cards table tbody>tr>td:first-child a{display:block}.cards table tbody>tr>td:last-child{border:none}.cards table tbody>tr>td:not(:first-child){font-size:calc(var(--table-text-size) * .9);color:var(--text-muted)}.cards table tbody>tr>td>*{padding:calc(var(--cards-padding)/3) 0}.cards table tbody>tr>td:not(:last-child):not(:first-child){padding:4px 0;border-bottom:1px solid var(--background-modifier-border);width:calc(100% - var(--cards-padding));margin:0 calc(var(--cards-padding)/2)}.cards table tbody>tr>td a{text-decoration:none}.cards table tbody>tr>td>button{width:100%;margin:calc(var(--cards-padding)/2) 0}.cards table tbody>tr>td:last-child>button{margin-bottom:calc(var(--cards-padding)/6)}.cards table tbody>tr>td>ul{width:100%;padding:.25em 0!important;margin:0 auto!important}.cards table tbody>tr>td:has(img){padding:0!important;background-color:var(--background-secondary);display:block;margin:0;width:100%}.cards table tbody>tr>td img{aspect-ratio:var(--cards-aspect-ratio);width:100%;object-fit:var(--cards-image-fit);max-height:var(--cards-image-height);background-color:var(--background-secondary);vertical-align:bottom}.cards table thead{display:none}.list-cards.markdown-preview-view .list-bullet,.list-cards.markdown-preview-view .list-collapse-indicator,.list-cards.markdown-preview-view.markdown-rendered.show-indentation-guide li>ul::before{display:none}.list-cards.markdown-preview-view div>ul{display:grid;gap:.75rem;grid-template-columns:var(--cards-columns);padding:0;line-height:var(--line-height-tight)}.list-cards.markdown-preview-view div>ul>li{background-color:var(--cards-background);padding:calc(var(--cards-padding)/2);border-radius:var(--radius-s);border:var(--cards-border-width) solid var(--background-modifier-border);overflow:hidden}.list-cards.markdown-preview-view div>ul .image-embed{padding:0;display:block;background-color:var(--background-secondary);border-radius:var(--image-radius)}.list-cards.markdown-preview-view div>ul .image-embed img{aspect-ratio:var(--cards-aspect-ratio);object-fit:var(--cards-image-fit);max-height:var(--cards-image-height);background-color:var(--background-secondary);vertical-align:bottom}.list-cards.markdown-preview-view div>ul>li>a{--link-decoration:none;--link-external-decoration:none;font-weight:var(--bold-weight)}.list-cards.markdown-preview-view div ul>li:hover{border-color:var(--background-modifier-border-hover)}.list-cards.markdown-preview-view div ul ul{display:block;width:100%;color:var(--text-muted);font-size:var(--font-smallest);margin:calc(var(--cards-padding)/-4) 0;padding:calc(var(--cards-padding)/2) 0}.list-cards.markdown-preview-view div ul ul ul{padding-bottom:calc(var(--cards-padding)/4)}.list-cards.markdown-preview-view div ul ul>li{display:block;margin-inline-start:0}.cards.cards-16-9,.list-cards.cards-16-9{--cards-aspect-ratio:16/9}.cards.cards-1-1,.list-cards.cards-1-1{--cards-aspect-ratio:1/1}.cards.cards-2-1,.list-cards.cards-2-1{--cards-aspect-ratio:2/1}.cards.cards-2-3,.list-cards.cards-2-3{--cards-aspect-ratio:2/3}.cards.cards-cols-1,.list-cards.cards-cols-1{--cards-columns:repeat(1, minmax(0, 1fr))}.cards.cards-cols-2,.list-cards.cards-cols-2{--cards-columns:repeat(2, minmax(0, 1fr))}.cards.cards-cover,.list-cards.cards-cover{--cards-image-fit:cover}.cards.cards-align-bottom table.dataview tbody>tr>td:last-child,.list-cards.cards-align-bottom table.dataview tbody>tr>td:last-child{margin-top:auto}@media (max-width:400pt){.cards table.dataview tbody>tr>td:not(:first-child){font-size:80%}}@media (min-width:400pt){.cards-cols-3{--cards-columns:repeat(3, minmax(0, 1fr))}.cards-cols-4{--cards-columns:repeat(4, minmax(0, 1fr))}.cards-cols-5{--cards-columns:repeat(5, minmax(0, 1fr))}.cards-cols-6{--cards-columns:repeat(6, minmax(0, 1fr))}.cards-cols-7{--cards-columns:repeat(7, minmax(0, 1fr))}.cards-cols-8{--cards-columns:repeat(8, minmax(0, 1fr))}}.markdown-preview-view code{color:var(--tx4);font-size:.85em}.theme-light :not(pre)>code[class*=language-],.theme-light pre[class*=language-]{background-color:var(--bg2)}iframe,img{border-radius:var(--image-radius)}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{border-color:var(--ui1)}input[type=email]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=text]:hover{border-color:var(--ui2)}input[type=email]:active,input[type=email]:focus,input[type=number]:active,input[type=number]:focus,input[type=password]:active,input[type=password]:focus,input[type=search]:active,input[type=search]:focus,input[type=text]:active,input[type=text]:focus{border-color:var(--ui2);box-shadow:0 0 0 2px var(--ui2)}ol>li::marker,ul>li::marker{color:var(--tx3)}body{--table-header-border-width:0;--table-column-first-border-width:0;--table-column-last-border-width:0;--table-row-last-border-width:0;--table-edge-cell-padding-first:0;--table-edge-cell-padding-last:10px;--table-cell-padding:4px 10px;--table-header-size:var(--table-text-size)}.markdown-preview-view table{border:var(--border-width) solid var(--border-color);border-collapse:collapse;margin-block-start:1em}.markdown-preview-view td,.markdown-preview-view th{padding:var(--table-cell-padding)}.markdown-preview-view td:first-child,.markdown-preview-view th:first-child{padding-left:var(--table-edge-cell-padding-first)}.markdown-preview-view td:last-child,.markdown-preview-view th:last-child{padding-right:var(--table-edge-cell-padding-last)}.markdown-preview-view .tag:not(.token){background-color:transparent;border:1px solid var(--ui1);color:var(--tx2);font-size:var(--font-small)}.tooltip{display:none}

/************************ SOCIAL ************************/

.boxed {
    padding: 0;
    border: none;
    margin: 0;
    border-radius: 0;
    max-width: none;
    text-align: left;
}

.social {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.social svg {
    width: auto;
    height: 30px;
    vertical-align: middle;
}

.social svg path {
    fill: var(--text-normal);
    transition: fill 0.2s ease;
}

.social svg:hover path {
    fill: var(--text-accent);
}

.social a {
    background: none;
    text-decoration: none;
    margin-right: 15px;
}

.social a:last-child {
    margin-right: 0;
}

/************************ END SOCIAL ************************/

/************************ FOOTER SOCIAL ICONS ************************/

.site-footer .social-footer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    opacity: 0.8;
}

.site-footer .social-footer svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.site-footer .social-footer svg path {
    fill: var(--text-faint);
    transition: fill 0.2s ease;
}

.site-footer .social-footer svg:hover path {
    fill: var(--text-accent);
}

.site-footer .social-footer a {
    background: none;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.site-footer .copyright-text {
    color: var(--text-faint);
    font-size: var(--font-small);
    margin-bottom: 8px;
    opacity: 0.8;
	text-align: left;
}

.site-footer > a {
    display: block;
    text-align: left;
    color: var(--text-faint);
    text-decoration: none;
    font-size: var(--font-small);
    opacity: 0.8;
}

/************************ END FOOTER SOCIAL ICONS ************************/
/************************ CUSTOM CALLOUTS *******************/

.callout[data-callout="readtime"] {
	--callout-color: 120, 155, 190;
	--callout-icon: clock;
  }
  .theme-dark .callout[data-callout="readtime"] {
	--callout-color: 150, 180, 210;
  }
  
  .callout[data-callout="prologue"] {
	--callout-color: 230, 195, 130;
	& .callout-icon { display: none; }
	& .callout-title { display: none; }
  }
  .theme-dark .callout[data-callout="prologue"] {
	--callout-color: 200, 170, 110;
  }
  
  .callout[data-callout="start-info"] {
	--callout-color: 120, 150, 200;
	--callout-icon: info;
	margin-top: 5em;
  }
  .theme-dark .callout[data-callout="start-info"] {
	--callout-color: 85, 115, 165;
  }
  .callout[data-callout="start-info"] .callout-icon { opacity: .55; }
  .callout[data-callout="start-info"] .callout-title { color: var(--tx2); font-weight: 500; }
  
  .callout[data-callout="start-quote"] {
	--callout-color: 180, 170, 150;
	--callout-icon: quote;
	margin-top: 5em;
  }
  .theme-dark .callout[data-callout="start-quote"] {
	--callout-color: 110, 100, 80;
  }
  .callout[data-callout="start-quote"] .callout-title { color: var(--tx2); }
  .callout[data-callout="start-quote"] .callout-content { color: var(--text-blockquote); }
  
  .callout[data-callout="credits"] {
	--callout-color: 140, 165, 210;
	--callout-icon: copyright;
  }
  .theme-dark .callout[data-callout="credits"] {
	--callout-color: 165, 190, 230;
  }
  
  .callout[data-callout="video"] {
	--callout-color: 135, 175, 140;
	--callout-icon: video;
	padding: .5em;
	margin: .5em;
	
	& .callout-title {
		  padding: 0.5em;
	  padding-bottom: 0.9em;
		  margin: 0.5em;
	  }
  
	& .callout-content {
		  padding: 0;
		  margin: 0;
		  border: none;
		  box-shadow: none;
	  }
  
  }
  .theme-dark .callout[data-callout="video"] {
	--callout-color: 160, 200, 165;
  }
  
  .callout[data-callout="tools"] {
	--callout-color: 160, 145, 190;
	--callout-icon: hammer;
  }
  .theme-dark .callout[data-callout="tools"] {
	--callout-color: 185, 170, 210;
  }
  
  .callout[data-callout="explore"] {
	--callout-color: 180, 160, 140;
	padding: 0;
	margin: 1em 0;
	background: transparent !important;
	border: none !important;
	border-radius: 0;
	
	& .callout-icon {
		display: none;
	}
	
	& .callout-title {
		display: none;
	}
	
	& .callout-content {
		padding: 0;
		margin: 0;
		border: none;
		box-shadow: none;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 1rem;
	}
	
	& .explore-item {
		aspect-ratio: 1;
		border-radius: 12px;
		overflow: hidden;
		position: relative;
		transition: all 0.3s ease;
		background: rgba(255, 255, 255, 0.05);
		border: 1px solid rgba(180, 160, 140, 0.2);
		cursor: pointer;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	}
	
	& .explore-item:hover {
		transform: translateY(-4px);
		box-shadow: 0 12px 30px rgba(180, 160, 140, 0.3);
	}
	
	& .explore-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		pointer-events: none;
	}
	
	& .explore-item .explore-overlay {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
		color: white;
		padding: 1rem;
		transform: translateY(0);
		transition: all 0.3s ease;
	}
	
	& .explore-item:hover .explore-overlay {
		background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
	}
	
	& .explore-item .explore-title {
		font-size: 0.9rem;
		font-weight: 600;
		margin: 0;
		line-height: 1.2;
	}
	
	& .explore-item .explore-hover-overlay {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.7);
		backdrop-filter: blur(2px);
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 0;
		transition: opacity 0.3s ease;
		pointer-events: none;
	}
	
	& .explore-item:hover .explore-hover-overlay {
		opacity: 1;
		pointer-events: auto;
	}
	
	& .explore-item .explore-link {
		font-size: 1.1rem;
		font-weight: 600;
		color: white;
		text-align: center;
		padding: 1rem;
		border: 2px solid rgba(255, 255, 255, 0.3);
		border-radius: 8px;
		background: rgba(255, 255, 255, 0.1);
		backdrop-filter: blur(4px);
		transition: all 0.3s ease;
	}
	
	& .explore-item:hover .explore-link {
		border-color: rgba(255, 255, 255, 0.6);
		background: rgba(255, 255, 255, 0.2);
		transform: scale(1.05);
	}
	
	& .explore-item .explore-link a {
		color: white;
		text-decoration: none;
	}
	
	& .explore-item .explore-link a:hover {
		text-decoration: underline;
	}
  }
  
  .theme-dark .callout[data-callout="explore"] {
	--callout-color: 200, 180, 160;
	background: linear-gradient(135deg, rgba(200, 180, 160, 0.08), rgba(220, 200, 180, 0.04));
	border: 1px solid rgba(200, 180, 160, 0.15);
	
	& .explore-item {
		background: rgba(255, 255, 255, 0.03);
		border: 1px solid rgba(200, 180, 160, 0.2);
	}
	
	& .explore-item:hover {
		box-shadow: 0 8px 25px rgba(200, 180, 160, 0.2);
	}
  }
  
  	/* Mobile responsiveness for explore callout */
	@media (max-width: 768px) {
		.callout[data-callout="explore"] .callout-content {
			grid-template-columns: repeat(2, 1fr);
			gap: 0.75rem;
			padding: 0.5rem;
		}
		
		.callout[data-callout="explore"] .explore-item {
			aspect-ratio: 1;
			width: calc(50vw - 1.5rem);
			height: calc(50vw - 1.5rem);
			max-width: 200px;
			max-height: 200px;
		}
	}
	
	@media (max-width: 480px) {
		.callout[data-callout="explore"] .callout-content {
			grid-template-columns: repeat(2, 1fr);
			gap: 0.5rem;
			padding: 0.25rem;
		}
		
		.callout[data-callout="explore"] .explore-item {
			aspect-ratio: 1;
			width: calc(50vw - 0.75rem);
			height: calc(50vw - 0.75rem);
			max-width: 180px;
			max-height: 180px;
		}
		
		.callout[data-callout="explore"] .explore-title {
			font-size: 1rem;
			padding: 1rem;
		}
	}
  
  /************************ CALLOUT IMAGES *******************/
  .callout[data-callout^="figure"] {
	  --callout-color: 110, 150, 120;
	  padding: .5em;
	  margin: .5em;
  
	  & .callout-icon {
		  display: none;
	  }
  
	  & .callout-title {
		  padding: 0;
		  margin: 0;
	  }
  
	  & .callout-content {
		  padding: 0;
		  margin: 0;
		  border: none;
		  box-shadow: none;
		  color: #5A7D64;
	  }
  }
  .theme-dark .callout[data-callout^="figure"] {
	  --callout-color: 120, 165, 135;
	  & .callout-content {
		  color: #5F856C;
	   }
  }
  
  .callout[data-callout^="figure-right"] {
	  --callout-color: 110, 150, 120;
	  float: right;
	  width: 50%;
	  & .callout-content {
		  color: #5A7D64;
	   }
  }
  .theme-dark .callout[data-callout^="figure-right"] {
	  --callout-color: 120, 165, 135
	  & .callout-content {
		  color: #5F856C;
	   }
  }
  
  .callout[data-callout^="figure-left"] {
	  --callout-color: 110, 150, 120;
	  float: left;
	  width: 50%;
	  & .callout-content {
		  color: #5A7D64;
	   }
  }
  .theme-dark .callout[data-callout^="figure-left"] {
	  --callout-color: 120, 165, 135;
	  & .callout-content {
		  color: #5F856C;
	   }
  }
  /************************ END CALLOUT IMAGES *******************/
  /************************ END CUSTOM CALLOUTS *******************/

.site-body-left-column-site-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.site-body-left-column-site-logo img {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.theme-light .site-body-left-column-site-logo img {
    filter: brightness(0) saturate(100%) !important;
}

.theme-dark .site-body-left-column-site-logo img {
    filter: brightness(0) saturate(100%) invert(1) !important;
}

@media (max-width: 768px) {
    .theme-light .site-header img {
        filter: brightness(0) saturate(100%) !important;
        -webkit-filter: brightness(0) saturate(100%) !important;
    }
    
    .theme-dark .site-header img {
        filter: brightness(0) saturate(100%) invert(1) !important;
        -webkit-filter: brightness(0) saturate(100%) invert(1) !important;
    }
}

@media (max-width: 480px) {
    .theme-light .site-header img {
        filter: brightness(0) saturate(100%) !important;
        -webkit-filter: brightness(0) saturate(100%) !important;
    }
    
    .theme-dark .site-header img {
        filter: brightness(0) saturate(100%) invert(1) !important;
        -webkit-filter: brightness(0) saturate(100%) invert(1) !important;
    }
}

.site-body-left-column-site-logo + .site-body-left-column-site-title {
    margin: 0;
    font-size: 1.2em;
    font-weight: 600;
}


.site-body-left-column-site-logo a {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
}

.site-footer > *:not(.social-footer):not(.copyright-text):not(.powered-by-link) {
  display: none !important;
}