/* Editorial guides use the recipe single's 1100px content width and warm palette. */
.sr-vodic-single,
.sr-vodici-archive {
	--sr-vodic-ink: #2d1c15;
	--sr-vodic-accent: #b53d4c;
	--sr-vodic-brown: #8d5d46;
	--sr-vodic-paper: #fdfaf9;
	color: var(--sr-vodic-ink);
}

.sr-vodic-single {
	padding: 24px 20px 72px;
	background: linear-gradient(180deg, rgba(255,253,249,.96), rgba(247,240,231,.96));
}

.sr-vodic-single__inner { max-width: 1100px; margin: 0 auto; }
.sr-vodic-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 30px;
	font-size: 13px;
	line-height: 1.5;
	color: #796b63;
}
.sr-vodic-breadcrumbs a { color: var(--sr-vodic-brown); text-decoration: none; font-weight: 700; }
.sr-vodic-breadcrumbs a:hover { color: var(--sr-vodic-accent); text-decoration: underline; }
.sr-vodic-single__head h1 {
	margin: 0 0 20px;
	color: #1a1a1a;
	font-size: clamp(32px, 4vw, 52px);
	font-weight: 900;
	line-height: 1.14;
	letter-spacing: -.025em;
}
.sr-vodic-single__intro {
	max-width: 850px;
	margin: 0 0 26px;
	font-size: 18px;
	line-height: 1.8;
}
.sr-vodic-single__hero { margin: 0 0 26px; overflow: hidden; border-radius: 24px; box-shadow: 0 20px 40px rgba(0,0,0,.1); }
.sr-vodic-single__hero img { display: block; width: 100%; max-height: 500px; object-fit: cover; }
.sr-vodic-single__byline { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin: 0 0 34px; font-size: 14px; color: #796b63; }
.sr-vodic-single__byline img { width: 45px; height: 45px; margin-right: 3px; border-radius: 50%; object-fit: cover; }
.sr-vodic-single__byline strong { color: #1a1a1a; }
.sr-vodic-single__body { max-width: 1000px; margin-inline: auto; font-size: 18px; line-height: 1.8; overflow-wrap: anywhere; }
.sr-vodic-single__body > * { max-width: 100%; }
.sr-vodic-single__body p { margin: 0 0 1.4em; }
.sr-vodic-single__body h2,
.sr-vodic-single__body h3 { margin: 1.7em 0 .65em; color: #1a1a1a; font-weight: 800; line-height: 1.25; }
.sr-vodic-single__body h2 { font-size: clamp(25px, 3vw, 32px); }
.sr-vodic-single__body h3 { font-size: clamp(21px, 2.5vw, 26px); }
.sr-vodic-single__body ul,
.sr-vodic-single__body ol { margin: 0 0 1.5em; padding-left: 1.5em; list-style-position: outside; }
.sr-vodic-single__body ul { list-style-type: disc; }
.sr-vodic-single__body ol { list-style-type: decimal; }
.sr-vodic-single__body li { display: list-item; margin-bottom: .45em; }
.sr-vodic-single__body a { color: var(--sr-vodic-accent); text-decoration: underline; text-underline-offset: 3px; }
.sr-vodic-single__body img { height: auto; border-radius: 12px; }
.sr-vodic-single__body figure { max-width: 100%; }
.sr-vodic-author {
	display: flex;
	align-items: center;
	gap: 40px;
	margin: 60px 0;
	padding: 40px;
	border: 1px solid #f0f0f0;
	border-radius: 24px;
	background: var(--sr-vodic-paper);
}
.sr-vodic-author__avatar { flex: 0 0 130px; }
.sr-vodic-author__avatar img { display: block; width: 130px; height: 130px; border-radius: 50%; object-fit: cover; }
.sr-vodic-author h2 { margin: 0 0 10px; color: #1a1a1a; font-size: 25px; }
.sr-vodic-author p { margin: 0 0 12px; line-height: 1.7; }
.sr-vodic-author a,
.sr-vodic-all { color: var(--sr-vodic-brown); font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }
.sr-vodic-related { margin: 0 0 26px; }
.sr-vodic-related > h2 { margin: 0 0 25px; font-size: clamp(25px, 3vw, 34px); color: #1a1a1a; }

.sr-vodici-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.sr-vodici-card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid rgba(95, 56, 38, .17);
	border-radius: 18px;
	background: #fffdf9;
	box-shadow: 0 18px 45px rgba(65,38,25,.07);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.sr-vodici-card:hover { transform: translateY(-5px); border-color: rgba(181,61,76,.35); box-shadow: 0 24px 55px rgba(65,38,25,.12); }
.sr-vodici-card__image { display: block; aspect-ratio: 4/3; overflow: hidden; background: #f7f0e7; }
.sr-vodici-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.sr-vodici-card:hover .sr-vodici-card__image img { transform: scale(1.025); }
.sr-vodici-card__body { display: flex; flex: 1; flex-direction: column; padding: 24px; }
.sr-vodici-card time { color: var(--sr-vodic-accent); font-size: 12px; font-weight: 800; }
.sr-vodici-card h2 { margin: 12px 0; color: var(--sr-vodic-ink); font-size: clamp(21px, 2vw, 28px); line-height: 1.2; }
.sr-vodici-card h2 a { color: inherit; text-decoration: none; }
.sr-vodici-card p { margin: 0 0 18px; color: #654f44; line-height: 1.65; }
.sr-vodici-card__button { margin-top: auto; color: var(--sr-vodic-accent); font-weight: 800; text-decoration: none; }
.sr-vodici-card__button:hover,
.sr-vodici-card h2 a:hover { text-decoration: underline; }
.sr-vodici-archive .navigation.pagination { margin-top: 42px; }
.sr-vodici-archive__empty { font-size: 18px; }

@media (max-width: 900px) { .sr-vodici-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) {
	.sr-vodic-single { padding: 18px 18px 55px; }
	.sr-vodic-single__hero { border-radius: 16px; }
	.sr-vodic-single__hero img { max-height: 420px; }
	.sr-vodic-single__body { font-size: 16px; }
	.sr-vodic-author { flex-direction: column; align-items: flex-start; gap: 16px; margin: 42px 0; padding: 24px; }
	.sr-vodic-author__avatar { flex-basis: auto; }
	.sr-vodic-author__avatar img { width: 80px; height: 80px; }
	.sr-vodici-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
	.sr-vodici-card,
	.sr-vodici-card img { transition: none; }
}