/**
 * SC-ICG Episodes 前台樣式（節目首頁、單期頁）
 *
 * 顏色取 Blocksy 色盤（客戶在「外觀 → 自訂」改色盤會連動），沒有 Blocksy 時用括號裡的預設值。
 * 斷點對齊 Blocksy：999.98px、689.98px。所有選擇器都在 .sce 底下，不影響網站其他頁面。
 */

/* ========== 基礎 ========== */

.sce {
	--sce-ink: var(--theme-palette-color-1, #07151d);
	--sce-navy: var(--theme-palette-color-2, #103144);
	--sce-head: var(--theme-palette-color-3, #111);
	--sce-accent: var(--theme-palette-color-4, #23b6af);
	/* 品牌青綠色在白底只有約 2.5:1，小字讀不清楚；淺色底上的連結、數字、按鈕文字改用加深的青綠色（約 6:1） */
	--sce-accent-ink: color-mix(in srgb, var(--sce-accent) 62%, #000);
	--sce-line: var(--theme-palette-color-5, #eaedf1);
	--sce-soft: var(--theme-palette-color-6, #f2f5f7);
	--sce-paper: var(--theme-palette-color-7, #fafbfc);
	--sce-white: var(--theme-palette-color-8, #fff);
	--sce-muted: rgba(7, 21, 29, .62);
	--sce-radius: 3px;
	--sce-ease: cubic-bezier(.4, 0, .2, 1);
	--sce-shadow: 0 12px 32px rgba(16, 49, 68, .09);
	color: var(--sce-ink);
}

.sce :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li, figure, figcaption) {
	margin: 0;
	padding: 0;
}
.sce :where(ul) {
	list-style: none;
}
.sce :where(img) {
	display: block;
	max-width: 100%;
	height: auto;
}
.sce :where(a) {
	text-decoration: none;
}

.sce-ico {
	flex: none;
	width: 1em;
	height: 1em;
}

.sce-sr {
	position: absolute !important; /* 只給螢幕閱讀器，任何主題樣式都不能讓它顯示出來 */
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

/* 鍵盤操作時看得到目前在哪裡（深色底改白框） */
.sce :where(a, button, input, [tabindex]):focus-visible {
	outline: 2px solid var(--sce-accent-ink);
	outline-offset: 3px;
}
.sce :where(.sce-hero, .sce-feature, .sce-ep-hero, .sce-audio__ui) :where(a, button, input):focus-visible {
	outline-color: var(--sce-white);
}

.sce-wrap {
	width: min(var(--theme-normal-container-max-width, 1290px), var(--theme-container-edge-spacing, 90vw));
	max-width: 100%;
	margin-inline: auto;
}

/* 文字編輯器內容 */
.sce-rich p {
	margin-bottom: 1.2em;
}
.sce-rich p:last-child {
	margin-bottom: 0;
}
.sce-rich :where(ul, ol) {
	margin: 0 0 1.2em;
	padding-left: 1.6em;
}
.sce-rich :where(ul) {
	list-style: disc;
}
.sce-rich :where(ol) {
	list-style: decimal;
}
.sce-rich :where(li) {
	margin-bottom: .3em;
}

/* 按鈕（同網站的按鈕：15px、圓角 3） */
.sce .sce-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 26px;
	border: 1px solid transparent;
	border-radius: var(--sce-radius);
	background: var(--sce-navy);
	color: var(--sce-white);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .08em;
	transition: background-color .3s, color .3s, border-color .3s;
}
.sce .sce-btn .sce-ico {
	width: 18px;
	height: 18px;
	transition: transform .3s var(--sce-ease);
}
.sce .sce-btn:hover .sce-ico,
.sce .sce-btn:focus-visible .sce-ico {
	transform: translateX(4px);
}
.sce .sce-btn--accent {
	background: var(--sce-accent);
}
.sce .sce-btn--accent:hover,
.sce .sce-btn--accent:focus-visible {
	background: var(--sce-white);
	color: var(--sce-navy);
}
.sce .sce-btn--hero {
	background: var(--sce-accent);
	border-color: var(--sce-white);
}
.sce .sce-btn--hero:hover,
.sce .sce-btn--hero:focus-visible {
	background: transparent;
	color: var(--sce-white);
}

.sce .sce-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding-bottom: 2px;
	border-bottom: 1px solid currentColor;
	color: var(--sce-accent-ink);
	font-weight: 700;
	transition: color .25s;
}
.sce .sce-link:hover,
.sce .sce-link:focus-visible {
	color: var(--sce-navy);
}

/* 區塊與標題（同網站：中文標題＋青綠色副標） */
.sce-sec {
	padding: 88px 0;
}
.sce-head {
	margin-bottom: 44px;
	text-align: center;
}
.sce .sce-title {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--sce-head);
}
.sce .sce-subtitle {
	margin-top: 10px;
	font-size: 16px;
	font-weight: 700;
	color: var(--sce-accent);
}

/* 主講人：單位職稱＋姓名 */
.sce-person {
	display: flex;
	flex-direction: column;
	gap: 2px;
	line-height: 1.5;
}
.sce-person__title {
	font-size: 14px;
	color: var(--sce-muted);
}
.sce-person__name {
	font-size: 17px;
	font-weight: 700;
	color: var(--sce-head);
}
.sce-person--lg .sce-person__title {
	font-size: 15px;
}
.sce-person--lg .sce-person__name {
	font-size: 26px;
}
.sce .sce-avatar {
	flex: none;
	width: 48px;
	height: 48px;
	border: 2px solid var(--sce-accent);
	border-radius: 50%;
	object-fit: cover;
	object-position: 50% 18%;
	background: var(--sce-soft);
}

/* 這期有哪些內容 */
.sce-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.sce-chips__item {
	padding: 5px 10px;
	border: 1px solid var(--sce-line);
	border-radius: var(--sce-radius);
	background: var(--sce-white);
	color: var(--sce-navy);
	font-size: 13px;
	line-height: 1.2;
	letter-spacing: .06em;
}

/* ========== 節目首頁：主視覺 ========== */

.sce-hero {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	min-height: 580px;
	padding: 112px 0;
	background: var(--sce-ink) var(--sce-hero-bg, none) 72% center / cover no-repeat;
	color: var(--sce-white);
}
.sce-hero--bg::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg, rgba(7, 21, 29, .9) 0%, rgba(7, 21, 29, .74) 38%, rgba(7, 21, 29, .2) 70%, rgba(7, 21, 29, .05) 100%);
}
.sce-hero__inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 22px;
}
.sce .sce-hero__kicker {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .24em;
	color: var(--sce-accent);
}
.sce .sce-hero__title {
	font-size: 60px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: .14em;
	color: var(--sce-white);
}
.sce-hero__text {
	max-width: 620px;
	font-size: 17px;
	line-height: 1.95;
	color: rgba(255, 255, 255, .9);
}
/* 介紹的第一段當引言（規格書第一句「給您一個跨領域跨維度的饗宴：」） */
.sce-hero__text > p:first-child {
	font-size: 21px;
	font-weight: 700;
	line-height: 1.6;
	color: var(--sce-white);
}
.sce-hero__text a {
	color: var(--sce-accent);
	text-decoration: underline;
}
.sce-hero__cta {
	margin-top: 6px;
}

/* ========== 節目首頁：訪談列表 ========== */

.sce-episodes {
	background: var(--sce-paper);
}

.sce-empty {
	padding: 48px 24px;
	border: 1px dashed var(--sce-line);
	border-radius: var(--sce-radius);
	background: var(--sce-white);
	text-align: center;
	color: var(--sce-muted);
}

/* 最新一期 */
.sce-feature {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	overflow: hidden;
	border-radius: var(--sce-radius);
	background: var(--sce-navy);
	color: var(--sce-white);
}
.sce-feature--no-media {
	grid-template-columns: minmax(0, 1fr);
}
.sce-feature__media {
	position: relative;
	min-height: 440px;
	background: #0b2533;
}
.sce .sce-feature__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 18%;
}
.sce-feature__badge {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 16px;
	background: var(--sce-accent);
	color: var(--sce-white);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .1em;
}
.sce-feature__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	padding: 52px 56px;
}
.sce .sce-feature__label {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .3em;
	color: var(--sce-accent);
}
.sce .sce-feature__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 16px;
	font-size: 15px;
	color: rgba(255, 255, 255, .72);
}
.sce .sce-feature__title {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.5;
	text-wrap: pretty;
}
.sce .sce-feature__title a {
	color: var(--sce-white);
	transition: color .25s;
}
.sce .sce-feature__title a:hover,
.sce .sce-feature__title a:focus-visible {
	color: var(--sce-accent);
}
.sce-feature__speaker .sce-person__title {
	color: rgba(255, 255, 255, .7);
}
.sce-feature__speaker .sce-person__name {
	color: var(--sce-white);
	font-size: 19px;
}
.sce .sce-feature__excerpt {
	font-size: 15px;
	line-height: 1.9;
	color: rgba(255, 255, 255, .76);
}
.sce-feature .sce-chips__item {
	border-color: rgba(255, 255, 255, .26);
	background: transparent;
	color: var(--sce-white);
}
.sce-feature__cta {
	margin-top: 8px;
}

