/* Private bookmarks: a compact, deliberately quiet cabinet list.  The familiar
   archive card remains recognisable while disabled and empty states are explicit. */

.bookmarks {width: min(100%, 560px); margin: 0 auto;}

.bookmarks h1 {margin-bottom: 3px;}

.fetch-switch {margin: 7px 0 12px; text-align: center; font-size: 15px;}

.bookmarks-summary {margin: 0 0 12px; color: #929292; text-align: center; text-indent: 0;}

.bookmarks-list {display: grid; gap: 18px;}

.bookmarks .profile-brief {box-sizing: border-box; width: min(450px, calc(100% - 20px));
	margin-top: 0; margin-bottom: 0;}

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

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

.bookmark-photo-placeholder {display: grid; min-height: 172px; place-items: center;
	border: 1px solid #292929; background: radial-gradient(circle at 50% 35%, #25221c, #0b0b0b 72%);
	color: var(--text); font: italic 14px Georgia, "Times New Roman", serif;}

.bookmark-status {margin: 8px 0; padding: 7px 9px; border-left: 2px solid #8d6a35;
	background: #17130d; color: #d7c69e; line-height: 1.45; text-indent: 0;}

.bookmark-manage {clear: both; padding-top: 8px; text-align: center;}

.bookmark-manage form {display: inline;}

.bookmark-manage .button-dark {min-width: 170px;}

.bookmarks-empty {box-sizing: border-box; width: min(450px, calc(100% - 20px));
	margin: 18px auto; padding: 24px 20px; border: 1px solid #292929;
	background: linear-gradient(145deg, #111, #090909); text-align: center;}

.bookmarks-empty__mark {display: block; margin-bottom: 7px; color: var(--gold);
	font: 32px Georgia, "Times New Roman", serif;}

.bookmarks-empty h2 {margin: 0 0 6px; color: var(--text-strong); font-size: 18px;}

.bookmarks-empty p {margin: 0; color: var(--text-muted); line-height: 1.5; text-indent: 0;}

.bookmarks .pages {margin-top: 18px;}

.bookmarks .pages .neighbour-buttons {display: flex; justify-content: center; gap: 8px;}

.bookmarks .pages .neighbour-buttons a,
.bookmarks .pages .neighbour-buttons span {box-sizing: border-box; min-width: 105px;}

.bookmarks .pages .neighbour-buttons span {margin: 5px; padding: 4px; border: 1px solid var(--border);
	background: var(--panel); color: #555;}

.bookmarks .pages .numbers {margin-top: 10px;}

.bookmarks .pages .numbers strong {display: inline-block; margin: 5px; padding: 4px 7px;
	border: 1px solid var(--gold); background: #090909; color: var(--text-strong);}

@media only screen and (max-width: 620px) {
	.bookmarks {width: 100%;}
	.bookmarks .profile-brief {width: calc(100% - 12px); padding: 9px;}
	.bookmarks .profile-brief .media,
	.bookmarks .profile-brief .details {float: none; box-sizing: border-box; width: 100%; margin: 0;}
	.bookmarks .profile-brief .media {margin-bottom: 10px;}
	.bookmarks .profile-brief .media img {display: block; width: auto; max-width: 100%; height: auto;
		margin: 0 auto;}
	.bookmark-photo-placeholder {min-height: 130px;}
	.bookmarks .profile-brief .details {font-size: 13px;}
	.bookmarks .profile-brief ul {padding-left: 22px;}
	.bookmarks .profile-brief .pricetable {width: 100%; font-size: 12px;}
	.bookmark-manage .button-dark {min-height: 36px; font-size: 14px;}
}