.twitter-tweet:not(.twitter-tweet-rendered) {
	padding: var(--tc-padding, 1em);
	border: 1px solid var(--tc-border-color, #cfd9de);
}
.twitter-tweet:not(.twitter-tweet-rendered) > :first-child {
	margin-top: 0;
}
.twitter-tweet:not(.twitter-tweet-rendered) > :last-child {
	margin-bottom: 0;
}
.twitter-tweet.twitter-tweet-rendered {
	color-scheme: normal;
}
lite-youtube {
    background-color: #000;
    position: relative;
    display: block;
    contain: content;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    max-width: 720px;
}

/* gradient */
lite-youtube::before {
    content: attr(data-title);
    display: block;
    position: absolute;
    top: 0;
    /* Pixel-perfect port of YT's gradient PNG, using https://github.com/bluesmoon/pngtocss plus optimizations */
    background-image: linear-gradient(180deg, rgb(0 0 0 / 67%) 0%, rgb(0 0 0 / 54%) 14%, rgb(0 0 0 / 15%) 54%, rgb(0 0 0 / 5%) 72%, rgb(0 0 0 / 0%) 94%);
    height: 99px;
    width: 100%;
    font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif;
    color: hsl(0deg 0% 93.33%);
    text-shadow: 0 0 2px rgba(0,0,0,.5);
    font-size: 18px;
    padding: 25px 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

lite-youtube:hover::before {
    color: white;
}

/* responsive iframe with a 16:9 aspect ratio
    thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
    content: "";
    display: block;
    padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

/* play button */
lite-youtube > .lyt-playbtn {
    display: block;
    /* Make the button element cover the whole area for a large hover/click target… */
    width: 100%;
    height: 100%;
    /* …but visually it's still the same size */
    background: no-repeat center/68px 48px;
    /* YT's actual play button svg */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
    position: absolute;
    cursor: pointer;
    z-index: 1;
    filter: grayscale(100%);
    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
    border: 0;
}

lite-youtube:hover > .lyt-playbtn,
lite-youtube .lyt-playbtn:focus {
    filter: none;
}

/* Post-click styles */
lite-youtube.lyt-activated {
    cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lyt-playbtn {
    opacity: 0;
    pointer-events: none;
}

.lyt-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
lite-youtube > iframe {
		all: unset !important;
		width: 100% !important;
		height: 100% !important;
		position: absolute !important;
		inset: 0 !important;
		border: 0 !important;
	}lite-vimeo {
	font-size: 10px;
	background-color: #000;
	position: relative;
	display: block;
	contain: content;
	background-position: center center;
	background-size: cover;
}

/* responsive iframe with a 16:9 aspect ratio
	thanks https://css-tricks.com/responsive-iframes/
*/
lite-vimeo::after {
	content: '';
	display: block;
	padding-bottom: calc(100% / (16 / 9));
}
lite-vimeo > iframe {
	all: unset !important;
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	inset: 0 !important;
	border: 0 !important;
}

/* play button */
lite-vimeo > .ltv-playbtn {
	content: '';
	position: absolute;
	inset: 0;
	width: 100%;
	background: transparent;
	outline: 0;
	border: 0;
	cursor: pointer;
}

lite-vimeo > .ltv-playbtn::before {
	width: 6.5em;
	height: 4em;
	background: rgba(23, 35, 34, 0.75);
	opacity: 0.8;
	border-radius: 0.25rem;
	transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
lite-vimeo > .ltv-playbtn:focus::before {
	outline: auto;
}
lite-vimeo:hover > .ltv-playbtn::before {
	background-color: rgb(0, 173, 239);
	background-color: var(--ltv-color, #00adef);
	opacity: 1;
}
/* play button triangle */
lite-vimeo > .ltv-playbtn::after {
	border-style: solid;
	border-width: 1em 0 1em 1.7em;
	border-color: transparent transparent transparent #fff;
}

lite-vimeo > .ltv-playbtn::before,
lite-vimeo > .ltv-playbtn::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
}

/* Post-click styles */
lite-vimeo.ltv-activated::before,
lite-vimeo.ltv-activated > .ltv-playbtn {
	cursor: unset;
	opacity: 0;
	pointer-events: none;
}
.link-preview[data-astro-cid-4wkxthgh] {
  --lp-width: var(--link-preview-width, 30em);
  --lp-pad-x: var(--link-preview-padding-inline, 0);
  --lp-pad-y: var(--link-preview-padding-block, .5em);
  --lp-corners: var(--link-preview-corners, 0);
  --lp-desc-lines: var(--link-preview-description-lines, 1);
  position: relative;
  width: var(--lp-width);
  max-width: 100%;
  display: flex;
  flex-direction: column-reverse;
  border-radius: var(--lp-corners);
}

.link-preview[data-astro-cid-4wkxthgh] [data-astro-cid-4wkxthgh] {
  margin: 0 !important;
}

.link-preview__content[data-astro-cid-4wkxthgh] {
  display: flex;
  flex-direction: column;
  padding: var(--lp-pad-y) var(--lp-pad-x);
}

.link-preview[data-astro-cid-4wkxthgh] header[data-astro-cid-4wkxthgh] {
  display: flex;
  flex-direction: column-reverse;
}

.link-preview__description[data-astro-cid-4wkxthgh] {
  display: -webkit-box;
  -webkit-line-clamp: var(--lp-desc-lines);
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.link-preview[data-astro-cid-4wkxthgh]:not(.link-preview--has-video) a[data-astro-cid-4wkxthgh]:after {
  content: "";
  position: absolute;
  inset: 0;
}

.link-preview[data-astro-cid-4wkxthgh] img[data-astro-cid-4wkxthgh], .link-preview[data-astro-cid-4wkxthgh] video[data-astro-cid-4wkxthgh] {
  aspect-ratio: 1200 / 630;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-top-left-radius: var(--lp-corners);
  border-top-right-radius: var(--lp-corners);
}
astro-embed-mastodon::part(image-attachment),
	astro-embed-mastodon::part(audio-attachment),
	astro-embed-mastodon::part(video-attachment) {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}astro-embed-mastodon::part(preview-card-authors) {
		font-size: 0.875em;
		display: flex;
		padding: 1em;
		gap: 0.25em 0.5em;
		flex-wrap: wrap;
		background-color: var(--background-color-surface);
	}

	astro-embed-mastodon::part(preview-card-author) {
		display: flex;
		align-items: center;
		gap: 0.25em;
		font-weight: 600;
		text-decoration: none;
		color: inherit;
		white-space: nowrap;
		overflow: hidden;
		color: var(--color-primary);
	}
	astro-embed-mastodon::part(preview-card-author-name) {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	astro-embed-mastodon::part(preview-card-author-avatar) {
		border-radius: 50%;
	}astro-embed-mastodon::part(preview-card) {
		border: 1px solid var(--border-color, #cfd9de);
		border-radius: var(--border-radius);
		overflow: clip;
	}
	astro-embed-mastodon::part(preview-card-link) {
		display: flex;
		flex-direction: column;
		text-decoration: none;
		color: inherit;
		border-radius: var(--border-radius) var(--border-radius) 0 0;
		outline-offset: -2px;
	}
	astro-embed-mastodon::part(preview-card-link--no-image) {
		flex-direction: row;
	}

	astro-embed-mastodon::part(preview-card-image) {
		width: 100%;
		height: auto;
	}
	astro-embed-mastodon::part(preview-card-image-placeholder) {
		flex: 0 0 auto;
		width: 7.5em;
		aspect-ratio: 1;
		display: grid;
		place-items: center;
		background-color: var(--background-color-accent);
		color: var(--color-secondary);
	}

	astro-embed-mastodon::part(preview-card-content) {
		flex: 1 1 auto;
		overflow: hidden;
		padding: var(--padding, 1em);
		max-width: 100%;
		display: flex;
		flex-direction: column;
		gap: 0.5em;
		justify-content: center;
	}
	astro-embed-mastodon::part(preview-card-provider-name),
	astro-embed-mastodon::part(preview-card-description) {
		display: block;
		font-size: 0.875em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color: var(--color-secondary);
	}

	astro-embed-mastodon::part(preview-card-title) {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		font-size: 1.1875em;
		line-height: 1.25;
		overflow: hidden;
		text-overflow: ellipsis;
		color: var(--color-primary);
	}astro-embed-mastodon::part(attachments) {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		gap: 0.125em;
		overflow: clip;
		border-radius: var(--border-radius);
		aspect-ratio: 3 / 2;
	}
	astro-embed-mastodon::part(attachments media-count-1) {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		aspect-ratio: unset;
	}
	astro-embed-mastodon::part(row-span) {
		grid-row: span 2;
	}astro-embed-mastodon::part(footer) {
		font-size: 0.875em;
	}astro-embed-mastodon::part(header) {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 0.9375em;
		line-height: 1.467em;
		gap: 0.667em;
	}
	astro-embed-mastodon::part(user) {
		display: flex;
		align-items: center;
		gap: 0.667em;
		overflow: hidden;

		text-decoration: none;
		color: inherit;
	}
	astro-embed-mastodon::part(user-avatar) {
		border-radius: var(--border-radius);
		width: 3em;
		height: 3em;
		object-fit: cover;
	}
	astro-embed-mastodon::part(user-content) {
		max-width: 100%;
		display: flex;
		flex-direction: column;

		white-space: nowrap;
		overflow: hidden;

		color: var(--color-secondary);
	}
	astro-embed-mastodon::part(user-display-name) {
		font-weight: 600;
		color: var(--color-primary);
	}
	astro-embed-mastodon::part(user-display-name),
	astro-embed-mastodon::part(user-account) {
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	astro-embed-mastodon::part(mastodon-logo) {
		color: var(--color-secondary);
		width: 2.5em;
		height: 2.5em;
	}astro-embed-mastodon::part(quote) {
		border: 1px solid var(--border-color, #cfd9de);
		border-radius: var(--border-radius);
		padding: 0.875em;
		display: flex;
		flex-direction: column;
		gap: 1em;
	}

	astro-embed-mastodon::part(quote-header) {
		display: flex;
		gap: 0.5em;
		font-size: 0.875em;
	}
	astro-embed-mastodon::part(quote-avatar) {
		border-radius: var(--border-radius);
	}
	astro-embed-mastodon::part(quote-display-name) {
		display: flex;
		flex-direction: column;
		margin-inline-end: auto;
		color: var(--color-primary);
	}
	astro-embed-mastodon::part(quote-username) {
		font-size: 0.85em;
		letter-spacing: 0.04em;
		color: var(--color-secondary);
	}

	astro-embed-mastodon::part(quote-content) {
		display: flex;
		flex-direction: column;
		gap: 1em;

		color: var(--color-primary);
		font-size: 0.875em;
	}

	astro-embed-mastodon::part(subquote) {
		border-radius: var(--border-radius);
		color: var(--color-secondary);
		background-color: var(--background-color-surface);
		padding: 0.5em 0.75em;
		font-size: 0.875em;
	}astro-embed-mastodon::part(root) {
		/* Light colour palette */
		--color-scheme--light: light;
		--color--light: #292938;
		--color-primary--light: #000;
		--color-secondary--light: #45455f;
		--color-link--light: #5653ed;
		--background-color--light: #fff;
		--border-color--light: #cfd9de;
		--background-color-surface--light: #e8e6f0;
		--background-color-accent--light: #c6bfd9;
		/* --border-color-media--light: rgba(252, 248, 255, .15) */

		/* Dark colour palette */
		--color-scheme--dark: dark;
		--color--dark: #cfd9de;
		--color-primary--dark: #f0f1ff;
		--color-secondary--dark: #8b8dac;
		--color-link--dark: #8886ff;
		--background-color--dark: #181821;
		--border-color--dark: #c8cdfe2e;
		--background-color-surface--dark: #6247e61a;
		--background-color-accent--dark: #c8cdfe14;
		/* --border-color-media--dark: rgba(252, 248, 255, .15) */

		--color-scheme: var(--color-scheme--light);
		--color: var(--color--light);
		--color-primary: var(--color-primary--light);
		--color-secondary: var(--color-secondary--light);
		--color-link: var(--color-link--light);
		--background-color: var(--background-color--light);
		--border-color: var(--border-color--light);
		--background-color-surface: var(--background-color-surface--light);
		--background-color-accent: var(--background-color-accent--light);

		--padding: 1em;
		--border-radius: 0.5em;
		--font-family:
			Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen,
			Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	}

	@media (prefers-color-scheme: dark) {
		astro-embed-mastodon::part(root) {
			--color-scheme: var(--color-scheme--dark);
			--color: var(--color--dark);
			--color-primary: var(--color-primary--dark);
			--color-secondary: var(--color-secondary--dark);
			--color-link: var(--color-link--dark);
			--background-color: var(--background-color--dark);
			--border-color: var(--border-color--dark);
			--background-color-surface: var(--background-color-surface--dark);
			--background-color-accent: var(--background-color-accent--dark);
		}
	}

	/* Dynamic colours when supported */
	@supports (--color: light-dark(var(--a), var(--b))) {
		astro-embed-mastodon::part(root) {
			--color-scheme: inherit;
			--color: light-dark(var(--color--light), var(--color--dark));
			--color-primary: light-dark(
				var(--color-primary--light),
				var(--color-primary--dark)
			);
			--color-secondary: light-dark(
				var(--color-secondary--light),
				var(--color-secondary--dark)
			);
			--color-link: light-dark(
				var(--color-link--light),
				var(--color-link--dark)
			);
			--background-color: light-dark(
				var(--background-color--light),
				var(--background-color--dark)
			);
			--border-color: light-dark(
				var(--border-color--light),
				var(--border-color--dark)
			);
			--background-color-surface: light-dark(
				var(--background-color-surface--light),
				var(--background-color-surface--dark)
			);
			--background-color-accent: light-dark(
				var(--background-color-accent--light),
				var(--background-color-accent--dark)
			);
		}
	}

	astro-embed-mastodon::part(root) {
		margin: 0;
		border: 1px solid var(--border-color, #cfd9de);
		border-radius: var(--border-radius);

		display: flex;
		flex-direction: column;
		gap: 1em;

		overflow-wrap: anywhere;
		padding: var(--padding, 1em);
		font-family: var(--font-family, inherit);
		color-scheme: var(--color-scheme);
		color: var(--color);
		background-color: var(--background-color);
	}

	astro-embed-mastodon::part(content) {
		display: flex;
		flex-direction: column;
		gap: 1.16em;

		font-size: 1.1875em;
		line-height: 1.25;

		overflow-wrap: break-word;
		overflow: hidden;
		text-overflow: ellipsis;

		color: var(--color-primary);
	}.baseline-status[data-astro-cid-t6ncpokd]::part(root) {
  --animation-duration: .3s;
  --color-outline--light: #d9d9d9;
  --color-background--light: transparent;
  --color-text--light: inherit;
  --color-link--light: #1a73e8;
  --color-badge-background--light: #3367d6;
  --color-badge-text--light: #fff;
  --color-limited--light: #ea8600;
  --color-limited-secondary--light: #c6c6c6;
  --color-newly--light: #1a73e8;
  --color-newly-secondary--light: #a8c7fa;
  --color-widely--light: #1e8e3e;
  --color-widely-secondary--light: #c4eed0;
  --color-no_data--light: #707070;
  --color-no_data-secondary--light: #909090;
  --color-outline--dark: #666;
  --color-background--dark: transparent;
  --color-text--dark: inherit;
  --color-link--dark: #5aa1ff;
  --color-badge-background--dark: #3367d6;
  --color-badge-text--dark: #fff;
  --color-limited--dark: #f09418;
  --color-limited-secondary--dark: #565656;
  --color-newly--dark: #4185ff;
  --color-newly-secondary--dark: #2d509e;
  --color-widely--dark: #24a446;
  --color-widely-secondary--dark: #125225;
  --color-no_data--dark: #868686;
  --color-no_data-secondary--dark: #666;
  --color-limited: var(--color-limited--light);
  --color-newly: var(--color-newly--light);
  --color-widely: var(--color-widely--light);
  --color-no_data: var(--color-no_data--light);
  --color-outline: var(--color-outline--light);
  --color-background: var(--color-background--light);
  --color-text: var(--color-text--light);
  --color-link: var(--color-link--light);
  --color-badge-background: var(--color-badge-background--light);
  --color-badge-text: var(--color-badge-text--light);
  --color-limited-secondary: var(--color-limited-secondary--light);
  --color-widely-secondary: var(--color-widely-secondary--light);
  --color-newly-secondary: var(--color-newly-secondary--light);
  --color-no_data-secondary: var(--color-no_data-secondary--light);
  color: var(--color-text);
  border: solid 1px var(--color-outline);
  border-radius: .5rem;
  background: var(--color-background);
  padding-top: 1rem;
  padding-inline: 1.5rem;
  max-width: 50rem;
  font-family: Roboto, sans-serif;
  font-size: .875rem;
  line-height: 1.71429;
  font-style: normal;
}

@media (prefers-color-scheme: dark) {
  .baseline-status[data-astro-cid-t6ncpokd]::part(root) {
    --color-limited: var(--color-limited--dark);
    --color-newly: var(--color-newly--dark);
    --color-widely: var(--color-widely--dark);
    --color-no_data: var(--color-no_data--dark);
    --color-outline: var(--color-outline--dark);
    --color-background: var(--color-background--dark);
    --color-text: var(--color-text--dark);
    --color-link: var(--color-link--dark);
    --color-badge-background: var(--color-badge-background--dark);
    --color-badge-text: var(--color-badge-text--dark);
    --color-limited-secondary: var(--color-limited-secondary--dark);
    --color-widely-secondary: var(--color-widely-secondary--dark);
    --color-newly-secondary: var(--color-newly-secondary--dark);
    --color-no_data-secondary: var(--color-no_data-secondary--dark);
  }
}

@supports (--color: light-dark(var(--a), var(--b))) {
  .baseline-status[data-astro-cid-t6ncpokd]::part(root) {
    --color-limited: light-dark(var(--color-limited--light), var(--color-limited--dark));
    --color-newly: light-dark(var(--color-newly--light), var(--color-newly--dark));
    --color-widely: light-dark(var(--color-widely--light), var(--color-widely--dark));
    --color-no_data: light-dark(var(--color-no_data--light), var(--color-no_data--dark));
    --color-outline: light-dark(var(--color-outline--light), var(--color-outline--dark));
    --color-background: light-dark(var(--color-background--light), var(--color-background--dark));
    --color-text: light-dark(var(--color-text--light), var(--color-text--dark));
    --color-link: light-dark(var(--color-link--light), var(--color-link--dark));
    --color-badge-background: light-dark(var(--color-badge-background--light), var(--color-badge-background--dark));
    --color-badge-text: light-dark(var(--color-badge-text--light), var(--color-badge-text--dark));
    --color-limited-secondary: light-dark(var(--color-limited-secondary--light), var(--color-limited-secondary--dark));
    --color-widely-secondary: light-dark(var(--color-widely-secondary--light), var(--color-widely-secondary--dark));
    --color-newly-secondary: light-dark(var(--color-newly-secondary--light), var(--color-newly-secondary--dark));
    --color-no_data-secondary: light-dark(var(--color-no_data-secondary--light), var(--color-no_data-secondary--dark));
  }
}

.baseline-status[data-astro-cid-t6ncpokd]::part(feature-name) {
  font-size: 1.25rem;
  line-height: 1.2;
  margin: 0;
}

.baseline-status[data-astro-cid-t6ncpokd]::part(link), .baseline-status[data-astro-cid-t6ncpokd]::part(link):active, .baseline-status[data-astro-cid-t6ncpokd]::part(link):visited {
  color: var(--color-link);
}

.baseline-status[data-astro-cid-t6ncpokd]::part(summary) {
  display: flex;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  padding-block: 1rem;
}

.baseline-status[data-astro-cid-t6ncpokd]::part(summary)::-webkit-details-marker {
  display: none;
}

.baseline-status[data-astro-cid-t6ncpokd]::part(summary-content) {
  gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}

.baseline-status[data-astro-cid-t6ncpokd]::part(summary-label) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .2rem;
}

.baseline-status[data-astro-cid-t6ncpokd]::part(badge) {
  background: var(--color-badge-background);
  color: var(--color-badge-text);
  font-size: .6875rem;
  line-height: 1.81818;
  padding-inline: .25rem;
  border-radius: .125rem;
  text-transform: uppercase;
  margin-inline: .5rem;
  white-space: nowrap;
}

.baseline-status[data-astro-cid-t6ncpokd]::part(browsers) {
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.baseline-status[data-astro-cid-t6ncpokd]::part(browser-support) {
  white-space: nowrap;
}

.baseline-status[data-astro-cid-t6ncpokd]::part(browser-support-label) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.baseline-status[data-astro-cid-t6ncpokd]::part(caret) {
  width: 10px;
  height: 20px;
  margin-inline-start: auto;
  color: var(--text-color);
}

@media (width >= 28rem) {
  .baseline-status[data-astro-cid-t6ncpokd]::part(caret) {
    margin-inline-start: 3rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .baseline-status[data-astro-cid-t6ncpokd]::part(root) {
    --animation-duration: 0s;
  }
}
.external-link[data-astro-cid-c7gs5csg] {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: var(--bluesky-card-border);
  border-radius: var(--bluesky-radius-md);
  overflow: hidden;
  text-decoration: none;
  color: var(--bluesky-color-text);
  background: var(--bluesky-color-background);
  transition: var(--bluesky-card-transition);
}

.thumbnail[data-astro-cid-c7gs5csg] {
  aspect-ratio: var(--bluesky-aspect-ratio-thumb);
  width: 100%;
  height: auto;
  object-fit: cover;
}

.content[data-astro-cid-c7gs5csg] {
  padding: var(--bluesky-content-padding);
}

.domain[data-astro-cid-c7gs5csg] {
  font-size: var(--bluesky-font-size-sm);
  color: var(--bluesky-color-text-secondary);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.title[data-astro-cid-c7gs5csg] {
  font-weight: var(--bluesky-font-weight-semibold);
  margin: 0;
  color: var(--bluesky-color-text);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.description[data-astro-cid-c7gs5csg] {
  font-size: var(--bluesky-font-size-sm);
  color: var(--bluesky-color-text-secondary);
  margin: var(--bluesky-space-xs) 0 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.image-grid-container[data-astro-cid-fljt7ity] {
  width: 100%;
  max-width: var(--bluesky-content-max-width);
  margin: 0 auto;
  aspect-ratio: var(--bluesky-aspect-ratio-thumb);
}

.image-grid[data-astro-cid-fljt7ity] {
  width: 100%;
  height: 100%;
  display: grid;
  gap: var(--bluesky-space-xs);
  border-radius: var(--bluesky-radius-md);
  overflow: hidden;
}

.image-grid-item[data-astro-cid-fljt7ity] {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: var(--bluesky-color-border);
}

.image-grid-item[data-astro-cid-fljt7ity] img[data-astro-cid-fljt7ity] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-grid--1[data-astro-cid-fljt7ity] {
  grid-template-columns: 1fr;
}

.image-grid--2[data-astro-cid-fljt7ity] {
  grid-template-columns: repeat(2, 1fr);
}

.image-grid--3[data-astro-cid-fljt7ity] {
  grid-template-columns: repeat(2, 1fr);
}

.image-grid--3[data-astro-cid-fljt7ity] .image-grid-item[data-astro-cid-fljt7ity]:first-child {
  grid-row: span 2;
}

.image-grid--4[data-astro-cid-fljt7ity] {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.media-container[data-astro-cid-ogn4ylut] {
  width: 100%;
  overflow: hidden;
  border-radius: var(--bluesky-radius-md);
  position: relative;
  background-color: var(--bluesky-color-border);
}

.media-container[data-astro-cid-ogn4ylut] > img[data-astro-cid-ogn4ylut] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.play-button[data-astro-cid-7crx2ctg] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6rem;
  height: 6rem;
  border-radius: var(--bluesky-radius-full);
  background-color: var(--bluesky-color-overlay);
  display: flex;
  align-items: center;
  justify-content: center;
}

.play-icon[data-astro-cid-7crx2ctg] {
  width: 60%;
  height: 60%;
  object-fit: cover;
}

.thumbnail[data-astro-cid-7crx2ctg] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar[data-astro-cid-vs2fy2mi] {
  border-radius: var(--bluesky-radius-full);
  overflow: hidden;
  background-color: var(--bluesky-color-border);
  flex-shrink: 0;
}

.avatar[data-astro-cid-vs2fy2mi] img[data-astro-cid-vs2fy2mi] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.medium[data-astro-cid-vs2fy2mi] {
  width: 2.5rem;
  height: 2.5rem;
}

.small[data-astro-cid-vs2fy2mi] {
  width: 1rem;
  height: 1rem;
}
.post-container[data-astro-cid-vmooa76x] {
  border: var(--bluesky-card-border);
  border-radius: var(--bluesky-radius-md);
  display: flex;
  flex-direction: column;
  gap: var(--bluesky-space-xs);
  padding: var(--bluesky-space-sm);
  text-decoration: none;
  color: var(--bluesky-color-text);
  transition: var(--bluesky-card-transition);
}

.post-link[data-astro-cid-vmooa76x] {
  text-decoration: none;
}

.post-container[data-astro-cid-vmooa76x]:hover {
  background-color: var(--bluesky-color-background-hover);
}

.user-info[data-astro-cid-vmooa76x] {
  display: flex;
  gap: var(--bluesky-space-xs);
  align-items: center;
}

.user-text[data-astro-cid-vmooa76x] {
  font-size: var(--bluesky-font-size-sm);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--bluesky-color-text);
}

.name[data-astro-cid-vmooa76x] {
  font-weight: var(--bluesky-font-weight-bold);
  color: var(--bluesky-color-text);
}

.handle[data-astro-cid-vmooa76x] {
  color: var(--bluesky-color-text-secondary);
  margin-left: var(--bluesky-space-xs);
}

.content[data-astro-cid-vmooa76x] {
  font-size: var(--bluesky-font-size-sm);
  color: var(--bluesky-color-text);
  margin: 0;
  line-height: var(--bluesky-line-height-normal);
}
.card[data-astro-cid-xshzdoea] {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: var(--bluesky-card-border);
  border-radius: var(--bluesky-radius-md);
  overflow: hidden;
  text-decoration: none;
  color: var(--bluesky-color-text);
  background: var(--bluesky-color-background);
  transition: var(--bluesky-card-transition);
}

.card[data-astro-cid-xshzdoea]:hover {
  background: var(--bluesky-color-background-hover);
}

.cover-image[data-astro-cid-xshzdoea] {
  aspect-ratio: var(--bluesky-aspect-ratio-thumb);
  width: 100%;
  height: auto;
  object-fit: cover;
}

.content[data-astro-cid-xshzdoea] {
  padding: var(--bluesky-content-padding);
}

.header[data-astro-cid-xshzdoea] {
  display: flex;
  gap: var(--bluesky-card-gap);
  align-items: center;
}

.avatar[data-astro-cid-xshzdoea] {
  width: var(--bluesky-avatar-md);
  height: var(--bluesky-avatar-md);
}

.title-group[data-astro-cid-xshzdoea] {
  display: flex;
  flex-direction: column;
  gap: var(--bluesky-space-2xs);
}

.title[data-astro-cid-xshzdoea] {
  font-weight: var(--bluesky-font-weight-semibold);
  line-height: var(--bluesky-line-height-title);
  margin: 0;
  color: var(--bluesky-color-text);
}

.subtitle[data-astro-cid-xshzdoea] {
  font-size: var(--bluesky-font-size-sm);
  color: var(--bluesky-color-text-secondary);
  line-height: var(--bluesky-line-height-subtitle);
  margin: 0;
}

.description[data-astro-cid-xshzdoea] {
  font-size: var(--bluesky-font-size-sm);
  color: var(--bluesky-color-text-secondary);
  line-height: var(--bluesky-line-height-normal);
  margin: var(--bluesky-space-xs) 0 0 0;
}
.record-with-media[data-astro-cid-5bmzja7y] {
  display: flex;
  flex-direction: column;
  gap: var(--bluesky-space-sm);
}
.bluesky-post-container {
	/* Colours */
	--bluesky-color-overlay: rgba(0, 0, 0, 0.5);

	--bluesky-color-link: rgb(59 130 246);

	/* Colour palette */
	--bluesky-color-text--light: #000000;
	--bluesky-color-text-secondary--light: rgb(66 87 108);
	--bluesky-color-border--light: #e5e5e5;
	--bluesky-color-background--light: #ffffff;
	--bluesky-color-background-hover--light: #fafafa;

	--bluesky-color-text--dark: white;
	--bluesky-color-text-secondary--dark: rgb(174, 187, 201);
	--bluesky-color-border--dark: rgb(46, 64, 82);
	--bluesky-color-background--dark: hsl(211, 20%, 20%);
	--bluesky-color-background-hover--dark: hsl(211, 20%, 15%);

	/* Light theme */
	--bluesky-color-text: var(--bluesky-color-text--light);
	--bluesky-color-text-secondary: var(--bluesky-color-text-secondary--light);
	--bluesky-color-border: var(--bluesky-color-border--light);
	--bluesky-color-background: var(--bluesky-color-background--light);
	--bluesky-color-background-hover: var(
		--bluesky-color-background-hover--light
	);

	/* Typography */
	--bluesky-font-family:
		-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
		Arial, sans-serif;
	--bluesky-font-size-sm: 0.875rem; /* 14px */
	--bluesky-font-size-base: 1rem; /* 16px */
	--bluesky-font-size-lg: 1.125rem; /* 18px */

	--bluesky-font-weight-normal: 400;
	--bluesky-font-weight-medium: 500;
	--bluesky-font-weight-semibold: 600;
	--bluesky-font-weight-bold: 700;

	--bluesky-line-height-tight: 1.2;
	--bluesky-line-height-normal: 1.4;
	--bluesky-line-height-relaxed: 1.6;
	--bluesky-line-height-title: 21px;
	--bluesky-line-height-subtitle: 18px;

	/* Spacing */
	--bluesky-space-2xs: 0.125rem; /* 2px */
	--bluesky-space-xs: 0.25rem; /* 4px */
	--bluesky-space-sm: 0.5rem; /* 8px */
	--bluesky-space-md: 0.75rem; /* 12px */
	--bluesky-space-lg: 1rem; /* 16px */
	--bluesky-space-xl: 1.25rem; /* 20px */
	--bluesky-space-2xl: 1.5rem; /* 24px */

	/* Layout */
	--bluesky-radius-sm: 0.25rem; /* 4px */
	--bluesky-radius-md: 0.5rem; /* 8px */
	--bluesky-radius-lg: 0.75rem; /* 12px */
	--bluesky-radius-full: 9999px;

	/* Content */
	--bluesky-content-max-width: 600px;
	--bluesky-content-min-width: 300px;
	--bluesky-content-padding-x: var(--bluesky-space-lg);
	--bluesky-content-padding-y: var(--bluesky-space-md);
	--bluesky-content-padding: var(--bluesky-content-padding-y)
		var(--bluesky-content-padding-x);

	/* Cards & Components */
	--bluesky-card-gap: var(--bluesky-space-sm);
	--bluesky-card-border: 1px solid var(--bluesky-color-border);
	--bluesky-card-padding: var(--bluesky-content-padding);
	--bluesky-card-transition: background-color 0.2s ease;

	/* Media */
	--bluesky-aspect-ratio-thumb: 1.91/1;
	--bluesky-aspect-ratio-square: 1/1;
	--bluesky-aspect-ratio-video: 16/9;

	/* Icons */
	--bluesky-icon-size-sm: 1rem;
	--bluesky-icon-size-md: 1.5rem;
	--bluesky-icon-size-lg: 2rem;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
	.bluesky-post-container {
		--bluesky-color-text: var(--bluesky-color-text--light);
		--bluesky-color-text-secondary: var(--bluesky-color-text-secondary--light);
		--bluesky-color-border: var(--bluesky-color-border--light);
		--bluesky-color-background: var(--bluesky-color-background--light);
		--bluesky-color-background-hover: var(
			--bluesky-color-background-hover--light
		);
	}
}

/* Dynamic colours when supported */
@supports (--color: light-dark(var(--a), var(--b))) {
	.bluesky-post-container {
		--bluesky-color-text: light-dark(
			var(--bluesky-color-text--light),
			var(--bluesky-color-text--dark)
		);
		--bluesky-color-text-secondary: light-dark(
			var(--bluesky-color-text-secondary--light),
			var(--bluesky-color-text-secondary--dark)
		);
		--bluesky-color-border: light-dark(
			var(--bluesky-color-border--light),
			var(--bluesky-color-border--dark)
		);
		--bluesky-color-background: light-dark(
			var(--bluesky-color-background--light),
			var(--bluesky-color-background--dark)
		);
		--bluesky-color-background-hover: light-dark(
			var(--bluesky-color-background-hover--light),
			var(--bluesky-color-background-hover--dark)
		);
	}
}
.bluesky-post-container[data-astro-cid-oioy6mzf] {
  max-width: var(--bluesky-content-max-width);
  min-width: var(--bluesky-content-min-width);
  margin: 0 auto;
  font-family: var(--bluesky-font-family);
  border: var(--bluesky-card-border);
  border-radius: var(--bluesky-radius-lg);
  background: var(--bluesky-color-background);
  transition: var(--bluesky-card-transition);
}

.bluesky-post-container[data-astro-cid-oioy6mzf] .post-content[data-astro-cid-oioy6mzf] a {
  text-decoration: none;
}

.post-content[data-astro-cid-oioy6mzf] {
  padding: var(--bluesky-space-md) var(--bluesky-space-lg)
			var(--bluesky-space-sm);
}

.post-header[data-astro-cid-oioy6mzf] {
  display: grid;
  grid-template-columns: min-content 1fr min-content;
  gap: var(--bluesky-space-sm);
  align-items: start;
  margin-bottom: var(--bluesky-space-sm);
}

.user-info[data-astro-cid-oioy6mzf] {
  display: flex;
  flex-direction: column;
}

.display-name[data-astro-cid-oioy6mzf] {
  font-weight: var(--bluesky-font-weight-bold);
  font-size: var(--bluesky-font-size-lg);
  line-height: var(--bluesky-line-height-tight);
  text-decoration: none;
  color: var(--bluesky-color-text);
}

.username[data-astro-cid-oioy6mzf] {
  color: var(--bluesky-color-text-secondary);
  font-size: var(--bluesky-font-size-base);
  text-decoration: none;
}

.display-name[data-astro-cid-oioy6mzf]:hover, .username[data-astro-cid-oioy6mzf]:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.logo-link[data-astro-cid-oioy6mzf] {
  text-decoration: none;
}

.bluesky-logo[data-astro-cid-oioy6mzf] {
  height: var(--bluesky-icon-size-lg);
  transition: transform .2s;
}

.bluesky-logo[data-astro-cid-oioy6mzf]:hover {
  transform: scale(1.1);
}

.post-text[data-astro-cid-oioy6mzf] {
  font-size: var(--bluesky-font-size-lg);
  line-height: var(--bluesky-line-height-normal);
  margin: 0 0 var(--bluesky-space-md);
  white-space: pre-wrap;
  word-break: break-word;
  color: var(--bluesky-color-text);
}

.bluesky-post-container[data-astro-cid-oioy6mzf] .post-text[data-astro-cid-oioy6mzf] a {
  color: var(--bluesky-color-link);
  text-decoration: none;
}

.bluesky-post-container[data-astro-cid-oioy6mzf] .timestamp[data-astro-cid-oioy6mzf]:hover, .bluesky-post-container[data-astro-cid-oioy6mzf] .post-text[data-astro-cid-oioy6mzf] a:hover {
  text-decoration: underline;
}

.timestamp[data-astro-cid-oioy6mzf] {
  display: block;
  color: var(--bluesky-color-text-secondary);
  font-size: var(--bluesky-font-size-sm);
  margin-top: var(--bluesky-space-sm);
  text-decoration: none;
}
.emdash-image-media[data-astro-cid-6depetnu] {
  max-width: 100%;
  height: auto;
}
/* A `dark` or `light` class on <html> wins over the system preference. */
	:where(:root.dark) .emdash-image--light {
		display: none;
	}
	:where(:root.light) .emdash-image--dark {
		display: none;
	}
	@media (prefers-color-scheme: dark) {
		:where(:root:not(.light)) .emdash-image--light {
			display: none;
		}
	}
	@media (prefers-color-scheme: light) {
		:where(:root:not(.dark)) .emdash-image--dark {
			display: none;
		}
	}.has-text-align-center[data-astro-cid-44ocxh3s] {
  text-align: center;
}

.has-text-align-right[data-astro-cid-44ocxh3s] {
  text-align: right;
}

.has-text-align-justify[data-astro-cid-44ocxh3s] {
  text-align: justify;
}
.emdash-image[data-astro-cid-nzlefzml] {
  margin: 1.5rem 0;
}

.emdash-image[data-astro-cid-nzlefzml] img[data-astro-cid-nzlefzml] {
  max-width: 100%;
  height: auto;
}

.emdash-image[data-astro-cid-nzlefzml] figcaption[data-astro-cid-nzlefzml] {
  font-size: .875rem;
  color: var(--emdash-caption-color, var(--color-muted, #666));
  margin-top: .5rem;
  text-align: center;
}

.emdash-image--align-left[data-astro-cid-nzlefzml], .emdash-image--align-right[data-astro-cid-nzlefzml] {
  width: fit-content;
  max-width: 50%;
}

.emdash-image--align-left[data-astro-cid-nzlefzml] {
  float: left;
  margin: 0 1.5rem 1rem 0;
}

.emdash-image--align-right[data-astro-cid-nzlefzml] {
  float: right;
  margin: 0 0 1rem 1.5rem;
}

.emdash-image--align-center[data-astro-cid-nzlefzml] {
  width: fit-content;
  margin-inline: auto;
}

.emdash-image--align-wide[data-astro-cid-nzlefzml], .emdash-image--align-full[data-astro-cid-nzlefzml] {
  width: 100%;
}

@media (width <= 640px) {
  .emdash-image--align-left[data-astro-cid-nzlefzml], .emdash-image--align-right[data-astro-cid-nzlefzml] {
    float: none;
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
  }
}
.emdash-code[data-astro-cid-dgremz56] {
  margin: 1.5rem 0;
}

.emdash-code-filename[data-astro-cid-dgremz56] {
  font-size: .75rem;
  font-family: monospace;
  background: #2d2d2d;
  color: #ccc;
  padding: .5rem 1rem;
  border-radius: .5rem .5rem 0 0;
}

.emdash-code[data-astro-cid-dgremz56] pre[data-astro-cid-dgremz56] {
  margin: 0;
  padding: 1rem;
  background: #1e1e1e;
  border-radius: .5rem;
  overflow-x: auto;
}

.emdash-code-filename[data-astro-cid-dgremz56] + pre[data-astro-cid-dgremz56] {
  border-radius: 0 0 .5rem .5rem;
}

.emdash-code[data-astro-cid-dgremz56] code[data-astro-cid-dgremz56] {
  font-family: Fira Code, Consolas, monospace;
  font-size: .875rem;
  color: #e0e0e0;
}
.emdash-embed[data-astro-cid-n4v2ghzc] {
  margin: 1.5rem 0;
}

.emdash-embed-video[data-astro-cid-n4v2ghzc] {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.emdash-embed-video[data-astro-cid-n4v2ghzc] iframe[data-astro-cid-n4v2ghzc], .emdash-embed-video[data-astro-cid-n4v2ghzc] video[data-astro-cid-n4v2ghzc] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.emdash-embed-audio[data-astro-cid-n4v2ghzc] {
  width: 100%;
}

.emdash-embed-audio[data-astro-cid-n4v2ghzc] audio[data-astro-cid-n4v2ghzc] {
  width: 100%;
}

.emdash-embed[data-astro-cid-n4v2ghzc] figcaption[data-astro-cid-n4v2ghzc] {
  font-size: .875rem;
  color: var(--emdash-caption-color, var(--color-muted, #666));
  margin-top: .5rem;
  text-align: center;
}
.emdash-gallery[data-astro-cid-d6nmylgu] {
  display: grid;
  grid-template-columns: repeat(var(--columns, 3), 1fr);
  gap: 1rem;
  margin: 1.5rem 0;
}

.emdash-gallery-item[data-astro-cid-d6nmylgu] {
  margin: 0;
}

.emdash-gallery-item[data-astro-cid-d6nmylgu] img[data-astro-cid-d6nmylgu] {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1;
}

.emdash-gallery-item[data-astro-cid-d6nmylgu] figcaption[data-astro-cid-d6nmylgu] {
  font-size: .75rem;
  color: var(--emdash-caption-color, var(--color-muted, #666));
  margin-top: .25rem;
  text-align: center;
}

@media (width <= 640px) {
  .emdash-gallery[data-astro-cid-d6nmylgu] {
    grid-template-columns: repeat(2, 1fr);
  }
}
.emdash-columns[data-astro-cid-sjaxkm7w] {
  display: flex;
  gap: 2rem;
  margin: 1.5rem 0;
}

.emdash-column[data-astro-cid-sjaxkm7w] {
  flex: 1;
  min-width: 0;
}

@media (width <= 768px) {
  .emdash-columns[data-astro-cid-sjaxkm7w] {
    flex-direction: column;
    gap: 1rem;
  }
}
.emdash-break[data-astro-cid-gvovdxls] {
  margin: 2rem 0;
}

.emdash-break-line[data-astro-cid-gvovdxls] {
  border: none;
  border-top: 1px solid var(--emdash-break-color, var(--color-border, #e0e0e0));
}

.emdash-break-dots[data-astro-cid-gvovdxls] {
  text-align: center;
  color: var(--emdash-break-dots-color, var(--color-muted, #999));
  letter-spacing: .5em;
}

.emdash-break-space[data-astro-cid-gvovdxls] {
  height: 2rem;
}
iframe[data-emdash-html-block] {
		display: block;
		width: 100%;
		border: 0;
		margin: 1.5rem 0;
	}.emdash-html-block[data-astro-cid-7hlqo6bn] {
  margin: 1.5rem 0;
}
.emdash-iframe[data-astro-cid-fhxykd76] {
  aspect-ratio: 16 / 9;
  margin: 1.5rem 0;
  width: 100%;
}

.emdash-iframe[data-astro-cid-fhxykd76] iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.emdash-video[data-astro-cid-ymu5gvpn] {
  margin: 1.5rem 0;
}

.emdash-video[data-astro-cid-ymu5gvpn] video[data-astro-cid-ymu5gvpn] {
  display: block;
  width: 100%;
  height: auto;
  max-height: 70vh;
}

.emdash-video[data-astro-cid-ymu5gvpn] figcaption[data-astro-cid-ymu5gvpn] {
  font-size: .875rem;
  color: var(--emdash-caption-color, var(--color-muted, #666));
  margin-top: .5rem;
  text-align: center;
}
.emdash-table-wrapper[data-astro-cid-7uypp5bz] {
  max-inline-size: 100%;
  margin-block: 1.5rem;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

.emdash-table[data-astro-cid-7uypp5bz] {
  inline-size: 100%;
  border-collapse: collapse;
  font-size: .9rem;
}

.emdash-table[data-astro-cid-7uypp5bz] th[data-astro-cid-7uypp5bz], .emdash-table[data-astro-cid-7uypp5bz] td[data-astro-cid-7uypp5bz] {
  position: relative;
  border: 1px solid var(--color-border, #ddd);
  padding: .75rem;
  text-align: start;
  vertical-align: top;
}

.emdash-table[data-astro-cid-7uypp5bz] th[data-astro-cid-7uypp5bz] p, .emdash-table[data-astro-cid-7uypp5bz] td[data-astro-cid-7uypp5bz] p {
  margin: 0;
}

.emdash-table[data-astro-cid-7uypp5bz] th[data-astro-cid-7uypp5bz] {
  background: var(--color-surface, #f5f5f5);
  font-weight: 600;
}

.emdash-table[data-astro-cid-7uypp5bz] tbody[data-astro-cid-7uypp5bz] tr[data-astro-cid-7uypp5bz]:nth-child(2n) {
  background: var(--color-bg-subtle, #fafafa);
}

.emdash-table[data-astro-cid-7uypp5bz] tbody[data-astro-cid-7uypp5bz] tr[data-astro-cid-7uypp5bz]:hover {
  background: var(--color-surface, #f0f0f0);
}
.emdash-button[data-astro-cid-i644adhy] {
  display: inline-block;
  padding: .75em 1.5em;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
  transition: background-color .2s, border-color .2s, color .2s;
}

.emdash-button--default[data-astro-cid-i644adhy], .emdash-button--fill[data-astro-cid-i644adhy] {
  background-color: var(--emdash-button-bg, #0073aa);
  color: var(--emdash-button-color, #fff);
  border: 2px solid var(--emdash-button-bg, #0073aa);
}

.emdash-button--default[data-astro-cid-i644adhy]:hover, .emdash-button--fill[data-astro-cid-i644adhy]:hover {
  background-color: var(--emdash-button-bg-hover, #005177);
  border-color: var(--emdash-button-bg-hover, #005177);
}

.emdash-button--outline[data-astro-cid-i644adhy] {
  background-color: #0000;
  color: var(--emdash-button-bg, #0073aa);
  border: 2px solid var(--emdash-button-bg, #0073aa);
}

.emdash-button--outline[data-astro-cid-i644adhy]:hover {
  background-color: var(--emdash-button-bg, #0073aa);
  color: var(--emdash-button-color, #fff);
}
.emdash-buttons[data-astro-cid-pxkpowas] {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin: 1.5rem 0;
}

.emdash-buttons--vertical[data-astro-cid-pxkpowas] {
  flex-direction: column;
  align-items: flex-start;
}

.emdash-buttons--horizontal[data-astro-cid-pxkpowas] {
  flex-direction: row;
  align-items: center;
}
.emdash-cover[data-astro-cid-g6rigryn] {
  position: relative;
  display: flex;
  align-items: center;
  padding: 2rem;
  margin: 1.5rem 0;
  overflow: hidden;
  border-radius: 4px;
  background-color: var(--emdash-cover-fallback-bg, #333);
}

.emdash-cover__background[data-astro-cid-g6rigryn] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.emdash-cover__video[data-astro-cid-g6rigryn] {
  object-fit: cover;
}

.emdash-cover__overlay[data-astro-cid-g6rigryn] {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.emdash-cover__content[data-astro-cid-g6rigryn] {
  position: relative;
  z-index: 2;
  width: 100%;
  color: var(--emdash-cover-text-color, #fff);
}

.emdash-cover--align-left[data-astro-cid-g6rigryn] {
  justify-content: flex-start;
  text-align: left;
}

.emdash-cover--align-center[data-astro-cid-g6rigryn] {
  justify-content: center;
  text-align: center;
}

.emdash-cover--align-right[data-astro-cid-g6rigryn] {
  justify-content: flex-end;
  text-align: right;
}

.emdash-cover__content[data-astro-cid-g6rigryn] h1, .emdash-cover__content[data-astro-cid-g6rigryn] h2, .emdash-cover__content[data-astro-cid-g6rigryn] h3, .emdash-cover__content[data-astro-cid-g6rigryn] h4, .emdash-cover__content[data-astro-cid-g6rigryn] p {
  color: inherit;
}
.emdash-file[data-astro-cid-dsnn5jk3] {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: 1rem;
  margin: 1rem 0;
  background-color: var(--emdash-file-bg, #f5f5f5);
  border-radius: 4px;
  border: 1px solid var(--emdash-file-border, #e0e0e0);
}

.emdash-file__link[data-astro-cid-dsnn5jk3] {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex: 1;
  text-decoration: none;
  color: var(--emdash-file-color, #333);
}

.emdash-file__link[data-astro-cid-dsnn5jk3]:hover {
  text-decoration: underline;
}

.emdash-file__icon[data-astro-cid-dsnn5jk3] {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  color: var(--emdash-file-icon-color, #666);
}

.emdash-file__name[data-astro-cid-dsnn5jk3] {
  font-weight: 500;
  word-break: break-all;
}

.emdash-file__download[data-astro-cid-dsnn5jk3] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--emdash-button-bg, #0073aa);
  color: var(--emdash-button-color, #fff);
  border-radius: 4px;
  transition: background-color .2s;
}

.emdash-file__download[data-astro-cid-dsnn5jk3]:hover {
  background-color: var(--emdash-button-bg-hover, #005177);
}

.emdash-file__download[data-astro-cid-dsnn5jk3] svg[data-astro-cid-dsnn5jk3] {
  width: 1.25rem;
  height: 1.25rem;
}
.emdash-pullquote[data-astro-cid-mtrxdgkr] {
  margin: 2rem 0;
  padding: 1.5rem 2rem;
  border-top: 4px solid var(--emdash-pullquote-border, #0073aa);
  border-bottom: 4px solid var(--emdash-pullquote-border, #0073aa);
  text-align: center;
}

.emdash-pullquote__text[data-astro-cid-mtrxdgkr] {
  font-size: 1.5rem;
  font-style: italic;
  line-height: 1.4;
  color: var(--emdash-pullquote-color, #333);
  margin: 0;
}

.emdash-pullquote__citation[data-astro-cid-mtrxdgkr] {
  margin-top: 1rem;
  font-size: .9rem;
  font-style: normal;
  color: var(--emdash-pullquote-citation-color, #666);
}
.emdash-live-search[data-astro-cid-klwkb3g6] {
  position: relative;
  display: inline-block;
}

.emdash-live-search-input[data-astro-cid-klwkb3g6] {
  width: 100%;
  padding: .5rem 1rem;
  font-size: 1rem;
  border: 1px solid var(--emdash-search-border, #ccc);
  border-radius: .25rem;
  background: var(--emdash-search-bg, white);
  color: var(--emdash-search-text, inherit);
}

.emdash-live-search-input[data-astro-cid-klwkb3g6]:focus {
  outline: none;
  border-color: var(--emdash-search-border-focus, #666);
}

.emdash-live-search-results[data-astro-cid-klwkb3g6] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: .25rem;
  background: var(--emdash-search-bg, white);
  border: 1px solid var(--emdash-search-border, #ccc);
  border-radius: .25rem;
  box-shadow: 0 4px 6px #0000001a;
  max-height: 400px;
  overflow-y: auto;
  z-index: 1000;
}

.emdash-live-search-loading[data-astro-cid-klwkb3g6], .emdash-live-search-no-results[data-astro-cid-klwkb3g6] {
  padding: 1rem;
  text-align: center;
  color: var(--emdash-search-muted, #666);
}

.emdash-live-search-result[data-astro-cid-klwkb3g6] {
  display: block;
  padding: .75rem 1rem;
  text-decoration: none;
  color: var(--emdash-search-text, inherit);
  border-bottom: 1px solid var(--emdash-search-border, #eee);
}

.emdash-live-search-result[data-astro-cid-klwkb3g6]:last-child {
  border-bottom: none;
}

.emdash-live-search-result[data-astro-cid-klwkb3g6]:hover, .emdash-live-search-result[data-astro-cid-klwkb3g6]:focus, .emdash-live-search-result[data-astro-cid-klwkb3g6].focused {
  background: var(--emdash-search-hover, #f5f5f5);
  outline: none;
}

.emdash-live-search-result-title[data-astro-cid-klwkb3g6] {
  display: block;
  font-weight: 500;
}

.emdash-live-search-result-collection[data-astro-cid-klwkb3g6] {
  display: block;
  font-size: .75rem;
  color: var(--emdash-search-muted, #888);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-top: .125rem;
}

.emdash-live-search-result-snippet[data-astro-cid-klwkb3g6] {
  display: block;
  font-size: .875rem;
  color: var(--emdash-search-muted, #666);
  margin-top: .25rem;
}

.emdash-live-search-result-snippet[data-astro-cid-klwkb3g6] mark {
  font-weight: 600;
  background: none;
  color: var(--emdash-search-highlight, var(--emdash-search-text, #000));
}
/*
  theme.css -- override any :root variable here to retheme the blog.

  This is the only file you need to edit to customize the site's visual
  appearance. All defaults are listed below as comments. Uncomment and
  change any value to override it.

  Base.astro puts its defaults inside @layer base, so declarations here
  (which are unlayered) always take priority -- no specificity tricks needed.

  Note: this template defines explicit dark mode colors in Base.astro.
  Overriding light-mode --color-* variables here won't affect dark mode.
  To customize dark mode, also override --color-* variables inside a
  @media (prefers-color-scheme: dark) block and/or in the :root.dark rule.
*/

:root {
	/* --- Colors ---
	--color-bg: #ffffff;
	--color-bg-subtle: #fafafa;
	--color-text: #1a1a1a;
	--color-text-secondary: #525252;
	--color-muted: #8b8b8b;
	--color-border: #e5e5e5;
	--color-border-subtle: #f0f0f0;
	--color-surface: #f7f7f7;
	--color-accent: #0066cc;
	--color-accent-hover: #0052a3;
	--color-on-accent: white;
	--color-accent-ring: color-mix(in srgb, var(--color-accent) 25%, transparent);
	*/

	/* --- Type scale ---
	--font-size-xs: 0.8125rem;
	--font-size-sm: 0.875rem;
	--font-size-base: 1rem;
	--font-size-lg: 1.125rem;
	--font-size-xl: 1.25rem;
	--font-size-2xl: 1.5rem;
	--font-size-3xl: 2rem;
	--font-size-4xl: 2.5rem;
	--font-size-5xl: 3.5rem;
	*/

	/* --- Line heights ---
	--leading-tight: 1.15;
	--leading-snug: 1.3;
	--leading-normal: 1.5;
	--leading-relaxed: 1.7;
	*/

	/* --- Letter spacing ---
	--tracking-tight: -0.03em;    used on h1 and large titles
	--tracking-snug: -0.02em;     used on h2–h6, site/card titles
	--tracking-wide: 0.06em;      used on meta labels, TOC/widget titles
	--tracking-wider: 0.08em;     used on footer headings, section labels
	*/

	/* --- Spacing ---
	--spacing-1: 0.25rem;
	--spacing-2: 0.5rem;
	--spacing-3: 0.75rem;
	--spacing-4: 1rem;
	--spacing-5: 1.25rem;
	--spacing-6: 1.5rem;
	--spacing-8: 2rem;
	--spacing-10: 2.5rem;
	--spacing-12: 3rem;
	--spacing-16: 4rem;
	--spacing-20: 5rem;
	--spacing-24: 6rem;
	*/

	/* --- Layout ---
	--content-width: 680px;       article/page body column width
	--wide-width: 1200px;         max container width (home, archives)
	--gutter-width: 200px;        right sidebar column (TOC) on article pages
	--meta-col-width: 180px;      left meta column on article pages
	--nav-height: 64px;           sticky header height
	--search-input-width: 180px;  nav search box width
	*/

	/* --- Borders & radius ---
	--radius: 4px;
	--radius-lg: 8px;
	*/

	/* --- Transitions ---
	--transition-fast: 120ms ease;
	--transition-base: 180ms ease;
	*/

	/* --- Avatars ---
	--avatar-size-xs: 18px;    card byline avatars
	--avatar-size-sm: 20px;    post list byline avatars
	--avatar-size-md: 24px;    featured post byline avatars
	--avatar-size-lg: 32px;    single post byline avatars
	*/

	/* --- Shadows ---
	--shadow-dropdown: 0 8px 30px rgba(0, 0, 0, 0.12);
	--shadow-btn-active: 0 1px 2px rgba(0, 0, 0, 0.05);
	*/

	/* --- Misc ---
	--tag-padding-y: 2px;    vertical padding on tag pills
	*/
}
/*
			 * Establish layer order: "base" has lower priority than unlayered
			 * styles, so theme.css overrides always win regardless of source
			 * order in the bundled CSS.
			 */
			@layer base;

			@layer base {
				*:where(:not([class*="emdash"]):not([class*="ec-"])),
				*:where(:not([class*="emdash"]):not([class*="ec-"]))::before,
				*:where(:not([class*="emdash"]):not([class*="ec-"]))::after {
					box-sizing: border-box;
				}

				body,
				h1,
				h2,
				h3,
				h4,
				h5,
				h6,
				p,
				ul,
				ol,
				figure,
				blockquote,
				dl,
				dd {
					margin: 0;
				}

				ul,
				ol {
					padding: 0;
				}

				:root {
					/* Colors - Light mode (default) */
					--color-bg: #ffffff;
					--color-bg-subtle: #fafafa;
					--color-text: #1a1a1a;
					--color-text-secondary: #525252;
					--color-muted: #8b8b8b;
					--color-border: #505050;
					--color-border-subtle: #f0f0f0;
					--color-surface: #f7f7f7;
					--color-accent: #424d8e;
					--color-accent-hover: #424d8e;
					--color-liked: #62da92;
					--color-on-accent: white;
					--color-accent-ring: color-mix(
						in srgb,
						var(--color-accent) 25%,
						transparent
					);

					/* EmDash search theming */
					--emdash-search-bg: var(--color-bg);
					--emdash-search-text: var(--color-text);
					--emdash-search-muted: var(--color-muted);
					--emdash-search-border: var(--color-border);
					--emdash-search-hover: var(--color-surface);
					--emdash-search-highlight: var(--color-text);

					/* Type scale - more refined */
					--font-size-xxs: 0.6525rem;
					--font-size-xs: 0.8125rem;
					--font-size-sm: 0.875rem;
					--font-size-base: 1.4rem;
					--font-size-lg: 1.125rem;
					--font-size-xl: 1.15rem;
					--font-size-2xl: 1.3rem;
					--font-size-3xl: 2rem;
					--font-size-4xl: 2.5rem;
					--font-size-5xl: 2.5rem;

					/* Line heights */
					--leading-tight: 1.15;
					--leading-snug: 1.3;
					--leading-normal: 1.5;
					--leading-relaxed: 1.7;

					/* Spacing - more generous */
					--spacing-1: 0.25rem;
					--spacing-2: 0.5rem;
					--spacing-3: 0.75rem;
					--spacing-4: 1rem;
					--spacing-5: 1.25rem;
					--spacing-6: 1.5rem;
					--spacing-8: 2rem;
					--spacing-10: 2.5rem;
					--spacing-12: 3rem;
					--spacing-16: 4rem;
					--spacing-20: 5rem;
					--spacing-24: 6rem;

					/* Legacy spacing aliases */
					--spacing-xs: var(--spacing-1);
					--spacing-sm: var(--spacing-2);
					--spacing-md: var(--spacing-4);
					--spacing-lg: var(--spacing-6);
					--spacing-xl: var(--spacing-8);
					--spacing-2xl: var(--spacing-12);
					--spacing-3xl: var(--spacing-16);

					/* Layout - wider for three-column */
					--content-width: 680px;
					--wide-width: 1200px;
					--max-width: var(--content-width);
					--gutter-width: 200px;
					--radius: 4px;
					--radius-lg: 8px;

					/* Transitions */
					--transition-fast: 120ms ease;
					--transition-base: 180ms ease;

					/* Nav */
					--nav-height: 64px;

					/* Search */
					--search-input-width: 180px;

					/* Article layout */
					--meta-col-width: 180px;

					/* Avatar sizes */
					--avatar-size-xs: 32px;
					--avatar-size-sm: 20px;
					--avatar-size-md: 24px;
					--avatar-size-lg: 32px;

					/* Letter spacing */
					--tracking-tight: -0.03em;
					--tracking-snug: -0.02em;
					--tracking-wide: 0.06em;
					--tracking-wider: 0.08em;

					/* Tag pill */
					--tag-padding-y: 2px;

					/* Shadows */
					--shadow-dropdown: 0 8px 30px rgba(0, 0, 0, 0.12);
					--shadow-btn-active: 0 1px 2px rgba(0, 0, 0, 0.05);
				}

				/* Dark mode via system preference (when no explicit class) */
				@media (prefers-color-scheme: dark) {
					/* :root:not(.light) {
						--color-bg: #0d0d0d;
						--color-bg-subtle: #141414;
						--color-text: #ededed;
						--color-text-secondary: #a0a0a0;
						--color-muted: #6b6b6b;
						--color-border: #2a2a2a;
						--color-border-subtle: #1f1f1f;
						--color-surface: #181818;
						--color-accent: #4d9fff;
						--color-accent-hover: #6eb0ff;
					} */
				}

				/* Explicit dark mode */
				:root.dark {
					/* --color-bg: #0d0d0d;
					--color-bg-subtle: #141414;
					--color-text: #ededed;
					--color-text-secondary: #a0a0a0;
					--color-muted: #6b6b6b;
					--color-border: #2a2a2a;
					--color-border-subtle: #1f1f1f;
					--color-surface: #181818;
					--color-accent: #4d9fff;
					--color-accent-hover: #6eb0ff;
					*/
				} 

				html {
					scroll-behavior: smooth;
				}

				body {
					font-family: var(--font-sans);
					font-size: var(--font-size-base);
					line-height: var(--leading-relaxed);
					color: var(--color-text);
					background: var(--color-bg);
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					min-height: 100vh;
				}

				img {
					max-width: 100%;
					height: auto;
					display: block;
				}

				h1,
				h2,
				h3,
				h4,
				h5,
				h6 {
					font-family: var(--font-sans);
					line-height: var(--leading-tight);
					font-weight: 600;
					letter-spacing: var(--tracking-snug);
				}

				h1 {
					font-weight: 700;
					letter-spacing: var(--tracking-tight);
				}

				::selection {
					background: var(--color-accent);
					color: white;
				}
			}.site-header[data-astro-cid-hkbrpulz] {
  top: 0;
  z-index: 100;
  background: color-mix(in srgb, var(--color-bg) 65%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--color-border-subtle);
}

.nav[data-astro-cid-hkbrpulz] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: var(--wide-width);
  margin: 0 auto;
  padding: var(--spacing-4) var(--spacing-6);
  height: var(--nav-height);
}

.site-title[data-astro-cid-hkbrpulz] {
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--color-text);
  text-decoration: none;
  letter-spacing: var(--tracking-snug);
  font-family: Montserrat, sans-serif !important;
  letter-spacing: .23em !important;
}

.site-title[data-astro-cid-hkbrpulz]:hover {
  color: var(--color-text) !important;
}

.site-title-zen[data-astro-cid-hkbrpulz] {
  font-size: 1.2rem;
  letter-spacing: .05em;
  vertical-align: .1em;
}

.site-title[data-astro-cid-hkbrpulz]:hover {
  color: var(--color-accent);
}

.site-logo-img[data-astro-cid-hkbrpulz] {
  height: 48px;
  width: auto;
  display: block;
  margin: -8px 0;
}

.nav-right[data-astro-cid-hkbrpulz] {
  display: flex;
  align-items: center;
  gap: var(--spacing-6);
}

.nav-links[data-astro-cid-hkbrpulz] {
  display: flex;
  gap: var(--spacing-5);
  font-size: var(--font-size-sm);
}

.nav-links[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz] {
  text-decoration: none;
  color: var(--color-text);
  transition: color var(--transition-fast);
}

.nav-links[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]:hover {
  color: var(--color-accent);
}

.nav-admin[data-astro-cid-hkbrpulz] {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.nav-admin[data-astro-cid-hkbrpulz]:hover {
  color: var(--color-text);
}

.site-search[data-astro-cid-hkbrpulz] {
  position: relative;
  width: var(--search-input-width);
  --emdash-search-border-focus: var(--color-accent);
}

.site-search-input {
  width: var(--search-input-width);
  padding: var(--spacing-2) var(--spacing-3);
  font-family: var(--font-sans);
  font-size: var(--font-size-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-bg);
  color: var(--color-text);
  transition: border-color var(--transition-fast),
					box-shadow var(--transition-fast);
}

.site-search-input::placeholder {
  color: var(--color-muted);
}

.site-search-input:focus, .site-search-input:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-accent-ring);
  border-color: var(--color-accent) !important;
}

.site-search-results {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: var(--spacing-2);
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-dropdown);
  max-height: 400px;
  overflow-y: auto;
  z-index: 1000;
}

.site-search-results .emdash-live-search-loading, .site-search-results .emdash-live-search-no-results {
  padding: var(--spacing-4);
  text-align: center;
  color: var(--color-muted);
  font-size: var(--font-size-sm);
}

.site-search-result {
  display: block;
  padding: var(--spacing-3) var(--spacing-4);
  text-decoration: none;
  color: var(--color-text);
  border-bottom: 1px solid var(--color-border-subtle);
  transition: background var(--transition-fast);
}

.site-search-result:last-child {
  border-bottom: none;
}

.site-search-result:hover, .site-search-result:focus, .site-search-result.focused {
  background: var(--color-surface);
  outline: none;
}

.site-search-result .emdash-live-search-result-title {
  display: block;
  font-weight: 500;
  font-size: var(--font-size-sm);
}

.site-search-result .emdash-live-search-result-collection {
  display: block;
  font-size: var(--font-size-xs);
  color: var(--color-muted);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  margin-top: 2px;
}

.site-search-result .emdash-live-search-result-snippet {
  display: block;
  font-size: var(--font-size-sm);
  color: var(--color-muted);
  margin-top: var(--spacing-1);
  line-height: var(--leading-snug);
}

.site-search-result .emdash-live-search-result-snippet mark {
  font-weight: 600;
  color: var(--color-text);
}

main[data-astro-cid-hkbrpulz] {
  min-height: calc(100vh - var(--nav-height) - 300px);
}

.footer-inner[data-astro-cid-hkbrpulz] {
  max-width: var(--wide-width);
  margin: 0 auto;
  padding: var(--spacing-1) var(--spacing-1) var(--spacing-1);
}

.footer-mysite-c[data-astro-cid-hkbrpulz] {
  font-size: 10px;
  color: #888;
  text-align: center;
}

.footer-grid[data-astro-cid-hkbrpulz] {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: var(--spacing-12);
  margin-bottom: var(--spacing-12);
}

.footer-brand[data-astro-cid-hkbrpulz] {
  max-width: 280px;
}

.footer-logo[data-astro-cid-hkbrpulz] {
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-text);
  text-decoration: none;
  letter-spacing: var(--tracking-snug);
}

.footer-logo-img[data-astro-cid-hkbrpulz] {
  height: 24px;
  width: auto;
}

.footer-tagline[data-astro-cid-hkbrpulz] {
  margin-top: var(--spacing-3);
  font-size: var(--font-size-sm);
  color: var(--color-muted);
  line-height: var(--leading-relaxed);
}

.footer-nav[data-astro-cid-hkbrpulz] {
  min-width: 0;
}

.footer-heading[data-astro-cid-hkbrpulz] {
  font-size: var(--font-size-xs);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  color: var(--color-muted);
  margin-bottom: var(--spacing-4);
}

.footer-links[data-astro-cid-hkbrpulz] {
  list-style: none;
}

.footer-links[data-astro-cid-hkbrpulz] li[data-astro-cid-hkbrpulz] {
  margin-bottom: var(--spacing-2);
}

.footer-links[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz] {
  color: var(--color-text-secondary);
  text-decoration: none;
}

.footer-links[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]:hover {
  color: inherit;
}

.footer-widgets-section[data-astro-cid-hkbrpulz] .widget-area {
  display: block;
}

.footer-widgets-section[data-astro-cid-hkbrpulz] .widget {
  color: var(--color-text-secondary);
}

.footer-widgets-section[data-astro-cid-hkbrpulz] .widget__title {
  font-size: var(--font-size-xs);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  color: var(--color-muted);
  margin-bottom: var(--spacing-4);
}

.footer-widgets-section[data-astro-cid-hkbrpulz] .widget__content {
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  line-height: var(--leading-relaxed);
}

.footer-bottom[data-astro-cid-hkbrpulz] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--spacing-6);
}

.footer-copyright[data-astro-cid-hkbrpulz] {
  font-size: 9px;
  color: var(--color-muted);
}

.footer-copyright[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz] {
  color: var(--color-text-secondary);
}

.footer-links[data-astro-cid-hkbrpulz] {
  font-size: var(--font-size-xxs);
  display: flex;
  justify-content: center;
}

.footer-links[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz] {
  padding: 0 10px;
}

.footer-links[data-astro-cid-hkbrpulz] ol[data-astro-cid-hkbrpulz] {
  display: flex;
  list-style: none;
}

.footer-links[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]:hover {
  color: inherit;
}

.theme-switcher[data-astro-cid-hkbrpulz] {
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-1);
  background: var(--color-surface);
  border-radius: var(--radius);
}

.theme-btn[data-astro-cid-hkbrpulz] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 28px;
  background: none;
  border: none;
  color: var(--color-muted);
  border-radius: var(--radius);
  cursor: pointer;
  transition: all var(--transition-fast);
}

.theme-btn[data-astro-cid-hkbrpulz]:hover {
  color: var(--color-text-secondary);
}

.theme-btn[data-astro-cid-hkbrpulz].active {
  background: var(--color-bg);
  color: var(--color-text);
  box-shadow: var(--shadow-btn-active);
}

.theme-btn[data-astro-cid-hkbrpulz] svg[data-astro-cid-hkbrpulz] {
  width: 16px;
  height: 16px;
}

@media (width <= 900px) {
  .footer-grid[data-astro-cid-hkbrpulz] {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-8);
  }

  .footer-brand[data-astro-cid-hkbrpulz] {
    grid-column: span 2;
    max-width: none;
  }
}

@media (width <= 640px) {
  .site-header[data-astro-cid-hkbrpulz] {
    position: relative;
    border-bottom: none;
  }

  .nav[data-astro-cid-hkbrpulz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    height: auto;
    column-gap: var(--spacing-3);
    row-gap: var(--spacing-2);
    padding: var(--spacing-3) var(--spacing-4);
  }

  .site-title[data-astro-cid-hkbrpulz] {
    grid-column: 1;
    grid-row: 1;
    font-size: var(--font-size-base);
    min-width: 0;
  }

  .site-title-zen[data-astro-cid-hkbrpulz] {
    font-size: var(--font-size-base);
    letter-spacing: .2em;
  }

  .nav-right[data-astro-cid-hkbrpulz] {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    row-gap: var(--spacing-2);
  }

  .site-search[data-astro-cid-hkbrpulz] {
    grid-column: 1;
    width: 100%;
    max-width: none;
  }

  .site-search-input {
    width: 100% !important;
    padding: var(--spacing-1) var(--spacing-2) !important;
    font-size: var(--font-size-sm) !important;
  }

  .nav-links[data-astro-cid-hkbrpulz] {
    grid-column: 1;
    display: flex;
    column-gap: var(--spacing-3);
    row-gap: var(--spacing-1);
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .nav-admin[data-astro-cid-hkbrpulz] {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    font-size: var(--font-size-xs);
    margin-inline-start: 0;
    white-space: nowrap;
  }

  .footer-grid[data-astro-cid-hkbrpulz] {
    grid-template-columns: 1fr;
  }

  .footer-brand[data-astro-cid-hkbrpulz] {
    grid-column: span 1;
  }

  .footer-bottom[data-astro-cid-hkbrpulz] {
    flex-direction: column;
    gap: var(--spacing-4);
    text-align: center;
  }

  .footer-controls[data-astro-cid-hkbrpulz] {
    flex-wrap: wrap;
    justify-content: center;
  }
}