/* 往期 */
.sce .sce-episodes__more {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 64px 0 28px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--sce-head);
}
.sce .sce-episodes__more::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--sce-line);
}
.sce-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}
.sce-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 28px 28px 26px;
	border: 1px solid var(--sce-line);
	border-radius: var(--sce-radius);
	background: var(--sce-white);
	transition: border-color .25s, transform .25s var(--sce-ease), box-shadow .25s;
}
.sce-card:hover,
.sce-card:focus-within {
	border-color: var(--sce-accent);
	box-shadow: var(--sce-shadow);
	transform: translateY(-3px);
}
.sce .sce-card__meta {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}
.sce-card__no {
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .04em;
	color: var(--sce-accent-ink);
}
.sce-card__date {
	font-size: 14px;
	color: var(--sce-muted);
}
.sce .sce-card__title {
	font-size: 19px;
	font-weight: 700;
	line-height: 1.6;
	color: var(--sce-head);
	text-wrap: pretty;
}
.sce .sce-card__link {
	color: inherit;
}
/* 整張卡片都可以點 */
.sce .sce-card__link::after {
	content: "";
	position: absolute;
	inset: 0;
}
.sce-card__speaker {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: auto;
	padding-top: 16px;
	border-top: 1px solid var(--sce-line);
}
.sce-card__speaker .sce-person__name {
	font-size: 16px;
}

