.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;
}
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);
	}.external-link[data-astro-cid-aqaqjuzj]{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-aqaqjuzj]{aspect-ratio:var(--bluesky-aspect-ratio-thumb);width:100%;height:auto;object-fit:cover}.content[data-astro-cid-aqaqjuzj]{padding:var(--bluesky-content-padding)}.domain[data-astro-cid-aqaqjuzj]{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-aqaqjuzj]{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-aqaqjuzj]{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-jamef4h3]{width:100%;max-width:var(--bluesky-content-max-width);margin:0 auto;aspect-ratio:var(--bluesky-aspect-ratio-thumb)}.image-grid[data-astro-cid-jamef4h3]{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-jamef4h3]{position:relative;overflow:hidden;width:100%;height:100%;background-color:var(--bluesky-color-border)}.image-grid-item[data-astro-cid-jamef4h3] img[data-astro-cid-jamef4h3]{width:100%;height:100%;object-fit:cover}.image-grid--1[data-astro-cid-jamef4h3]{grid-template-columns:1fr}.image-grid--2[data-astro-cid-jamef4h3]{grid-template-columns:repeat(2,1fr)}.image-grid--3[data-astro-cid-jamef4h3]{grid-template-columns:repeat(2,1fr)}.image-grid--3[data-astro-cid-jamef4h3] .image-grid-item[data-astro-cid-jamef4h3]:first-child{grid-row:span 2}.image-grid--4[data-astro-cid-jamef4h3]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.media-container[data-astro-cid-2zt5rh6l]{width:100%;overflow:hidden;border-radius:var(--bluesky-radius-md);position:relative;background-color:var(--bluesky-color-border)}.media-container[data-astro-cid-2zt5rh6l]>img[data-astro-cid-2zt5rh6l]{width:100%;height:100%;object-fit:cover}.play-button[data-astro-cid-3sujnda6]{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-3sujnda6]{width:60%;height:60%;object-fit:cover}.thumbnail[data-astro-cid-3sujnda6]{width:100%;height:100%;object-fit:cover}.avatar[data-astro-cid-ppbrauon]{border-radius:var(--bluesky-radius-full);overflow:hidden;background-color:var(--bluesky-color-border);flex-shrink:0}.avatar[data-astro-cid-ppbrauon] img[data-astro-cid-ppbrauon]{width:100%;height:100%;object-fit:cover}.medium[data-astro-cid-ppbrauon]{width:2.5rem;height:2.5rem}.small[data-astro-cid-ppbrauon]{width:1rem;height:1rem}.post-container[data-astro-cid-hjckgpen]{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-hjckgpen]{text-decoration:none}.post-container[data-astro-cid-hjckgpen]:hover{background-color:var(--bluesky-color-background-hover)}.user-info[data-astro-cid-hjckgpen]{display:flex;gap:var(--bluesky-space-xs);align-items:center}.user-text[data-astro-cid-hjckgpen]{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-hjckgpen]{font-weight:var(--bluesky-font-weight-bold);color:var(--bluesky-color-text)}.handle[data-astro-cid-hjckgpen]{color:var(--bluesky-color-text-secondary);margin-left:var(--bluesky-space-xs)}.content[data-astro-cid-hjckgpen]{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-2qxfq3vz]{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-2qxfq3vz]:hover{background:var(--bluesky-color-background-hover)}.cover-image[data-astro-cid-2qxfq3vz]{aspect-ratio:var(--bluesky-aspect-ratio-thumb);width:100%;height:auto;object-fit:cover}.content[data-astro-cid-2qxfq3vz]{padding:var(--bluesky-content-padding)}.header[data-astro-cid-2qxfq3vz]{display:flex;gap:var(--bluesky-card-gap);align-items:center}.avatar[data-astro-cid-2qxfq3vz]{width:var(--bluesky-avatar-md);height:var(--bluesky-avatar-md)}.title-group[data-astro-cid-2qxfq3vz]{display:flex;flex-direction:column;gap:var(--bluesky-space-2xs)}.title[data-astro-cid-2qxfq3vz]{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-2qxfq3vz]{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-2qxfq3vz]{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-wstpz277]{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)
		);
	}
}