/*!
 * SimpleLearn Site — 首頁版型 v0.1.0
 * 所有規則都在 .sl-home 之下，不影響其他頁面。
 * 版面：學術出版式網格，左對齊標題列＋右側「查看全部」，細線與留白分段。
 */

/* ---------- 0. 版型外框：隱藏 Blocksy 頁面標題、取消內容區上下留白 ---------- */
body.sl-home-layout .hero-section { display: none !important; }
body.sl-home-layout [data-vertical-spacing] { padding-top: 0 !important; padding-bottom: 0 !important; }
body.sl-home-layout .entry-content > .sl-home { margin-top: 0 !important; margin-bottom: 0 !important; }

/* ---------- 1. 設計變數 ---------- */
.sl-home {
	--sl-ink: #1c2a36;
	--sl-ink-2: #4a5866;
	--sl-ink-3: #6c7a87;
	--sl-teal: #0e7378;
	--sl-teal-ink: #0a5a5e;
	--sl-teal-soft: #e2f0f0;
	--sl-paper: #ffffff;
	--sl-mist: #f3f6f7;
	--sl-line: #dbe2e6;
	--sl-line-2: #c7d1d7;
	--sl-f-display: "Chiron GoRound TC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
	--sl-f-body: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
	--sl-f-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
	--sl-wrap: 1200px;
	--sl-gutter: 20px;

	background: var(--sl-paper);
	color: var(--sl-ink);
	font-family: var(--sl-f-body);
	font-size: 16px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	max-width: none !important;
	width: 100%;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 !important;
}

/* 重設 Blocksy／核心在內容區加的間距，所有間距由本檔的 gap 控制 */
.sl-home :where(p, h1, h2, h3, h4, ul, ol, figure, .wp-block-group, .wp-block-query, .wp-block-buttons) {
	margin-top: 0;
	margin-bottom: 0;
}
.sl-home :where(.is-layout-flow, .is-layout-constrained) > * { margin-block-start: 0; margin-block-end: 0; }
.sl-home a { color: inherit; text-decoration: none; }
.sl-home a:focus-visible { outline: 2px solid var(--sl-teal); outline-offset: 3px; border-radius: 4px; }
.sl-home :where(h1, h2, h3) { text-wrap: balance; color: var(--sl-ink); letter-spacing: 0; }
.sl-home :where(h3) { font-family: var(--sl-f-body); }
.sl-home :where(h3) a { color: inherit; }
.sl-home :where(h3) a:hover { color: var(--sl-teal-ink); }
.sl-home img { max-width: 100%; height: auto; }

/* 區段與內框 */
.sl-home .sl-sec { padding-block: 44px; border-top: 1px solid var(--sl-line); }
.sl-home .sl-sec.sl-band { background: var(--sl-mist); border-top: 0; }
.sl-home .sl-sec.sl-band + .sl-sec { border-top: 0; }
.sl-home .sl-wrap {
	max-width: var(--sl-wrap) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: max(var(--sl-gutter), env(safe-area-inset-left, 0px));
	padding-right: max(var(--sl-gutter), env(safe-area-inset-right, 0px));
	display: grid;
	gap: 24px;
	box-sizing: border-box;
}
@media (min-width: 760px) { .sl-home .sl-sec { padding-block: 64px; } }