/* ========== 單期頁：開頭 ========== */

.sce-ep-hero {
	position: relative;
	isolation: isolate;
	padding: 76px 0 64px;
	background: var(--sce-navy) var(--sce-hero-bg, none) center / cover no-repeat;
	color: var(--sce-white);
}
.sce-ep-hero--bg::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg, rgba(7, 21, 29, .94) 0%, rgba(16, 49, 68, .9) 55%, rgba(16, 49, 68, .7) 100%);
}
.sce-crumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 30px;
	font-size: 14px;
	color: rgba(255, 255, 255, .66);
}
.sce .sce-crumbs a {
	color: rgba(255, 255, 255, .88);
	transition: color .25s;
}
.sce .sce-crumbs a:hover,
.sce .sce-crumbs a:focus-visible {
	color: var(--sce-accent);
}
.sce .sce-ep-hero__meta {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 18px;
	font-size: 15px;
	color: rgba(255, 255, 255, .75);
}
.sce-ep-hero__no {
	padding: 6px 12px;
	border-radius: var(--sce-radius);
	background: var(--sce-accent);
	color: var(--sce-white);
	font-weight: 700;
	line-height: 1;
	letter-spacing: .1em;
}
.sce .sce-ep-hero__title {
	max-width: 1000px;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.45;
	color: var(--sce-white);
	text-wrap: pretty;
}
.sce-ep-hero__speaker {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 30px;
}
.sce-ep-hero__speaker .sce-avatar {
	width: 56px;
	height: 56px;
}
.sce-ep-hero__speaker .sce-person__title {
	color: rgba(255, 255, 255, .72);
}
.sce-ep-hero__speaker .sce-person__name {
	color: var(--sce-white);
	font-size: 18px;
}

/* 本期內容導覽（捲動時固定在上方）。
   Blocksy 的頁首設成捲動時固定時，會在 [data-header*=sticky] 給 --scroll-margin-top-offset（固定頁首的高度），
   導覽列要排在它下面；--admin-bar 是登入時的 WordPress 工具列 */
