/*
 * Brodnik CSS bundle: content-detail.css
 * Shared detail shell: article/news head, cover, sidebar, TOC and metadata.
 * Extracted from legacy styles.css/custom.css after usage audit.
 */

.rr-save{border:0;
	background:transparent;
	color:var(--muted-text);
	padding:0}

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

.rr-article-hero{padding:24px clamp(22px, 4vw, 56px) 0}

.rr-article-head{}

.rr-article-head h1{margin:18px 0 10px;
	font-family:var(--font-heading);
	font-size: clamp(34px, 3.2vw, 52px);
	line-height:.96;
	font-weight:600;
	color:var(--raw-forest);
	letter-spacing:-.035em}

.rr-article-head p{margin:0 0 22px;
	color:var(--soft-charcoal);
	font-size:20px;
	line-height:1.45}

.rr-article-layout{display:grid;
	grid-template-columns:minmax(0,850px) 320px;
	gap:48px;
	padding:22px clamp(22px, 4vw, 56px) 48px;
	align-items:start}

.rr-article-content{font-size:17px;
	line-height:1.75;
	color:var(--soft-charcoal)}

.rr-article-content h2{font-family:var(--font-heading);
	font-size:36px;
	line-height:1.05;
	color:var(--raw-forest);
	margin:32px 0 8px;
	scroll-margin-top: 110px;}

.rr-cover{margin:0 0 24px}

.rr-cover img{width:100%;
	border-radius:8px;
	aspect-ratio:2.15/1;
	object-fit:cover}

.rr-cover figcaption{margin-top:8px;
	color:var(--muted-text);
	font-size:12px}

.rr-map-block{display:grid;
	grid-template-columns:1.3fr 1fr;
	gap:24px;
	align-items:center;
	margin:18px 0 28px}

.rr-map-block img{border-radius:12px;
	min-height:140px;
	object-fit:cover}

.rr-map-block ul{display:grid;
	grid-template-columns:1fr;
	gap:10px;
	margin:0;
	padding:0;
	list-style:none;
	color:var(--soft-charcoal);
	font-size:14px}

.rr-map-block li{position:relative;
	padding-left:24px}

.rr-map-block li:before{content:"";
	position:absolute;
	left:0;
	top:.55em;
	width:9px;
	height:9px;
	border-radius:50%;
	background:var(--dust-gold)}

.rr-article-content blockquote{margin:30px 0;
	padding:24px 28px;
	border-radius:14px;
	background:rgba(168,138,93,.12);
	font-family:var(--font-heading);
	font-size:28px;
	line-height:1.15;
	color:var(--raw-forest)}

.rr-note{margin:26px 0;
	padding:20px 22px;
	border-left:4px solid var(--road-clay);
	border-radius:0 14px 14px 0;
	background:rgba(182,106,60,.08)}

.rr-clean-list{padding-left:22px}

.rr-quote{position:relative;
	overflow:hidden}

.rr-quote:before{content:"“";
	font-family:Georgia,serif;
	color:var(--road-clay);
	font-size:42px}

.rr-quote p{margin:0 0 10px;
	font-family:var(--font-heading);
	font-size:21px;
	line-height:1.18}

@media (max-width: 1180px){
.rr-article-layout{grid-template-columns: minmax(0, 1fr);
		gap: 32px;
		padding: 18px 16px 40px;}
}

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

@media (max-width: 640px){
.rr-article-hero,
.rr-article-layout{padding-left:14px;
		padding-right:14px}
.rr-article-head h1{font-size:34px}
.rr-article-head p{font-size:14px}
.rr-cover img{aspect-ratio:1.42/1}
.rr-article-content{font-size:15px}
.rr-article-content h2{font-size:28px}
.rr-article-content blockquote{font-size:22px;
		padding:18px}
}

.rr-cover figcaption,
.rr-article-content figure figcaption{margin-top: 7px;
	color: var(--muted-text);
	font-family: var(--font-body);
	font-size: 13px;
	line-height: 1.35;
	font-style: normal;}

.rr-save.is-active{color: var(--road-clay);}

@media (max-width: 920px){
.rr-article-layout{grid-template-columns: minmax(0, 1fr);
		gap: 24px;
		padding: 18px 16px 40px;}
.rr-article-layout .rr-article-content{order: 1;
		min-width: 0;
		max-width: 100%;}
.rr-article-hero{padding-left: 18px;
		padding-right: 18px;}
}

@media (max-width: 768px){
.rr-article-hero{padding-top: 0;}
}

@media (max-width: 640px){
.rr-cover figcaption,
.rr-article-content figure figcaption{margin-top: 6px;
		font-size: 12px;
		line-height: 1.3;}
}

.rr-article-content .abandoned-safety-notice__title{margin: 0 0 11px;
	color: #2a211c;
	font-family: var(--font-body, "Manrope", Arial, sans-serif);
	font-size: 23px;
	line-height: 1.2;
	font-weight: 850;
	letter-spacing: -0.01em;}

.rr-article-content .abandoned-safety-notice__title::after{display: none;}

@media (max-width: 768px){
.rr-article-content .abandoned-safety-notice__title{font-size: 19px;
		line-height: 1.24;}
}
