/* Private news: a restrained event ledger that keeps the legacy dark cabinet
   density while separating causality, author and source at a glance. */

.news-shell {width: min(100%, 650px); margin: 0 auto;}

.news-shell > h1, .news-subscriptions > h1 {margin: 8px 0 14px;}

.news-feed {position: relative; display: grid; gap: 12px; padding-left: 23px;}

.news-feed::before {position: absolute; top: 5px; bottom: 5px; left: 7px; width: 1px;
	background: linear-gradient(#8d7d5d, #29251e 82%, transparent); content: "";}

.news-event {position: relative; padding: 13px 15px 12px; border: 1px solid #292929;
	background: linear-gradient(145deg, #11110f, #090909 72%); box-shadow: 0 8px 22px #0007;}

.news-event__marker {position: absolute; top: 20px; left: -22px; box-sizing: border-box;
	width: 13px; height: 13px; border: 2px solid #0b0b0b; border-radius: 50%;
	background: #a49270; box-shadow: 0 0 0 1px #8d7d5d;}

.news-event--profile_comment .news-event__marker {background: #677a65;}

.news-event--report_comment .news-event__marker {background: #7a6765;}

.news-event header {margin-bottom: 8px; border-bottom: 1px solid var(--border);}

.news-event h2 {margin: 1px 0 5px; text-align: left; font-size: 16px; line-height: 1.35;}

.news-event h2 a {color: #eee7d2; text-decoration: none;}

.news-event h2 a:hover {text-decoration: underline;}

.news-event__kind {margin: 0; color: #9b8d6e; font-size: 10px; font-weight: bold;
	letter-spacing: .14em; text-indent: 0; text-transform: uppercase;}

.news-event__meta {display: flex; justify-content: space-between; gap: 12px; margin: 0 0 7px;
	color: var(--text); font-size: 11px; text-indent: 0;}

.news-event__meta a {color: #c8bea3;}

.news-event__text, .news-event__hidden {margin: 8px 2px; color: var(--text-light);
	line-height: 1.5; overflow-wrap: anywhere; text-indent: 0;}

.news-event__hidden {color: #827b6d;}

.news-event__open {display: block; text-align: right; color: #9b8d6e; font-size: 12px;}

.news-empty {box-sizing: border-box; margin: 16px auto; padding: 24px 18px;
	border-color: #25221c; background: radial-gradient(circle at 50% 0, #18150f, #0a0a0a 72%);
	text-align: center;}

.news-empty > span {display: block; color: var(--gold); font: 34px Georgia, "Times New Roman", serif;}

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

.news-empty p {margin: 0 0 13px; color: #929292; text-indent: 0;}

.news-subscriptions .tabbed-panel {margin-bottom: 8px;}

.subscription-state {margin: 0 0 8px; color: #69a869; font-size: 12px; text-indent: 0;}

.news-subscriptions .bookmark-manage {display: flex; flex-wrap: wrap; justify-content: center;
	gap: 7px;}

.news-subscriptions .bookmark-manage .subscription-state {flex-basis: 100%;}

@media only screen and (max-width: 620px) {
	.news-shell {width: 100%;}
	.news-feed {padding-left: 18px;}
	.news-feed::before {left: 5px;}
	.news-event {padding: 11px 10px;}
	.news-event__marker {left: -17px; width: 11px; height: 11px;}
	.news-event h2 {font-size: 15px;}
	.news-event__meta {display: grid; gap: 2px; font-size: 12px;}
	.news-event__open {min-height: 30px; padding-top: 5px; font-size: 13px;}
	.news-subscriptions .bookmark-manage {display: grid;}
	.news-subscriptions .bookmark-manage .button-dark {width: min(230px, 100%); min-height: 36px;}
}