.sce {
	--sce-sticky-top: calc(var(--admin-bar, var(--wp-admin--admin-bar--height, 0px)) + var(--theme-frame-size, 0px) + var(--scroll-margin-top-offset, 0px));
}
.sce-jump {
	position: sticky;
	top: var(--sce-sticky-top);
	z-index: 20;
	border-bottom: 1px solid var(--sce-line);
	background: var(--sce-white);
}
.sce-jump__list {
	display: flex;
	gap: 6px;
	overflow-x: auto;
	scrollbar-width: none;
}
.sce-jump__list::-webkit-scrollbar {
	display: none;
}
/* 項目超出寬度（手機）時，左右邊緣淡出，看得出可以滑動；滑到底就不淡出（front.js 加 class） */
.sce-jump.is-scrollable .sce-jump__list {
	-webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--sce-fade-l, 0px), #000 calc(100% - var(--sce-fade-r, 0px)), transparent 100%);
	mask-image: linear-gradient(to right, transparent 0, #000 var(--sce-fade-l, 0px), #000 calc(100% - var(--sce-fade-r, 0px)), transparent 100%);
}
.sce-jump.is-scrollable:not(.is-start) {
	--sce-fade-l: 28px;
}
.sce-jump.is-scrollable:not(.is-end) {
	--sce-fade-r: 44px;
}
.sce .sce-jump__list a {
	display: block;
	padding: 16px 14px 14px;
	border-bottom: 2px solid transparent;
	color: var(--sce-ink);
	font-size: 15px;
	font-weight: 500;
	white-space: nowrap;
	transition: color .25s, border-color .25s;
}
.sce .sce-jump__list a:hover,
.sce .sce-jump__list a:focus-visible,
.sce .sce-jump__list a.is-active {
	border-bottom-color: var(--sce-accent);
	color: var(--sce-accent-ink);
}

/* ========== 單期頁：內容 ========== */

/* 閱讀區白底（網站底色是淺灰）：長文收合的淡出要接得上背景色，所以兩者用同一個變數 */
.sce-ep-body {
	--sce-body-bg: var(--sce-white);
	padding: 64px 0 40px;
	background: var(--sce-body-bg);
}
.sce .sce-pending {
	padding: 22px 24px;
	border: 1px dashed var(--sce-line);
	border-radius: var(--sce-radius);
	background: var(--sce-paper);
	color: var(--sce-muted);
	text-align: center;
}
.sce-ep-body__inner {
	max-width: 920px;
}
.sce-block {
	padding: 52px 0;
	border-top: 1px solid var(--sce-line);
	scroll-margin-top: calc(var(--sce-sticky-top) + 72px);
}
.sce-block:first-child {
	padding-top: 0;
	border-top: 0;
}
.sce .sce-block__title {
	display: flex;
	align-items: baseline;
	gap: 14px;
	margin-bottom: 26px;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--sce-head);
}
.sce-block__no {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .12em;
	color: var(--sce-accent-ink);
}

/* 主講人簡介 */
.sce-speaker {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 40px;
	align-items: start;
}
.sce-speaker--no-photo {
	grid-template-columns: minmax(0, 1fr);
}
.sce .sce-speaker__img {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: var(--sce-radius);
	object-fit: cover;
	object-position: 50% 15%;
	background: var(--sce-soft);
}
.sce-speaker__bio {
	margin-top: 18px;
	font-size: 16px;
	line-height: 1.95;
}
.sce-speaker__bio p {
	margin-bottom: 1em;
}
.sce-speaker__link {
	margin-top: 22px;
}

