/*
 * ISC Latest News
 * LS Jordan Design. Defaults match the approved v5 home page "Latest news" row.
 * Scoped under .isc-nw so theme and Site Kit styles cannot leak in.
 */

.isc-nw {
	--isc-nw-bg: transparent;
	--isc-nw-heading: #3d2144;
	--isc-nw-viewall: #3d2144;
	--isc-nw-card: #ffffff;
	--isc-nw-border: #e5d9cc;
	--isc-nw-hover: #3d2144;
	--isc-nw-meta: #7f6b6b;
	--isc-nw-title: #33283a;
	--isc-nw-title-hover: #3d2144;
	--isc-nw-text: #6b5e72;
	--isc-nw-pod-bg: #3d2144;
	--isc-nw-pod-eyebrow: #b998c2;
	--isc-nw-pod-title: #f9f3ec;
	--isc-nw-pod-text: #d8c9de;
	--isc-nw-pod-btn: #3C6E73;
	--isc-nw-pod-btn-text: #ffffff;
	--isc-nw-pod-btn-hover: #2F5A5E;
	--isc-nw-radius: 20px;
	--isc-nw-pod-radius: 20px;
	--isc-nw-pad: 20px;
	--isc-nw-cols: 3;
	--isc-nw-gap: 16px;
	--isc-nw-gap-pod: 24px;
	--isc-nw-pod-w: 29;
	--isc-nw-img-h: 150px;
	--isc-nw-ease: cubic-bezier(.22, 1, .36, 1);
	display: block;
	box-sizing: border-box;
	container-type: inline-size;
	container-name: iscnw;
	padding: 0 40px 56px;
	background: var(--isc-nw-bg);
	color: var(--isc-nw-title);
	font-family: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	-webkit-font-smoothing: antialiased;
	text-align: left;
}
.isc-nw *, .isc-nw *::before, .isc-nw *::after { box-sizing: border-box; }
.isc-nw :is(h2, h3, h4, p, ul, li) { margin: 0; padding: 0; text-transform: none; }
.isc-nw ul { list-style: none; }
.isc-nw a { text-decoration: none; text-transform: none; letter-spacing: normal; }
.isc-nw .isc-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.isc-nw .isc-nw__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, calc(var(--isc-nw-pod-w) * 1%));
	gap: var(--isc-nw-gap-pod);
}
.isc-nw.isc-nw--pod-left .isc-nw__grid { grid-template-columns: minmax(0, calc(var(--isc-nw-pod-w) * 1%)) minmax(0, 1fr); }
.isc-nw.isc-nw--pod-left .isc-nw__pod { order: -1; }
.isc-nw.isc-nw--pod-below .isc-nw__grid,
.isc-nw.isc-nw--pod-none .isc-nw__grid,
.isc-nw.isc-nw--no-news .isc-nw__grid { grid-template-columns: minmax(0, 1fr); }
.isc-nw.isc-nw--stretch .isc-nw__grid { align-items: stretch; }
.isc-nw:not(.isc-nw--stretch) .isc-nw__grid { align-items: start; }
.isc-nw .isc-nw__main { min-width: 0; display: flex; flex-direction: column; }

/* Heading */
.isc-nw .isc-nw__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 20px; margin: 0 0 20px; }
.isc-nw .isc-nw__heading {
	color: var(--isc-nw-heading); font-family: "Bricolage Grotesque", "Public Sans", sans-serif;
	font-size: 32px; font-weight: 600; line-height: 1.15; letter-spacing: -.01em; overflow-wrap: break-word;
}
.isc-nw .isc-nw__viewall { display: inline-flex; align-items: center; gap: 6px; color: var(--isc-nw-viewall); font-size: 14px; font-weight: 700; white-space: normal; }
.isc-nw .isc-nw__viewall:hover, .isc-nw .isc-nw__viewall:focus { color: var(--isc-nw-title-hover); text-decoration: underline; text-underline-offset: 4px; }

