/* news.css — Figma node 16:2 (otsikko) ja 16:5 (uutislista + sivupalsta). */

.news {
	background: var(--c-light);
	padding-bottom: var(--sp-10);
}

.news__head {
	padding-top: var(--sp-8);
	padding-bottom: var(--sp-2);
}
.news__title {
	font-size: 22px;
	font-weight: 800;
}

.news__grid {
	display: flex;
	align-items: flex-start;
	gap: var(--sp-8);
	padding-top: var(--sp-4);
}

.news__column {
	display: flex;
	flex: 1 1 0;
	min-width: 0;
	flex-direction: column;
	gap: var(--sp-5);
}
.news__list {
	display: flex;
	flex-direction: column;
	gap: var(--sp-5);
}

/* Uutiskortti */
.ncard {
	display: flex;
	align-items: center;
	gap: var(--sp-5);
	padding: var(--sp-5);
	background: var(--c-white);
	box-shadow: 0 2px 8px rgb(0 0 0 / 6%);
}
.ncard__thumb {
	flex: 0 0 160px;
	width: 160px;
	height: 110px;
	overflow: hidden;
	border-radius: 4px;
	background: var(--c-thumb);
}
.ncard__thumb img {
	width: 160px;
	height: 110px;
	object-fit: cover;
}
.ncard__text {
	display: flex;
	flex: 1 1 0;
	min-width: 0;
	flex-direction: column;
	gap: var(--sp-1);
}
.ncard__kicker {
	color: var(--c-brand);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1px;
}
.ncard__title {
	font-size: 17px;
	font-weight: 700;
	line-height: 24px;
}
.ncard__excerpt {
	color: var(--c-excerpt);
	font-size: 14px;
	line-height: 21px;
}

/* Sivupalsta */
.news__sidebar {
	display: flex;
	flex: 0 0 300px;
	width: 300px;
	flex-direction: column;
	gap: var(--sp-6);
}

.swidget {
	display: flex;
	flex-direction: column;
	gap: var(--sp-3);
	align-items: center;
	padding: 30px var(--sp-5);
	text-align: center;
}
.swidget__title {
	font-size: 18px;
	font-weight: 700;
}
.swidget__title--red { color: var(--c-accent); }

.swidget--magazine {
	gap: var(--sp-4);
	background: var(--c-white);
}
.swidget__cover {
	width: 220px;
	height: 300px;
	object-fit: cover;
	border-radius: 4px;
	background: #333340;
}

.swidget--tip {
	background: var(--c-blue);
	color: var(--c-white);
}
.swidget--tip .swidget__title {
	display: flex;
	flex-direction: column;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.swidget__title-big { font-size: 27px; font-weight: 700; }
.swidget__title-small { font-size: 14px; font-weight: 400; line-height: 18px; }
.swidget__lines { font-size: 13px; line-height: 20px; }

.swidget--ask {
	background: var(--c-white);
	box-shadow: 0 2px 8px rgb(0 0 0 / 6%);
}
.swidget__lead {
	color: var(--c-excerpt);
	font-size: 13px;
	line-height: 20px;
}

@media (max-width: 1000px) {
	.news__grid { flex-direction: column; }
	.news__sidebar { flex-basis: auto; width: 100%; }
	.swidget, .news__sidebar > .ad-slot { max-width: 420px; margin-inline: auto; width: 100%; }
}

@media (max-width: 600px) {
	.ncard { flex-direction: column; align-items: flex-start; }
	.ncard__thumb { flex-basis: auto; width: 100%; height: auto; aspect-ratio: 160 / 110; }
	.ncard__thumb img { width: 100%; height: 100%; }
	.news__title { font-size: 19px; }
}