/* 影片 */
.sce-videos {
	display: grid;
	gap: 36px;
}
.sce-video__frame {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: var(--sce-radius);
	background: #000;
}
.sce-video--shorts .sce-video__frame {
	max-width: 340px;
	aspect-ratio: 9 / 16;
}
.sce .sce-video__play {
	position: absolute;
	inset: 0;
	display: block;
	color: var(--sce-white);
}
.sce .sce-video__thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s var(--sce-ease), filter .3s;
}
.sce .sce-video__play:hover .sce-video__thumb,
.sce .sce-video__play:focus-visible .sce-video__thumb {
	filter: brightness(.82);
	transform: scale(1.02);
}
.sce-video__btn {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	place-items: center;
	width: 78px;
	height: 78px;
	border-radius: 50%;
	background: rgba(7, 21, 29, .74);
	transform: translate(-50%, -50%);
	transition: background-color .25s, transform .25s var(--sce-ease);
}
.sce-video__btn .sce-ico {
	width: 30px;
	height: 30px;
	margin-left: 4px;
}
.sce .sce-video__play:hover .sce-video__btn,
.sce .sce-video__play:focus-visible .sce-video__btn {
	background: var(--sce-accent);
	transform: translate(-50%, -50%) scale(1.06);
}
.sce-video__iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.sce-video__caption {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 6px 20px;
	margin-top: 14px;
	font-size: 14.5px;
	line-height: 1.7;
	color: var(--sce-muted);
}
.sce-video__title {
	flex: 1 1 320px;
}
.sce .sce-video__yt {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--sce-navy);
	font-weight: 700;
	white-space: nowrap;
	transition: color .25s;
}
.sce .sce-video__yt:hover,
.sce .sce-video__yt:focus-visible {
	color: var(--sce-accent-ink);
}

/* 廣播 */
.sce-audio__ui {
	display: flex;
	align-items: center;
	gap: 22px;
	padding: 22px 26px;
	border-radius: var(--sce-radius);
	background: var(--sce-navy);
	color: var(--sce-white);
}
.sce-audio__ui[hidden],
.sce-audio__el[hidden] {
	display: none;
}
.sce .sce-audio__toggle,
.sce .sce-audio__rate {
	box-shadow: none;
	cursor: pointer;
	font-family: inherit;
	letter-spacing: 0;
	text-transform: none;
}
.sce .sce-audio__toggle {
	display: grid;
	flex: none;
	place-items: center;
	width: 58px;
	height: 58px;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--sce-accent);
	color: var(--sce-white);
	transition: background-color .25s, transform .25s var(--sce-ease);
}
.sce .sce-audio__toggle:hover,
.sce .sce-audio__toggle:focus-visible {
	background: var(--sce-white);
	color: var(--sce-navy);
}
.sce-audio__icon {
	display: grid;
}
.sce-audio__icon .sce-ico {
	width: 24px;
	height: 24px;
}
.sce-audio__icon--play .sce-ico {
	margin-left: 3px;
}
.sce-audio__icon--pause,
.is-playing .sce-audio__icon--play {
	display: none;
}
.is-playing .sce-audio__icon--pause {
	display: grid;
}
.sce-audio__main {
	flex: 1;
	min-width: 0;
}
.sce .sce-audio__title {
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 16px;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sce .sce-audio__seek {
	display: block;
	width: 100%;
	height: 4px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 2px;
	background: linear-gradient(to right, var(--sce-accent) var(--sce-p, 0%), rgba(255, 255, 255, .24) var(--sce-p, 0%));
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}
.sce .sce-audio__seek::-webkit-slider-thumb {
	width: 14px;
	height: 14px;
	border: 0;
	border-radius: 50%;
	background: var(--sce-white);
	-webkit-appearance: none;
	appearance: none;
}
.sce .sce-audio__seek::-moz-range-thumb {
	width: 14px;
	height: 14px;
	border: 0;
	border-radius: 50%;
	background: var(--sce-white);
}
.sce .sce-audio__time {
	margin-top: 8px;
	font-size: 13px;
	font-variant-numeric: tabular-nums;
	color: rgba(255, 255, 255, .7);
}
.sce .sce-audio__rate {
	flex: none;
	min-width: 64px;
	height: 40px;
	min-height: 0;
	padding: 0 12px;
	border: 1px solid rgba(255, 255, 255, .4);
	border-radius: var(--sce-radius);
	background: transparent;
	color: var(--sce-white);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	transition: border-color .25s, color .25s;
}
.sce .sce-audio__rate:hover,
.sce .sce-audio__rate:focus-visible {
	border-color: var(--sce-accent);
	color: var(--sce-accent);
}
.sce-audio__el {
	display: block;
	width: 100%;
}

/* 圖片：同一列等高（flex-grow 依寬高比），直式圖最高 720px */
.sce-gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.sce-gallery + .sce-gallery,
.sce-docs + .sce-gallery {
	margin-top: 16px;
}
.sce .sce-gallery__item {
	position: relative;
	display: block;
	flex: var(--sce-r, 1) 1 calc(var(--sce-r, 1) * 240px);
	max-width: calc(var(--sce-r, 1) * 720px);
	overflow: hidden;
	border: 1px solid var(--sce-line);
	border-radius: var(--sce-radius);
	background: var(--sce-soft);
}
.sce .sce-gallery__item img {
	width: 100%;
	transition: transform .6s var(--sce-ease);
}
.sce .sce-gallery__item:hover img,
.sce .sce-gallery__item:focus-visible img {
	transform: scale(1.02);
}
/* 放大圖示：小、半透明，盡量不蓋到懶人包邊角的字 */
.sce-gallery__zoom {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(7, 21, 29, .62);
	color: var(--sce-white);
	transition: background-color .25s;
}
.sce-gallery__zoom .sce-ico {
	width: 16px;
	height: 16px;
}
.sce .sce-gallery__item:hover .sce-gallery__zoom {
	background: var(--sce-accent);
}

/* PDF 卡片 */
.sce-docs {
	display: grid;
	gap: 16px;
}
.sce-docs + .sce-docs,
.sce-article + .sce-docs,
.sce-more + .sce-docs {
	margin-top: 24px;
}
.sce .sce-doc {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: 28px;
	align-items: center;
	padding: 18px;
	border: 1px solid var(--sce-line);
	border-radius: var(--sce-radius);
	background: var(--sce-white);
	color: inherit;
	transition: border-color .25s, box-shadow .25s;
}
.sce .sce-doc:hover,
.sce .sce-doc:focus-visible {
	border-color: var(--sce-accent);
	box-shadow: var(--sce-shadow);
}
/* 封面統一 16:10：橫式簡報整頁看得到，直式文件只露出上半部（標題那一段），卡片高度一致 */
.sce-doc__cover {
	display: grid;
	place-items: center;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border: 1px solid var(--sce-line);
	border-radius: 2px;
	background: var(--sce-soft);
}
.sce .sce-doc__cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}
.sce-doc--no-cover .sce-doc__cover {
	color: var(--sce-accent-ink);
}
.sce-doc--no-cover .sce-doc__cover .sce-ico {
	width: 48px;
	height: 48px;
}
.sce-doc__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}
.sce-doc__title {
	font-size: 19px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--sce-head);
}
.sce-doc__meta {
	font-size: 14px;
	color: var(--sce-muted);
}
.sce-doc__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	color: var(--sce-accent-ink);
	font-size: 15px;
	font-weight: 700;
}

