import { css } from "lit";

export const styles = css`
	:host {
		display: grid;
		grid-template-areas:
			"title title"
			"date feed"
			"content content";
			grid-template-rows:
				fit-content
				fit-content
				1fr;
	}
	h2 {
		grid-area: title;
		text-wrap: balance;
		text-wrap: pretty;
	}
	time, .feed {
		color: #666;
	}
	time { grid-area: date; }
	.feed { grid-area: feed; }
	.content {
		grid-area: content;
		max-height: 3.5lh;
		overflow: auto;
		font-size: .9em;
	}
`;