/* 1.3.78 Cosmo v3 search / 404 / author / tag */
.cch3-arch__head { max-width: 1100px; margin: 0 auto; padding: 48px 18px 12px; }
.cch3-arch__title { font-family: var(--cch3-serif); font-weight: 370; font-variation-settings: "opsz" 48; font-size: 36px; line-height: 1.08; letter-spacing: -.01em; color: var(--cch3-ink); margin: 12px 0 0 !important; overflow-wrap: normal; word-break: normal; hyphens: manual; }
.cch3-arch__dek { margin: 14px 0 0 !important; font: 400 15px/1.55 var(--cch3-sans); color: var(--cch3-muted); max-width: 36em; }
.cch3-arch__search { display: flex; gap: 8px; margin-top: 24px; max-width: 560px; }
.cch3-arch__search input { flex: 1; min-height: 46px; padding: 10px 14px; border: 1px solid var(--cch3-rule); border-radius: 2px; background: #fff; font: 400 15px/1.3 var(--cch3-sans); color: var(--cch3-ink); }
.cch3-arch__search button { min-height: 46px; padding: 0 18px; border: 1px solid var(--cch3-ink); border-radius: 2px; background: var(--cch3-ink); color: #fff; font: 600 12px/1 var(--cch3-sans); letter-spacing: .12em; text-transform: uppercase; cursor: pointer; }
.cch3-arch__sections { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 26px; }
.cch3-arch__sections a { font: 500 12px/1.4 var(--cch3-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--cch3-tan-dark); text-decoration: none; border-bottom: 1px solid transparent; }
.cch3-arch__sections a:hover { border-bottom-color: currentColor; }
.cch3-arch__feed { max-width: 1100px; margin: 0 auto; padding: 24px 18px 56px; }
.cch3-arch__empty { max-width: 1100px; margin: 0 auto; padding: 24px 18px 72px; font: 400 15px/1.6 var(--cch3-sans); color: var(--cch3-ink-2); }
.cch3-arch__pager ul { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; list-style: none; margin: 40px 0 0; padding: 0; }
.cch3-arch__pager a, .cch3-arch__pager span { display: inline-block; min-width: 40px; padding: 10px 12px; border: 1px solid var(--cch3-rule); border-radius: 2px; text-align: center; font: 500 12px/1 var(--cch3-sans); letter-spacing: .08em; color: var(--cch3-ink); text-decoration: none; }
.cch3-arch__pager .current { background: var(--cch3-ink); color: #fff; border-color: var(--cch3-ink); }
@media (min-width: 768px) {
	.cch3-arch__head { padding: 72px 34px 16px; }
	.cch3-arch__title { font-size: 48px; }
	.cch3-arch__feed, .cch3-arch__empty { padding-left: 34px; padding-right: 34px; }
}