/* 區段標題列 */
.sl-home .sl-sec-head { display: grid; gap: 6px; }
.sl-home .sl-sec-row { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.sl-home .sl-sec-head h2,
.sl-home .sl-h2 {
	font-family: var(--sl-f-display);
	font-weight: 700;
	font-size: 24px;
	line-height: 1.35;
}
@media (min-width: 760px) { .sl-home .sl-sec-head h2, .sl-home .sl-h2 { font-size: 28px; } }
.sl-home .sl-desc { color: var(--sl-ink-2); font-size: 15px; max-width: 40em; }
.sl-home .sl-more { font-size: 14.5px; font-weight: 500; white-space: nowrap; }
.sl-home .sl-more a, .sl-home .sl-go a, .sl-home a.sl-go { color: var(--sl-teal); display: inline-block; padding-block: 3px; }
.sl-home .sl-more a:hover, .sl-home .sl-go a:hover { text-decoration: underline; text-underline-offset: 4px; }
.sl-home .sl-eyebrow { font-size: 13px; font-weight: 500; letter-spacing: .08em; color: var(--sl-teal); }

/* 文章卡片共用（查詢迴圈） */
.sl-home .wp-block-post-template { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
.sl-home .wp-block-post-template > li { margin: 0; min-width: 0; }
.sl-home .wp-block-post { display: grid; gap: 14px; align-content: start; min-width: 0; }
.sl-home .wp-block-post-featured-image { margin: 0; }
.sl-home .wp-block-post-featured-image a { display: block; }
.sl-home .wp-block-post-featured-image img {
	display: block; width: 100%; height: auto !important;
	aspect-ratio: 1200 / 630; object-fit: cover;
	border-radius: 10px; background: var(--sl-mist);
}
.sl-home .sl-card-body { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.sl-home .sl-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; font-size: 13px; color: var(--sl-ink-3); }
.sl-home .wp-block-post-terms { font-size: 12.5px; font-weight: 500; line-height: 1.6; }
.sl-home .wp-block-post-terms a {
	display: inline-block; color: var(--sl-teal-ink); background: var(--sl-teal-soft);
	padding: 2px 9px; border-radius: 999px;
}
/* 多個分類時只顯示第一個標籤 */
.sl-home .wp-block-post-terms a ~ a,
.sl-home .wp-block-post-terms .wp-block-post-terms__separator { display: none; }
.sl-home .wp-block-post-date { font-family: var(--sl-f-body); font-size: 13px; color: var(--sl-ink-3); white-space: nowrap; }
.sl-home .wp-block-post-title { font-family: var(--sl-f-body); font-weight: 700; font-size: 18px; line-height: 1.5; }
.sl-home .wp-block-post-title a { color: var(--sl-ink); }
.sl-home .wp-block-post:hover .wp-block-post-title a { color: var(--sl-teal-ink); }
.sl-home .wp-block-post-excerpt { color: var(--sl-ink-2); font-size: 15px; line-height: 1.7; }
.sl-home .wp-block-post-excerpt__excerpt {
	margin: 0;
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.sl-home .wp-block-post-excerpt__more-text { margin: 0; }
.sl-home .wp-block-post-excerpt__more-link { color: var(--sl-teal); font-size: 14.5px; font-weight: 500; }

/* ---------- 2. Hero ---------- */
.sl-home .sl-hero { padding-block: 40px 36px; border-top: 0; border-bottom: 1px solid var(--sl-line); }
.sl-home .sl-hero .sl-wrap { gap: 28px; }
.sl-home .sl-hero-text { display: flex; flex-direction: column; gap: 0; }
.sl-home .sl-hero h1 {
	font-family: var(--sl-f-display); font-weight: 700;
	font-size: 30px; line-height: 1.3; margin-top: 10px;
}
.sl-home .sl-hero-sub { color: var(--sl-ink-2); font-size: 16.5px; margin-top: 14px; max-width: 34em; }
.sl-home .sl-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; align-items: center; }
.sl-home .sl-cta .wp-block-button { margin: 0; }
.sl-home .sl-cta .wp-block-button__link {
	display: inline-flex; align-items: center; gap: 6px;
	font-family: var(--sl-f-body); font-weight: 500; font-size: 14.5px; line-height: 1.4;
	padding: 9px 20px; border-radius: 999px; border: 1px solid transparent;
	min-height: 0; height: auto; box-shadow: none;
}
.sl-home .sl-cta .sl-btn-pri .wp-block-button__link { background: var(--sl-ink); color: #fff; }
.sl-home .sl-cta .sl-btn-pri .wp-block-button__link:hover { background: var(--sl-teal-ink); color: #fff; }
.sl-home .sl-cta .sl-btn-ghost .wp-block-button__link { background: transparent; color: var(--sl-ink); border-color: var(--sl-line-2); }
.sl-home .sl-cta .sl-btn-ghost .wp-block-button__link:hover { border-color: var(--sl-ink); }
.sl-home .sl-facts {
	display: flex; flex-wrap: wrap; gap: 6px 22px;
	margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--sl-line);
	font-size: 14px; color: var(--sl-ink-2);
}
.sl-home .sl-facts :is(b, strong) { font-family: var(--sl-f-mono); font-weight: 500; color: var(--sl-ink); font-size: 15px; margin-right: 4px; }
.sl-home .sl-hero-img img { display: block; width: 100%; height: auto; border-radius: 12px; aspect-ratio: 16 / 9; object-fit: cover; }
@media (min-width: 760px) {
	.sl-home .sl-hero { padding-block: 64px 56px; }
	.sl-home .sl-hero .sl-wrap { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; gap: 48px; }
	.sl-home .sl-hero h1 { font-size: 40px; }
}
@media (min-width: 1100px) { .sl-home .sl-hero h1 { font-size: 46px; } }

/* ---------- 3. 最新科技探索（依篇數自動排版；封面一律 1200×630 不裁切） ---------- */
.sl-home .sl-tech:not(:has(.wp-block-post)) { display: none; }
.sl-home .sl-tech .wp-block-post-title { font-size: 18px; }
.sl-home .sl-tech li:first-child .wp-block-post-title { font-size: 21px; }
.sl-home .sl-tech .wp-block-post-excerpt__more-text { display: none; }
.sl-home .sl-tech li:first-child .wp-block-post-excerpt__more-text { display: block; margin-top: 4px; }

/* 手機：3 篇時第 2、3 篇為精簡列 */
.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) {
	grid-template-columns: 132px minmax(0, 1fr); gap: 14px;
	padding-top: 18px; border-top: 1px solid var(--sl-line);
}
.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) .wp-block-post-excerpt { display: none; }
.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) .wp-block-post-title { font-size: 16px; }
.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) img { border-radius: 8px; }