/* Cards */
.isc-nw .isc-nw__list { display: grid; grid-template-columns: repeat(var(--isc-nw-cols), minmax(0, 1fr)); gap: var(--isc-nw-gap); flex: 1 1 auto; }
.isc-nw .isc-nw__item { min-width: 0; display: flex; }
.isc-nw .isc-nw__card {
	display: flex; flex-direction: column; width: 100%; overflow: hidden;
	background: var(--isc-nw-card); border: 1px solid var(--isc-nw-border); border-radius: var(--isc-nw-radius);
	color: var(--isc-nw-title);
	transition: border-color .2s ease, transform .3s var(--isc-nw-ease), box-shadow .3s ease;
}
.isc-nw a.isc-nw__card:hover { border-color: var(--isc-nw-hover); color: var(--isc-nw-title); }
.isc-nw a.isc-nw__card:focus { color: var(--isc-nw-title); }
.isc-nw a.isc-nw__card:focus-visible { outline: 3px solid var(--isc-nw-pod-btn); outline-offset: 3px; }
.isc-nw .isc-nw__media { display: block; height: var(--isc-nw-img-h); overflow: hidden; }
.isc-nw .isc-nw__media img { width: 100%; height: 100%; object-fit: cover; display: block; border: 0; border-radius: 0; transition: transform 1.2s var(--isc-nw-ease); }
.isc-nw a.isc-nw__card:hover .isc-nw__media img { transform: scale(1.04); }
.isc-nw .isc-nw__body { display: flex; flex-direction: column; padding: var(--isc-nw-pad); min-width: 0; }
.isc-nw .isc-nw__meta { display: block; color: var(--isc-nw-meta); font-size: 12px; font-weight: 600; letter-spacing: .04em; line-height: 1.5; overflow-wrap: break-word; }
.isc-nw.isc-nw--upper .isc-nw__meta { text-transform: uppercase; }
.isc-nw .isc-nw__title { display: block; margin-top: 6px; color: var(--isc-nw-title); font-size: 16px; font-weight: 700; line-height: 1.4; overflow-wrap: break-word; transition: color .2s ease; }
.isc-nw a.isc-nw__card:hover .isc-nw__title { color: var(--isc-nw-title-hover); }
.isc-nw .isc-nw__text { display: block; margin-top: 8px; color: var(--isc-nw-text); font-size: 13.5px; line-height: 1.6; overflow-wrap: break-word; }
.isc-nw .isc-nw__empty { padding: 22px; border: 1.5px dashed var(--isc-nw-border); border-radius: var(--isc-nw-radius); color: var(--isc-nw-text); font-size: 14.5px; }

/* Plain cards */
.isc-nw.isc-nw--plain .isc-nw__card { background: transparent; border: 0; border-top: 2px solid var(--isc-nw-border); border-radius: 0; }
.isc-nw.isc-nw--plain a.isc-nw__card:hover { border-top-color: var(--isc-nw-hover); }
.isc-nw.isc-nw--plain .isc-nw__body { padding: 16px 0 0; }
.isc-nw.isc-nw--plain .isc-nw__media { border-radius: var(--isc-nw-radius); margin-top: 14px; }

/* Podcast */
.isc-nw .isc-nw__pod {
	position: relative; overflow: hidden; min-width: 0;
	display: flex; flex-direction: column; gap: 10px; padding: 24px;
	background: var(--isc-nw-pod-bg); color: var(--isc-nw-pod-title); border-radius: var(--isc-nw-pod-radius);
	text-align: left;
}
.isc-nw .isc-nw__pod-cover { width: 64px; height: 64px; object-fit: cover; border-radius: 14px; display: block; margin-bottom: 4px; }
.isc-nw .isc-nw__pod-eyebrow { color: var(--isc-nw-pod-eyebrow); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; line-height: 1.4; }
.isc-nw .isc-nw__pod-title { color: var(--isc-nw-pod-title); font-family: "Bricolage Grotesque", "Public Sans", sans-serif; font-size: 20px; font-weight: 700; line-height: 1.25; overflow-wrap: break-word; }
.isc-nw .isc-nw__pod-text { color: var(--isc-nw-pod-text); font-size: 14px; line-height: 1.6; overflow-wrap: break-word; }
.isc-nw .isc-nw__pod-episode { color: var(--isc-nw-pod-title); font-size: 13.5px; font-weight: 600; line-height: 1.5; }
.isc-nw .isc-nw__pod-episode span { color: var(--isc-nw-pod-eyebrow); font-weight: 700; }
.isc-nw .isc-nw__pod-btn {
	display: inline-flex; align-items: center; gap: .35em; align-self: flex-start; margin-top: auto;
	padding: 12px 20px; border-radius: 999px; border: 0;
	background: var(--isc-nw-pod-btn); color: var(--isc-nw-pod-btn-text);
	font-size: 14px; font-weight: 700; line-height: 1.25; white-space: normal; text-transform: none; letter-spacing: normal;
	transition: background-color .25s ease, transform .3s var(--isc-nw-ease);
}
.isc-nw .isc-nw__pod-btn:hover, .isc-nw .isc-nw__pod-btn:focus-visible { background: var(--isc-nw-pod-btn-hover); color: var(--isc-nw-pod-btn-text); transform: translateY(-1px); }
.isc-nw .isc-nw__pod-btn:focus { color: var(--isc-nw-pod-btn-text); }
.isc-nw .isc-nw__pod-btn:focus-visible { outline: 3px solid var(--isc-nw-pod-eyebrow); outline-offset: 3px; }
.isc-nw .isc-nw__arrow { display: inline-block; transition: transform .3s var(--isc-nw-ease); }
.isc-nw .isc-nw__pod-btn:hover .isc-nw__arrow { transform: translateX(3px); }

