/**
 * Custom CSS
 *
 * This file is for your custom styles.
 * You can add any CSS rules here to customize the Ghost theme.
 *
 * Note: Changes made directly to this file may be overwritten during theme updates.
 * It's recommended to use the Code Injection feature in Ghost for persistent customizations.
 */

/* Your custom CSS goes below this line */

/**
 * Mobile‑first heading scale (post pages)
 * Base = mobile, then tablet and desktop upscales.
 */

/* Mobile (default) */
.post .post-head > .post-title { font-size: calc(var(--font-medium) * 1.10); }
.post .post-content h1 { font-size: calc(var(--font-h1) * 1.10); }
.post .post-content h2 { font-size: calc(var(--font-h2) * 1.05); }
.post .post-content h3 { font-size: calc(var(--font-h3) * 1.04); }
.post .post-content h4 { font-size: calc(var(--font-h4) * 1.03); }
.post .post-content h5 { font-size: calc(var(--font-h5) * 1.02); }
.post .post-content h6 { font-size: calc(var(--font-h6) * 1.01); }

/* Tablet (≥768px) */
@media (min-width: 768px) {
	.post .post-head > .post-title { font-size: calc(var(--font-medium) * 1.30); }
	.post .post-content h1 { font-size: calc(var(--font-h1) * 1.28); }
	.post .post-content h2 { font-size: calc(var(--font-h2) * 1.18); }
	.post .post-content h3 { font-size: calc(var(--font-h3) * 1.12); }
	.post .post-content h4 { font-size: calc(var(--font-h4) * 1.08); }
	.post .post-content h5 { font-size: calc(var(--font-h5) * 1.06); }
	.post .post-content h6 { font-size: calc(var(--font-h6) * 1.04); }
}

/* Desktop (≥1100px) */
@media (min-width: 1100px) {
	.post .post-head > .post-title { font-size: calc(var(--font-medium) * 1.46); }
	.post .post-content h1 { font-size: calc(var(--font-h1) * 1.46); }
	.post .post-content h2 { font-size: calc(var(--font-h2) * 1.26); }
	.post .post-content h3 { font-size: calc(var(--font-h3) * 1.18); }
	.post .post-content h4 { font-size: calc(var(--font-h4) * 1.12); }
	.post .post-content h5 { font-size: calc(var(--font-h5) * 1.08); }
	.post .post-content h6 { font-size: calc(var(--font-h6) * 1.06); }
}

/**
 * Miscellanous adjustments
 */

	.post-content .kg-product-card-container {
		max-width: 100%;
	}
	.sidebar-widgets {
		position: relative;
	}
	.section-posts-card-content>h3 {
		font-size: var(--font-large);
		font-weight: var(--font-weight-semibold);
	}
	.kg-gallery-image img, .kg-image-card img {
		width: auto;
		max-height: 650px !important;
		margin: auto;}
	.lightbox-trigger[aria-expanded=true]+.lightbox.lightbox-gallery {
		cursor: grab;
		scale: 1.2 !important;
	}
	logo img {
		max-height: var(--logo--max-height, 2.7rem);
	}