/* 平板 */
@media (min-width: 640px) {
	.sl-home .sl-tech .wp-block-post-template:has(> li:only-child) > li,
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child {
		grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 28px; align-items: center;
	}
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(2)) { grid-template-columns: 1fr 1fr; column-gap: 28px; row-gap: 28px; }
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child {
		grid-column: 1 / -1; padding-bottom: 28px; border-bottom: 1px solid var(--sl-line);
	}
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) {
		grid-template-columns: 1fr; border-top: 0; padding-top: 0;
	}
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) .wp-block-post-excerpt { display: block; }
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) .wp-block-post-excerpt__excerpt { -webkit-line-clamp: 2; }
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(2)) > li:not(:first-child) .wp-block-post-title,
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(2):last-child) > li .wp-block-post-title { font-size: 18px; }
}

/* 桌面：3 篇左一右二，兩欄底部對齊 */
@media (min-width: 960px) {
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) {
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); grid-template-rows: auto auto;
		column-gap: 0; row-gap: 0;
	}
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child {
		grid-column: 1; grid-row: 1 / span 2;
		display: flex; flex-direction: column; gap: 18px;
		padding: 0 32px 0 0; border-bottom: 0;
	}
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child .sl-card-body { flex: 1; }
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child .wp-block-post-excerpt { flex: 1; display: flex; flex-direction: column; }
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child .wp-block-post-excerpt__more-text { margin-top: auto; padding-top: 10px; }
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child .wp-block-post-title { font-size: 25px; line-height: 1.4; }
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child .wp-block-post-excerpt { font-size: 15.5px; }
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) {
		grid-column: 2; grid-template-columns: 1fr; gap: 12px; align-content: start;
		padding-left: 32px; border-left: 1px solid var(--sl-line);
	}
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:nth-child(2) { padding-bottom: 22px; }
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:nth-child(3) { padding-top: 22px; position: relative; }
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:nth-child(3)::before {
		content: ""; position: absolute; top: 0; left: 32px; right: 0; border-top: 1px solid var(--sl-line);
	}
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) .wp-block-post-excerpt { display: none; }
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) .wp-block-post-title {
		font-size: 16.5px; line-height: 1.5;
		display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
	}
	.sl-home .sl-tech .wp-block-post-template:has(> li:only-child) > li .wp-block-post-title { font-size: 26px; line-height: 1.4; }
}
@media (min-width: 1140px) {
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child { padding-right: 40px; }
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) { padding-left: 40px; }
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:nth-child(3)::before { left: 40px; }
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child .wp-block-post-title { font-size: 27px; }
	.sl-home .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) .wp-block-post-title { font-size: 17.5px; }
}