/* 文章 */
.sce-article {
	font-size: 16.5px;
	line-height: 2;
}
.sce .sce-article :where(h2, h3, h4) {
	margin: 1.6em 0 .6em;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--sce-head);
}
.sce .sce-article :where(h2, h3, h4):first-child {
	margin-top: 0;
}
.sce-article table {
	width: 100%;
	margin: 0 0 1.4em;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 1.7;
}
.sce-article :where(th, td) {
	padding: 10px 12px;
	border: 1px solid var(--sce-line);
	text-align: left;
	vertical-align: top;
}
.sce-article th {
	background: var(--sce-soft);
}
.sce-article a {
	color: var(--sce-accent-ink);
	text-decoration: underline;
}

/* 長文收合 */
.is-collapsible {
	position: relative;
}
.is-collapsed {
	max-height: var(--sce-collapse, 400px);
	overflow: hidden;
}
.is-collapsed::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 120px;
	background: linear-gradient(transparent, var(--sce-body-bg, var(--sce-white)));
	pointer-events: none;
}
.sce .sce-more {
	display: inline-flex;
	align-items: center;
	min-height: 0;
	margin-top: 18px;
	padding: 11px 22px;
	border: 1px solid var(--sce-accent);
	border-radius: var(--sce-radius);
	background: transparent;
	box-shadow: none;
	color: var(--sce-accent-ink);
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .08em;
	cursor: pointer;
	transition: background-color .25s, color .25s;
}
.sce .sce-more:hover,
.sce .sce-more:focus-visible {
	background: var(--sce-accent);
	color: var(--sce-white);
}

