#index {
	.h-feed {
		display: grid;
		overflow: auto;
		.heading {
			font-size: 1.5em;
			font-weight: 700;
			margin: 1em 0;
		}
		hr {
			margin: 0;
		}
	}
	.h-card {
		place-self: center;
		max-width: 60ch;
		width: 100%;
	}
	.h-entry {
		margin: 1em 0;
		padding: 1em 0;
		header {
			display: flex;
			align-items: center;
			gap: 1em;
			margin-bottom: 0.5em;
			.icon {
				padding: 0.5rem;
				display: inline-flex;
				background: black;
				border-radius: 100em;
				svg {
					width: 20px;
					height: 20px;
					fill: white;
				}
			}
		}
	}
	.reply {
		line-height: 1.5;
		
		.p-name {
			margin-bottom: 1em;
			display: flex;
			align-items: center;
			gap: 0.5em;
			
			.u-url {

			}
		}
		.p-summary {
			font-style: italic;
		}
		.meta {
			margin-top: 1em;
		}
	}
	.note {
		line-height: 1.5;
		.e-content {
			font-size: 1.2em;
			p {
				margin: 1em 0;
			}
		}
		.meta {
			margin-top: 1em;
		}
	}
}