/* ---------- 4. 四大專區 ---------- */
.sl-home .sl-zones-grid { display: grid; gap: 16px; }
.sl-home .sl-zone {
	display: flex; flex-direction: column; gap: 12px;
	border: 1px solid var(--sl-line); border-radius: 16px; padding: 22px; background: var(--sl-paper);
}
.sl-home .sl-zone-top { display: flex; align-items: baseline; gap: 14px; flex-wrap: nowrap; }
.sl-home .sl-zone-no { font-family: var(--sl-f-mono); font-size: 13px; color: var(--sl-teal); }
.sl-home .sl-zone h3 { font-family: var(--sl-f-display); font-size: 21px; font-weight: 700; line-height: 1.4; }
.sl-home .sl-zone-cnt { margin-left: auto !important; font-family: var(--sl-f-mono); font-size: 12.5px; color: var(--sl-ink-3); white-space: nowrap; }
.sl-home .sl-zone-desc { color: var(--sl-ink-2); font-size: 15px; }
.sl-home .sl-chips { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13.5px; color: var(--sl-ink-3); }
.sl-home .sl-chips a { color: var(--sl-ink-2); border: 1px solid var(--sl-line); border-radius: 999px; padding: 4px 11px; line-height: 1.5; }
.sl-home .sl-chips a:hover { border-color: var(--sl-teal); color: var(--sl-teal-ink); }
.sl-home .sl-zone .sl-go { font-size: 14.5px; font-weight: 500; margin-top: auto !important; }
@media (min-width: 640px) {
	.sl-home .sl-zones-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
	.sl-home .sl-zone { padding: 26px 28px; }
}

/* ---------- 5. AI 素養專題帶 ---------- */
.sl-home .sl-ai-grid { display: grid; gap: 28px; }
.sl-home .sl-ai-intro, .sl-home .sl-ai-latest { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.sl-home .sl-topics { display: grid; border-top: 1px solid var(--sl-line-2); }
.sl-home .sl-topics > p { border-bottom: 1px solid var(--sl-line-2); }
.sl-home .sl-topics a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 14px; padding: 14px 0; }
.sl-home .sl-topics strong { font-size: 16px; font-weight: 700; color: var(--sl-ink); }
.sl-home .sl-topics small { grid-column: 1; font-size: 13.5px; color: var(--sl-ink-2); }
.sl-home .sl-topics em { grid-row: 1 / span 2; grid-column: 2; align-self: center; font-style: normal; color: var(--sl-ink-3); }
.sl-home .sl-topics a:hover strong { color: var(--sl-teal-ink); }
.sl-home .sl-h3-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.sl-home .sl-h3-row h3 { font-size: 19px; font-weight: 700; }
.sl-home .sl-ai-latest .wp-block-post { grid-template-columns: 112px minmax(0, 1fr); gap: 16px; }
.sl-home .sl-ai-latest .wp-block-post-featured-image img { aspect-ratio: 4 / 3; }
.sl-home .sl-ai-latest .wp-block-post-title { font-size: 16px; }
@media (min-width: 860px) {
	.sl-home .sl-ai-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; }
	.sl-home .sl-ai-latest .wp-block-post { grid-template-columns: 150px minmax(0, 1fr); }
}

