/*
 * Brodnik CSS bundle: content-sidebar.css
 * Reusable sidebar/TOC cards used by news archives and detail pages.
 * Extracted from legacy styles.css/custom.css after usage audit.
 */

.rr-side-card{background:rgba(251,247,239,.72);
	border:1px solid rgba(16,35,29,.11);
	border-radius:16px;
	padding:20px;
	box-shadow:0 12px 30px rgba(16,35,29,.05)}

.rr-side-card+.rr-side-card{margin-top:18px}

.rr-side-card .h3{margin:0 0 14px;
	font-family:var(--font-heading);
	font-size:24px;
	line-height:1}

.rr-mini{display:grid;
	grid-template-columns:88px 1fr;
	gap:12px;
	padding:8px 0;
	color:inherit;
	text-decoration:none;
	border-bottom:1px solid rgba(16,35,29,.08)}

.rr-mini:last-child{border-bottom:0}

.rr-mini img{width:88px;
	height:62px;
	object-fit:cover;
	border-radius:8px}

.rr-mini b{display:block;
	font-family:var(--font-heading);
	font-size:18px;
	line-height:1.08}

.rr-mini small{display:block;
	margin-top:6px;
	color:var(--muted-text);
	font-size:11px}

.rr-tags{display:flex;
	flex-wrap:wrap;
	gap:8px}

.rr-tags a{padding:6px 10px;
	background:rgba(16,35,29,.06);
	border:1px solid rgba(16,35,29,.09);
	border-radius:999px;
	color:var(--soft-charcoal);
	font-size:12px;
	text-decoration:none}

.rr-tags a:hover{color:var(--road-clay)}

.rr-sidebar{position:sticky;
	top:112px}

.rr-toc a{display:block;
	padding:7px 0;
	color:var(--soft-charcoal);
	text-decoration:none;
	font-size:14px;
	border-bottom:1px solid rgba(16,35,29,.06)}

.rr-toc a:hover{color:var(--road-clay)}

.rr-side-subscribe form{display:grid;
	grid-template-columns:1fr auto;
	gap:8px}

.rr-side-subscribe input{min-width:0;
	border:1px solid rgba(16,35,29,.12);
	background:var(--card-bg);
	border-radius:8px;
	padding:11px 12px}

.rr-side-subscribe .btn{min-height:40px;
	padding:10px 14px}

@media (max-width: 1180px){
.rr-sidebar{position:static;
		display:grid;
		grid-template-columns:repeat(2,1fr);
		gap:14px}
.rr-side-card+.rr-side-card{margin-top:20px}
}

@media (max-width: 860px){
.rr-sidebar{grid-template-columns:1fr}
}

@media (max-width: 640px){
.rr-side-subscribe form{grid-template-columns:1fr}
}

.rr-toc a.is-active{font-weight: 600;
	color: var(--dust-gold);
	pointer-events: none;}

.rr-toc a.is-active{}

@media (max-width: 920px){
.rr-article-layout .rr-sidebar{order: -1;
		width: 100%;
		max-width: 100%;
		display: block;}
.rr-article-layout .rr-side-card{display: none;}
.rr-article-layout .rr-side-card.rr-toc{display: block;}
}

/* Real templates use an h3 element, not the legacy .h3 utility class. */
.rr-side-card > h3 {
	line-height: 1.3;
}