/* WordPress-native search and conversation surfaces. */

.hh-search-form label {
	display: block;
	margin-bottom: 12px;
	font: 700 9px/1 "Courier New", monospace;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.hh-search-form > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	border-bottom: 1px solid #17201b;
}

.hh-search-form input {
	min-width: 0;
	padding: 14px 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: #17201b;
	font: 20px/1.2 Georgia, "Times New Roman", serif;
}

.hh-search-form button,
.form-submit .submit {
	border: 0;
	background: transparent;
	color: #17201b;
	cursor: pointer;
	font: 700 9px/1 "Courier New", monospace;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.search-empty { max-width: 720px; padding: 55px 0; border-top: 1px solid #17201b; }
.search-empty h2 { margin: 0 0 20px; font: 500 54px/1 Georgia, "Times New Roman", serif; letter-spacing: -.045em; }
.search-empty p { color: #505952; font: 18px/1.55 Georgia, "Times New Roman", serif; }

.comments-shell { padding-top: 30px; }
.comments-area { max-width: 900px; margin: 0 auto; padding-top: 75px; border-top: 1px solid #17201b; }
.comments-area > h2,
.comment-reply-title { margin: 0 0 35px; font: 500 clamp(42px, 5vw, 72px)/.95 Georgia, "Times New Roman", serif; letter-spacing: -.05em; }
.comment-list { margin: 0 0 70px; padding: 0; list-style: none; }
.comment-list .children { margin: 25px 0 0 52px; padding: 0; list-style: none; }
.comment-body { margin-bottom: 25px; padding: 28px; border: 1px solid #c9c7bc; background: #e8e2d8; }
.comment-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 18px; font: 700 9px/1.4 "Courier New", monospace; letter-spacing: .04em; text-transform: uppercase; }
.comment-author { display: flex; align-items: center; gap: 12px; }
.comment-author .avatar { width: 48px; height: 48px; border-radius: 50%; }
.comment-content p { margin: 0 0 15px; font: 17px/1.65 Georgia, "Times New Roman", serif; }
.reply a { color: #8f371f; font: 700 9px/1 "Courier New", monospace; letter-spacing: .08em; text-transform: uppercase; }
.comment-notes { color: #687069; font: 14px/1.5 Georgia, "Times New Roman", serif; }
.comment-form { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.comment-form > p { margin: 0; }
.comment-form-comment,
.comment-form-cookies-consent,
.form-submit { grid-column: 1 / 3; }
.comment-form label { display: block; margin-bottom: 9px; font: 700 9px/1 "Courier New", monospace; letter-spacing: .08em; text-transform: uppercase; }
.comment-form input:not([type="checkbox"]),
.comment-form textarea { width: 100%; padding: 14px; border: 1px solid #9fa29a; background: rgba(255,255,255,.3); color: #17201b; font: 17px/1.4 Georgia, "Times New Roman", serif; }
.comment-form textarea { min-height: 190px; resize: vertical; }
.form-submit .submit { padding: 15px 0 7px; border-bottom: 1px solid #8f371f; }

@media (max-width: 560px) {
	.hh-search-form > div,
	.comment-form { grid-template-columns: 1fr; }
	.hh-search-form button { justify-self: start; padding: 15px 0; }
	.comment-form-comment,
	.comment-form-cookies-consent,
	.form-submit { grid-column: 1; }
	.comment-list .children { margin-left: 18px; }
	.comment-body { padding: 22px 18px; }
}