/* ---------- 6. 升學資訊與工具 ---------- */
.sl-home .sl-adm-grid { display: grid; gap: 28px; }
.sl-home .sl-tools { display: grid; gap: 14px; }
.sl-home .sl-tool {
	display: grid; gap: 8px; border: 1px solid var(--sl-line); border-radius: 14px;
	padding: 20px 22px; background: var(--sl-paper); transition: border-color .15s ease;
}
.sl-home .sl-tool:hover { border-color: var(--sl-teal); }
.sl-home .sl-tool-k { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-family: var(--sl-f-mono); font-size: 12.5px; color: var(--sl-ink-3); }
.sl-home .sl-tool-k :is(b, strong) { font-family: var(--sl-f-body); font-size: 12px; font-weight: 700; letter-spacing: .06em; color: #fff; background: var(--sl-teal); padding: 2px 8px; border-radius: 4px; }
.sl-home .sl-tool h3 { font-size: 17.5px; font-weight: 700; line-height: 1.45; }
.sl-home .sl-tool-desc { font-size: 14.5px; color: var(--sl-ink-2); }
.sl-home .sl-tool .sl-go { font-size: 14px; font-weight: 500; }
.sl-home .sl-guides { display: flex; flex-direction: column; gap: 6px; }
.sl-home .sl-guides > h3 { font-size: 14px; letter-spacing: .06em; color: var(--sl-ink-3); font-weight: 500; font-family: var(--sl-f-body); }
.sl-home .sl-guides .wp-block-post-template { gap: 0; }
.sl-home .sl-guides .wp-block-post { gap: 2px; padding: 12px 0; border-bottom: 1px solid var(--sl-line); }
.sl-home .sl-guides .wp-block-post-title { font-size: 15px; font-weight: 500; line-height: 1.55; }
.sl-home .sl-guides .sl-guide-extra { padding: 12px 0; border-bottom: 1px solid var(--sl-line); font-size: 15px; font-weight: 500; }
.sl-home .sl-guides .sl-guide-extra small { display: block; font-weight: 400; font-size: 13px; color: var(--sl-ink-3); }
@media (min-width: 700px) { .sl-home .sl-tools { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 960px) {
	.sl-home .sl-adm-grid { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 40px; }
	.sl-home .sl-tools { grid-template-columns: 1fr; }
	.sl-home .sl-tool { grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 20px; }
	.sl-home .sl-tool > * { grid-column: 1; }
	.sl-home .sl-tool > .sl-go { grid-column: 2; grid-row: 1 / span 3; }
}

/* ---------- 7. 學習資源 ---------- */
.sl-home .sl-res-grid { display: grid; gap: 14px; }
.sl-home .sl-res { display: grid; gap: 6px; padding: 18px 20px; border-radius: 14px; background: var(--sl-mist); min-width: 0; transition: background-color .15s ease; }
.sl-home .sl-res:hover { background: var(--sl-teal-soft); }
.sl-home .sl-res-ty { font-size: 12.5px; font-weight: 500; color: var(--sl-teal-ink); }
.sl-home .sl-res h3 { font-size: 16.5px; font-weight: 700; line-height: 1.45; }
.sl-home .sl-res-desc { font-size: 14px; color: var(--sl-ink-2); }
.sl-home .sl-series { display: flex; flex-wrap: wrap; gap: 10px 24px; padding-top: 18px; border-top: 1px solid var(--sl-line); font-size: 15px; color: var(--sl-ink-3); }
.sl-home .sl-series a { font-weight: 500; color: var(--sl-teal); }
@media (min-width: 640px) { .sl-home .sl-res-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 960px) { .sl-home .sl-res-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ---------- 8. 精選閱讀 ---------- */
.sl-home .sl-picks .wp-block-post-template { gap: 26px; }
.sl-home .sl-picks .wp-block-post-title { font-size: 17.5px; }
@media (min-width: 700px) { .sl-home .sl-picks .wp-block-post-template { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---------- 9. 最新文章（精簡列表） ---------- */
.sl-home .sl-latest .wp-block-post-template { gap: 0; border-top: 1px solid var(--sl-line-2); }
.sl-home .sl-latest .wp-block-post { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 14px 0; border-bottom: 1px solid var(--sl-line); }
.sl-home .sl-latest .wp-block-post-title { font-size: 16px; font-weight: 500; }
@media (min-width: 760px) {
	.sl-home .sl-latest .wp-block-post { grid-template-columns: minmax(0, 1fr) 120px 140px; align-items: baseline; gap: 20px; }
	.sl-home .sl-latest .wp-block-post .sl-meta { display: contents; }
	.sl-home .sl-latest .wp-block-post-date { text-align: right; }
}

/* ---------- 10. 關於 ---------- */
.sl-home .sl-about-grid { display: grid; gap: 26px; }
.sl-home .sl-about-text { display: flex; flex-direction: column; gap: 0; }
.sl-home .sl-about-text h2 { margin-top: 8px; }
.sl-home .sl-lead { font-size: 16.5px; color: var(--sl-ink-2); margin-top: 12px; max-width: 36em; }
.sl-home .sl-contact { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 18px; font-size: 14.5px; color: var(--sl-ink-2); }
.sl-home .sl-contact code { font-family: var(--sl-f-mono); font-size: 13.5px; color: var(--sl-ink); background: none; padding: 0; user-select: all; }
.sl-home .sl-contact a { color: var(--sl-teal); }
.sl-home .sl-book {
	display: flex; flex-direction: column; gap: 6px; padding: 22px 24px;
	border: 1px solid var(--sl-line); border-radius: 14px; background: var(--sl-paper);
}
.sl-home .sl-book small, .sl-home .sl-book .sl-book-k { font-size: 12.5px; color: var(--sl-ink-3); }
.sl-home .sl-book h3 { font-size: 16px; font-weight: 700; line-height: 1.55; }
.sl-home .sl-book .sl-go { font-size: 14px; font-weight: 500; margin-top: 4px; }
@media (min-width: 860px) {
	.sl-home .sl-about-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 56px; align-items: center; }
}

@media (prefers-reduced-motion: reduce) {
	.sl-home * { transition: none !important; }
}

/* ---------- 0.2.6 卡片 hover（文章、工具、教材、專區） ---------- */
.sl-home .wp-block-post-featured-image { overflow: hidden; }
.sl-home .wp-block-post-featured-image img { transition: transform .35s ease; }
.sl-home :is(.sl-tool, .sl-res) { position: relative; transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease; }
/* 整張卡片可點（沿用標題連結） */
.sl-home :is(.sl-tool, .sl-res) h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.sl-home :is(.sl-tool, .sl-res) a:not(h3 a) { position: relative; z-index: 1; }
.sl-home :is(.sl-tool, .sl-res) h3 a:focus-visible { outline: none; }
.sl-home :is(.sl-tool, .sl-res):has(h3 a:focus-visible) { outline: 2px solid var(--sl-teal); outline-offset: 2px; }
.sl-home .sl-zone { transition: border-color .2s ease, box-shadow .2s ease; }
@media (hover: hover) {
	.sl-home .wp-block-post:hover .wp-block-post-featured-image img { transform: scale(1.04); }
	.sl-home :is(.sl-tool, .sl-res):hover { box-shadow: 0 8px 22px rgba(28, 42, 54, .09); transform: translateY(-2px); }
	.sl-home .sl-tool:hover h3 a, .sl-home .sl-res:hover h3 a { color: var(--sl-teal-ink); }
	.sl-home .sl-zone:hover { border-color: var(--sl-teal); box-shadow: 0 8px 22px rgba(28, 42, 54, .07); }
}
@media (prefers-reduced-motion: reduce) {
	.sl-home .wp-block-post-featured-image img, .sl-home :is(.sl-tool, .sl-res) { transition: none; transform: none !important; }
}