.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-dxufrsnn] {
  --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-dxufrsnn] [data-astro-cid-dxufrsnn] {
  margin: 0 !important;
}

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

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

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

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

.link-preview[data-astro-cid-dxufrsnn] img[data-astro-cid-dxufrsnn], .link-preview[data-astro-cid-dxufrsnn] video[data-astro-cid-dxufrsnn] {
  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-skc5y6cj]::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-skc5y6cj]::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-skc5y6cj]::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-skc5y6cj]::part(feature-name) {
  font-size: 1.25rem;
  line-height: 1.2;
  margin: 0;
}

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

.baseline-status[data-astro-cid-skc5y6cj]::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-skc5y6cj]::part(summary)::-webkit-details-marker {
  display: none;
}

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

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

.baseline-status[data-astro-cid-skc5y6cj]::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-skc5y6cj]::part(browsers) {
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .baseline-status[data-astro-cid-skc5y6cj]::part(root) {
    --animation-duration: 0s;
  }
}
.external-link[data-astro-cid-x4zhxrf3] {
  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-x4zhxrf3] {
  aspect-ratio: var(--bluesky-aspect-ratio-thumb);
  width: 100%;
  height: auto;
  object-fit: cover;
}

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

.domain[data-astro-cid-x4zhxrf3] {
  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-x4zhxrf3] {
  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-x4zhxrf3] {
  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-ernxi4fz] {
  width: 100%;
  max-width: var(--bluesky-content-max-width);
  margin: 0 auto;
  aspect-ratio: var(--bluesky-aspect-ratio-thumb);
}

.image-grid[data-astro-cid-ernxi4fz] {
  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-ernxi4fz] {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: var(--bluesky-color-border);
}

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

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

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

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

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

.image-grid--4[data-astro-cid-ernxi4fz] {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.avatar[data-astro-cid-ewnjcewi] {
  border-radius: var(--bluesky-radius-full);
  overflow: hidden;
  background-color: var(--bluesky-color-border);
  flex-shrink: 0;
}

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

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

.small[data-astro-cid-ewnjcewi] {
  width: 1rem;
  height: 1rem;
}
.card[data-astro-cid-f7ooj44n] {
  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-f7ooj44n]:hover {
  background: var(--bluesky-color-background-hover);
}

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

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

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

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

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

.title[data-astro-cid-f7ooj44n] {
  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-f7ooj44n] {
  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-f7ooj44n] {
  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;
}
.post-container[data-astro-cid-skmijfxv] {
  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-skmijfxv] {
  text-decoration: none;
}

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

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

.user-text[data-astro-cid-skmijfxv] {
  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-skmijfxv] {
  font-weight: var(--bluesky-font-weight-bold);
  color: var(--bluesky-color-text);
}

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

.content[data-astro-cid-skmijfxv] {
  font-size: var(--bluesky-font-size-sm);
  color: var(--bluesky-color-text);
  margin: 0;
  line-height: var(--bluesky-line-height-normal);
}
.media-container[data-astro-cid-zkfh2isp] {
  width: 100%;
  overflow: hidden;
  border-radius: var(--bluesky-radius-md);
  position: relative;
  background-color: var(--bluesky-color-border);
}

.media-container[data-astro-cid-zkfh2isp] > img[data-astro-cid-zkfh2isp] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.play-button[data-astro-cid-244va4zr] {
  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-244va4zr] {
  width: 60%;
  height: 60%;
  object-fit: cover;
}

.thumbnail[data-astro-cid-244va4zr] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.record-with-media[data-astro-cid-j2k5gyyt] {
  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-3alxuxmi] {
  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-3alxuxmi] .post-content[data-astro-cid-3alxuxmi] a {
  text-decoration: none;
}

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

.post-header[data-astro-cid-3alxuxmi] {
  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-3alxuxmi] {
  display: flex;
  flex-direction: column;
}

.display-name[data-astro-cid-3alxuxmi] {
  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-3alxuxmi] {
  color: var(--bluesky-color-text-secondary);
  font-size: var(--bluesky-font-size-base);
  text-decoration: none;
}

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

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

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

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

.post-text[data-astro-cid-3alxuxmi] {
  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-3alxuxmi] .post-text[data-astro-cid-3alxuxmi] a {
  color: var(--bluesky-color-link);
  text-decoration: none;
}

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

.timestamp[data-astro-cid-3alxuxmi] {
  display: block;
  color: var(--bluesky-color-text-secondary);
  font-size: var(--bluesky-font-size-sm);
  margin-top: var(--bluesky-space-sm);
  text-decoration: none;
}