/* The archive feed: day headings, and per profile a brief card followed by the
   reports (or comments, or forum posts) left on it that day. */

.archive h1 {font-size: 20px; line-height: 150%;}

.archive .day {color: var(--text-strong); text-align: center; font-size: 18px;}

/* One day's block: the wide panel holds a brief card and its entries */
.archive .panel-wide {text-align: left; margin-bottom: 20px;}

/*-------------------------------
		Brief profile card
-------------------------------*/

.profile-brief {position: relative; width: 450px; margin: 10px auto; padding: 10px;
	display: flow-root; background: var(--panel); border: 1px solid var(--border); border-width: 1px 0;}

.profile-brief .media {float: left; width: 192px; margin-right: 20px; text-align: center;}

.profile-brief .media img {border: 1px solid var(--border-light); max-width: 200px; max-height: 300px;}

.profile-brief .counts {margin: 5px; font-size: 16px; text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif; color: var(--link);}

.profile-brief .counts span {display: block; color: var(--text-strong); text-decoration: underline;}

.profile-brief .counts span:hover {text-decoration: none;}

.profile-brief .details {float: left; width: 228px;}

.profile-brief h3 {margin: 0 5px 5px;}

.profile-brief h3 .number {color: var(--text);}

.profile-brief .city {text-align: center; color: var(--text-strong); font-weight: bold;}

.profile-brief ul {list-style-type: square; color: #A49270;}

.profile-brief ul li::marker {color: #3a352a;}

.profile-brief ul li {margin: 3px 0;}

/* The tariff crowns: the brief card is centred, so the full-size corner marks
   of card.css (negative margins) cannot apply — the compact icon does instead,
   the same way the narrow-screen card wears it. */
.profile-brief.vip, .profile-brief.super-vip, .profile-brief.top-vip {margin: 10px auto; padding: 10px; background: var(--panel);}

.profile-brief .icon {display: none;}

.profile-brief.top-vip .icon {display: block; position: absolute; top: -35px; right: -27px;
	width: 50px; height: 44px; background: url("../img/top-vip.759e2bcb5781.webp") no-repeat 100% 0% / contain;}

.profile-brief.super-vip .icon {display: block; position: absolute; top: -38px; right: -31px;
	width: 50px; height: 45px; background: url("../img/super-vip.0a84d976a343.webp") no-repeat 100% 0% / contain;}

.profile-brief.vip .icon {display: block; position: absolute; top: -16px; right: -10px;
	width: 50px; height: 44px; background: url("../img/vip.c6c1ddb08809.webp") no-repeat 100% 0% / contain;}

@media only screen and (max-width: 620px) {
	.profile-brief {width: min(450px, 100% - 10px); box-sizing: border-box;}
}

/*---------------------------------------------------------------
  Продакшн-состояния и починки
---------------------------------------------------------------*/

/* Archive production states: category row, hidden-why, empty feed, pager gaps. */

.archive-categories {display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 10px; justify-content: center;}

.archive-categories a {padding: 5px 10px; border: 1px solid #292929; font-size: 13px;}

.archive-categories a[aria-current] {color: #cbb37a; background: #17130d; border-color: #8d7d5d;}

.archive .hidden-note {color: #8f8570;}

.archive .hidden-why {display: inline-block; margin-left: 6px;}

.archive .hidden-why summary {cursor: pointer; color: #a49270; display: inline;}

.archive .hidden-why span {display: block; margin-top: 4px; color: #8f8570; font-size: 12px;}

.archive .page-gap {margin: 0 3px; color: #555;}

.archive-empty {margin: 24px 0; text-align: center; color: #8f8570;}