/* ============================================================
   skin: datasheet（電子/連接器 湛芯）
   規格書美學：冷白紙底 × PCB 墨綠 × 銅金；Space Grotesk 直列大寫。
   電子買家的決策語言是 datasheet——頁面本身就長得像一頁規格表。
   ============================================================ */
body.skin-datasheet {
	--paper: oklch(0.962 0.003 240);
	--paper-dim: oklch(0.93 0.005 240);
	--paper-sunk: oklch(0.975 0.002 240);
	--ink: oklch(0.26 0.035 155);
	--ink-deep: oklch(0.19 0.035 155);
	--text: oklch(0.35 0.025 155);
	--text-soft: oklch(0.47 0.02 155);
	--text-faint: oklch(0.6 0.015 155);
	--hairline: oklch(0.875 0.008 240);
	--hairline-strong: oklch(0.8 0.012 240);
	--font-display: 'Space Grotesk', 'Noto Sans TC', system-ui, sans-serif;
	--font-body: 'IBM Plex Sans', 'Noto Sans TC', system-ui, sans-serif;
	--font-mono: 'IBM Plex Mono', ui-monospace, monospace;
	/* PCB 插畫板色 */
	--pcb: oklch(0.26 0.05 152);
	--silkscreen: oklch(0.92 0.012 150);
	--copper: oklch(0.76 0.115 82);
}

body.skin-datasheet .btn {
	border-radius: 0;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 0.86rem;
}
body.skin-datasheet .kicker { letter-spacing: 0.2em; }
/* 規格書慣性：數字帶走線頂框 */
body.skin-datasheet .wrap .stats div { border-top: 2px solid var(--accent-deep); }

/* ---- 版面慣性：頁面像一頁規格表 ---- */
/* hero 背景＝格紙（datasheet grid） */
body.skin-datasheet .hero {
	background:
		repeating-linear-gradient(0deg, transparent 0 23px, var(--hairline) 23px 24px),
		repeating-linear-gradient(90deg, transparent 0 23px, var(--hairline) 23px 24px),
		radial-gradient(50rem 26rem at 88% 0%, var(--accent-faint), transparent 65%);
	background-blend-mode: normal;
}
/* hero＝文件直排：文字在上、PCB 圖變全寬 figure（datasheet 首頁式） */
body.skin-datasheet .hero-grid { grid-template-columns: 1fr; }
body.skin-datasheet .hero-grid > div:last-child {
	margin-top: 1.8rem;
	border: 1px solid var(--hairline-strong);
	padding: 1rem;
	background: var(--paper-sunk);
}
/* stats＝完整框線的 electrical characteristics 表 */
body.skin-datasheet .wrap .stats {
	border: 1px solid var(--hairline-strong);
	border-top: none;
}
body.skin-datasheet .wrap .stats div { border-top: 2px solid var(--ink); }
body.skin-datasheet .wrap .stats div + div { border-left: 1px solid var(--hairline-strong); }
/* 產品線＝規格表 zebra 列 */
body.skin-datasheet .wrap .lines li {
	display: grid;
	grid-template-columns: 5.5rem minmax(0, 1fr) auto;
	grid-template-areas: 'no body more';
	align-items: center;
	background: var(--paper-sunk);
	border: 1px solid var(--hairline);
	border-top: none;
	padding-inline: 1.1rem;
}
body.skin-datasheet .wrap .lines li:first-child { border-top: 1px solid var(--hairline); }
body.skin-datasheet .wrap .lines li:nth-child(even) { background: var(--paper-dim); }
body.skin-datasheet .wrap .lines .mono-no { grid-area: no; }
body.skin-datasheet .wrap .lines .line-body { grid-area: body; }
body.skin-datasheet .wrap .lines .more { grid-area: more; }
body.skin-datasheet .wrap .lines .line-thumb { display: none; } /* 表列模式不放大圖——圖在單品頁 */
@media (max-width: 900px) {
	body.skin-datasheet .wrap .lines li { grid-template-columns: 1fr; grid-template-areas: 'no' 'body' 'more'; }
}