/* 上一期／下一期 */
.sce-pager {
	padding: 48px 0 88px;
	border-top: 1px solid var(--sce-line);
	background: var(--sce-paper);
}
.sce-pager__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	gap: 24px;
	align-items: center;
}
.sce .sce-pager__link {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	padding: 20px 24px;
	border: 1px solid var(--sce-line);
	border-radius: var(--sce-radius);
	background: var(--sce-white);
	color: inherit;
	transition: border-color .25s, box-shadow .25s;
}
.sce .sce-pager__link:hover,
.sce .sce-pager__link:focus-visible {
	border-color: var(--sce-accent);
	box-shadow: var(--sce-shadow);
}
.sce .sce-pager__link--next {
	align-items: flex-end;
	text-align: right;
}
.sce .sce-pager__link--empty {
	visibility: hidden;
}
.sce-pager__dir {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--sce-accent-ink);
	font-size: 14px;
	font-weight: 700;
}
.sce-pager__title {
	display: -webkit-box;
	overflow: hidden;
	color: var(--sce-head);
	font-size: 15.5px;
	font-weight: 700;
	line-height: 1.6;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.sce .sce-pager__all {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 22px;
	border: 1px solid var(--sce-navy);
	border-radius: var(--sce-radius);
	color: var(--sce-navy);
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
	transition: background-color .25s, color .25s;
}
.sce .sce-pager__all .sce-ico {
	width: 18px;
	height: 18px;
}
.sce .sce-pager__all:hover,
.sce .sce-pager__all:focus-visible {
	background: var(--sce-navy);
	color: var(--sce-white);
}

/* ========== 圖片放大（掛在 body 底下，不在 .sce 裡） ========== */

html.sce-locked {
	overflow: hidden;
}
.sce-lightbox {
	width: 100%;
	max-width: none;
	height: 100%;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: rgba(7, 21, 29, .95);
	color: #fff;
}
.sce-lightbox::backdrop {
	background: rgba(7, 21, 29, .6);
}
.sce-lightbox__stage {
	position: absolute;
	inset: 64px 84px 76px;
	display: grid;
	place-items: center;
}
.sce-lightbox__img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	user-select: none;
}
.sce-lightbox__bar {
	position: absolute;
	right: 24px;
	bottom: 18px;
	left: 24px;
	display: flex;
	align-items: center;
	gap: 18px;
	font-size: 14px;
	line-height: 1.5;
}
.sce-lightbox__cap {
	flex: 1;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: rgba(255, 255, 255, .85);
}
.sce-lightbox__count {
	font-variant-numeric: tabular-nums;
	color: rgba(255, 255, 255, .7);
}
.sce-lightbox__open {
	border-bottom: 1px solid currentColor;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}
.sce-lightbox__btn {
	position: absolute;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	transition: background-color .25s;
}
.sce-lightbox__btn:hover,
.sce-lightbox__btn:focus-visible {
	background: rgba(255, 255, 255, .26);
}
.sce-lightbox :focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}
.sce-lightbox__btn .sce-ico {
	width: 24px;
	height: 24px;
}
.sce-lightbox__close {
	top: 12px;
	right: 16px;
}
.sce-lightbox__prev,
.sce-lightbox__next {
	top: 50%;
	transform: translateY(-50%);
}
.sce-lightbox__prev {
	left: 18px;
}
.sce-lightbox__next {
	right: 18px;
}
.sce-lightbox.is-single .sce-lightbox__prev,
.sce-lightbox.is-single .sce-lightbox__next {
	display: none;
}

/* ========== 平板（Blocksy 999.98px） ========== */

@media (max-width: 999.98px) {
	.sce-sec {
		padding: 72px 0;
	}
	.sce-hero {
		min-height: 520px;
		padding: 96px 0;
		background-position: 70% center;
	}
	.sce-hero--bg::before {
		background: linear-gradient(90deg, rgba(7, 21, 29, .9) 0%, rgba(7, 21, 29, .72) 55%, rgba(7, 21, 29, .35) 100%);
	}
	.sce .sce-hero__title {
		font-size: 48px;
	}
	.sce-feature {
		grid-template-columns: minmax(0, 1fr);
	}
	.sce-feature__media {
		min-height: 0;
		aspect-ratio: 16 / 9;
	}
	.sce-feature__body {
		padding: 40px 40px 44px;
	}
	.sce .sce-feature__title {
		font-size: 26px;
	}
	.sce-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.sce .sce-ep-hero__title {
		font-size: 32px;
	}
	.sce-speaker {
		grid-template-columns: 180px minmax(0, 1fr);
		gap: 32px;
	}
}

