/**
 * 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 */

:root {
	--font-family-headings: 'Medeo Sans', sans-serif;
	--font-family-body: 'Medeo Sans', sans-serif;
	--font-family-button: 'Medeo Sans', sans-serif;
	--font-family-mono: 'Medeo Mono', ui-monospace, 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', monospace;

	/*
		Geist variable font features:
		- `cv11`: alternate single-storey 'l' that's easier to tell apart from '1'.
		- `liga`: enable common ligatures (default behaviour, explicit for clarity).
	*/
	font-feature-settings: 'cv11', 'liga';
	font-variant-ligatures: common-ligatures;
	text-rendering: optimizeLegibility;
}

.post-card-meta,
.post-card-meta > *,
.post-date,
.post-tag,
.section-info,
.section-info > *,
.post-status-icons,
.tag-card-head > span,
.footer-tags,
figcaption,
small,
:not(pre) > code,
pre,
kbd,
samp {
	font-family: var(--font-family-mono) !important;
}

.post-content :where(em, i) {
	font-style: normal !important;
	font-weight: var(--font-weight-regular) !important;
}

.post-card-meta .post-tag ~ .post-tag,
.section-info .post-tag ~ .post-tag {
	display: none;
}

.section-posts-pagination {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

/* Editorial emphasis remains semantic; the site uses upright text only. */
:where(em,i,cite,dfn,address),figcaption,figcaption *{font-style:normal!important}

/* Accent notes and section pauses are editorial blocks, not action buttons. */
.kg-callout-card.kg-callout-card-accent{background:transparent!important;color:var(--color-foreground)!important;border:0;border-inline-start:3px solid var(--color-accent);border-radius:0!important;padding:16px 24px;box-shadow:none;cursor:default}
.kg-header-card.kg-style-accent{background:var(--color-background-100)!important;color:var(--color-foreground)!important;min-height:0!important;border-inline-start:3px solid var(--color-accent);border-radius:0!important;padding:40px 32px!important}
.kg-header-card.kg-style-accent .kg-header-card-content{width:100%;max-width:none;min-height:0;padding:0!important}
.kg-header-card.kg-style-accent .kg-header-card-text{width:100%;max-width:none;text-align:start;align-items:flex-start;padding:0!important}
.kg-header-card.kg-style-accent .kg-header-card-heading{color:var(--color-foreground)!important;font-size:clamp(28px,3vw,40px)!important;line-height:1.2}
.kg-header-card.kg-style-accent .kg-header-card-subheading{color:var(--color-secondary)!important;margin-block:16px 0}