/* Podcast below the news: a horizontal band. */
.isc-nw.isc-nw--pod-below .isc-nw__pod,
.isc-nw.isc-nw--no-news .isc-nw__pod { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; row-gap: 6px; align-items: center; padding: 26px 28px; }
.isc-nw.isc-nw--pod-below .isc-nw__pod > :not(.isc-nw__pod-btn),
.isc-nw.isc-nw--no-news .isc-nw__pod > :not(.isc-nw__pod-btn) { grid-column: 1; }
.isc-nw.isc-nw--pod-below .isc-nw__pod-btn,
.isc-nw.isc-nw--no-news .isc-nw__pod-btn { grid-column: 2; grid-row: 1 / span 4; align-self: center; margin: 0; }

/* Responsive by available width. */
@container iscnw (max-width: 980px) {
	.isc-nw .isc-nw__grid,
	.isc-nw.isc-nw--pod-left .isc-nw__grid { grid-template-columns: minmax(0, 1fr); }
	.isc-nw.isc-nw--pod-left .isc-nw__pod { order: 0; }
	.isc-nw .isc-nw__pod { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; row-gap: 6px; align-items: center; padding: 24px 26px; }
	.isc-nw .isc-nw__pod > :not(.isc-nw__pod-btn) { grid-column: 1; }
	.isc-nw .isc-nw__pod-btn { grid-column: 2; grid-row: 1 / span 4; align-self: center; margin: 0; }
}
@container iscnw (max-width: 560px) {
	.isc-nw .isc-nw__pod { display: flex; align-items: stretch; padding: 22px; }
	.isc-nw .isc-nw__pod-btn { margin-top: 6px; align-self: flex-start; }
	.isc-nw.isc-nw--pod-below .isc-nw__pod, .isc-nw.isc-nw--no-news .isc-nw__pod { display: flex; align-items: stretch; }
}

/* Archive grid ([isc_news]) */
.isc-nw.isc-nw--archive { padding: 0 40px 56px; }
.isc-nw.isc-nw--archive .isc-nw__title { font-size: 17px; }
.isc-nw.isc-nw--archive .isc-nw__text { font-size: 14px; }
.isc-nw .isc-nw__media-empty { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #f2e9dd, #e5d9cc); }
.isc-nw .isc-nw__more { margin-top: 28px; text-align: center; }
.isc-nw .isc-nw__more-btn { display: inline-block; padding: 14px 32px; border-radius: 999px; border: 1.5px solid var(--isc-nw-heading); color: var(--isc-nw-heading); font-size: 15px; font-weight: 700; transition: background-color .2s ease, color .2s ease; }
.isc-nw .isc-nw__more-btn:hover, .isc-nw .isc-nw__more-btn:focus-visible { background: var(--isc-nw-heading); color: #f9f3ec; }
@container iscnw (max-width: 900px) { .isc-nw.isc-nw--archive .isc-nw__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container iscnw (max-width: 560px) { .isc-nw.isc-nw--archive .isc-nw__list { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767px) { .isc-nw.isc-nw--archive { padding: 0 18px 40px; } }

/* Fade in */
.isc-nw.isc-nw--enter.is-armed .isc-nw__item,
.isc-nw.isc-nw--enter.is-armed .isc-nw__pod { opacity: 0; transform: translateY(16px); }
.isc-nw.isc-nw--enter.is-armed.is-in .isc-nw__item,
.isc-nw.isc-nw--enter.is-armed.is-in .isc-nw__pod {
	opacity: 1; transform: none;
	transition: opacity .7s var(--isc-nw-ease), transform .7s var(--isc-nw-ease);
	transition-delay: calc(var(--i, 0) * 90ms);
}
.isc-nw.isc-nw--enter.is-armed.is-in .isc-nw__pod { transition-delay: .3s; }

@media (prefers-reduced-motion: reduce) {
	.isc-nw *, .isc-nw *::before, .isc-nw *::after { transition: none !important; animation: none !important; }
	.isc-nw.isc-nw--enter.is-armed .isc-nw__item, .isc-nw.isc-nw--enter.is-armed .isc-nw__pod { opacity: 1; transform: none; }
}