/* ========== 手機（Blocksy 689.98px） ========== */

@media (max-width: 689.98px) {
	.sce-sec {
		padding: 56px 0;
	}
	.sce-head {
		margin-bottom: 32px;
	}
	.sce .sce-title {
		font-size: 26px;
	}
	.sce-hero {
		min-height: 0;
		padding: 72px 0 64px;
		background-position: 74% center;
	}
	.sce-hero--bg::before {
		background: linear-gradient(180deg, rgba(7, 21, 29, .7) 0%, rgba(7, 21, 29, .86) 100%);
	}
	.sce-hero__inner {
		gap: 18px;
	}
	.sce .sce-hero__title {
		font-size: 38px;
		letter-spacing: .1em;
	}
	.sce-hero__text {
		font-size: 15.5px;
		line-height: 1.9;
	}
	.sce-hero__text > p:first-child {
		font-size: 18px;
	}
	.sce-feature__media {
		aspect-ratio: 4 / 3;
	}
	.sce-feature__body {
		gap: 14px;
		padding: 28px 22px 32px;
	}
	.sce .sce-feature__title {
		font-size: 22px;
	}
	.sce .sce-episodes__more {
		margin-top: 48px;
		font-size: 20px;
	}
	.sce-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}
	.sce-card {
		padding: 22px 20px 20px;
	}
	.sce-ep-hero {
		padding: 44px 0 40px;
	}
	.sce-crumbs {
		margin-bottom: 22px;
	}
	.sce .sce-ep-hero__title {
		font-size: 25px;
		line-height: 1.5;
	}
	.sce-ep-hero__speaker {
		margin-top: 22px;
	}
	.sce .sce-jump__list a {
		padding: 14px 10px 12px;
		font-size: 14.5px;
	}
	.sce-ep-body {
		padding: 44px 0 24px;
	}
	.sce-block {
		padding: 40px 0;
	}
	.sce .sce-block__title {
		margin-bottom: 20px;
		font-size: 22px;
	}
	.sce-speaker {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}
	.sce-speaker__photo {
		width: 140px;
	}
	.sce-person--lg .sce-person__name {
		font-size: 22px;
	}
	.sce-speaker__bio {
		font-size: 15.5px;
		line-height: 1.9;
	}
	.sce-video__btn {
		width: 62px;
		height: 62px;
	}
	.sce-video__btn .sce-ico {
		width: 24px;
		height: 24px;
	}
	.sce-audio__ui {
		gap: 14px;
		padding: 16px;
	}
	.sce .sce-audio__toggle {
		width: 50px;
		height: 50px;
	}
	.sce .sce-audio__rate {
		min-width: 52px;
		height: 36px;
		padding: 0 8px;
		font-size: 14px;
	}
	.sce .sce-gallery__item {
		flex-basis: 100%;
		max-width: 100%;
	}
	.sce .sce-doc {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
		padding: 14px;
	}
	.sce-article {
		font-size: 15.5px;
		line-height: 1.95;
	}
	.sce-pager {
		padding: 36px 0 64px;
	}
	.sce-pager__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}
	.sce .sce-pager__link--empty {
		display: none;
	}
	.sce .sce-pager__link--next {
		align-items: flex-start;
		text-align: left;
	}
	.sce .sce-pager__all {
		order: 3;
		justify-content: center;
	}
	.sce-lightbox__stage {
		inset: 60px 8px 84px;
	}
	.sce-lightbox__prev,
	.sce-lightbox__next {
		top: auto;
		bottom: 64px;
		transform: none;
	}
	.sce-lightbox__bar {
		flex-wrap: wrap;
		gap: 6px 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sce *,
	.sce *::before,
	.sce *::after {
		transition: none !important; /* 減少動態：所有過場一律關閉 */
	}
}