/*
 Theme Name: Wiko Child
 Theme URI: https://cnb.cool/codebuddy/codebuddy-code
 Description: Shared global CSS extracted from original style.css.
 Author: Aubaoly
 Template:   wiko
 Version:    1.3.0
 Text Domain: wiko-child
*/

/* Shared global styles — loaded on every page.
   Page-specific styles live in assets/css/page-*.css and load conditionally.
*/

:root {
	--wiko-primary: var(--wk-brand);
	--wiko-primary-hover: var(--wk-brand-dark);
	--wiko-link: var(--wk-brand);
	--wiko-link-hover: var(--wk-brand-dark);
	--wiko-focus: var(--wk-brand);

	/* 圆角：设计系统统一 8px（2026-09-04 用户定：全站单一圆角值，禁多值混用）。
	   各档位名保留只为兼容既有引用，全部收敛到同一值；
	   circle 50% 保留——圆形元素（状态点/头像/圆徽）是形状不是圆角。 */
	--wk-radius: 8px;
	--wk-radius-4: var(--wk-radius);
	--wk-radius-6: var(--wk-radius);
	--wk-radius-8: var(--wk-radius);
	--wk-radius-10: var(--wk-radius);
	--wk-radius-12: var(--wk-radius);
	--wk-radius-14: var(--wk-radius);
	--wk-radius-16: var(--wk-radius);
	--wk-radius-20: var(--wk-radius);
	--wk-radius-pill: var(--wk-radius);
	--wk-radius-circle: 50%;
	--wk-radius-sm: var(--wk-radius);
	--wk-radius-md: var(--wk-radius);
	--wk-radius-lg: var(--wk-radius);

	/* 字体：全站唯一 --wk-font-sans 系统栈（2026-09-04 用户定：按设计系统统一，撤掉所有外部字体）。
	   Inter/JetBrains（父主题加载）与 Noto Serif SC/IBM Plex Mono（联系页加载）全部停用；
	   中文走 PingFang/YaHei，西文走系统 UI 字体，全站 0 外部字体请求。 */
	--wk-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

	/* 品牌深橙（2026-09-04 用户定：主色必须是深橙 #c2410c，接受全站重排）。
	   --wk-brand        主色：填充 / 描边 / 渐变 / 大字与图形（白底 5.18:1 过 AA）
	   --wk-brand-dark   最深档，渐变终点 / 悬停压暗
	   --wk-brand-text   小字号文字，直接别名主色（同一决策，不再维护第二套）
	   --wk-brand-bright 旧主色 #ea580c 降级为亮档，仅作渐变色阶 / 大图形
	   --wk-brand-soft   渐变起点，不用于小字（白底 2.14:1 只够大面积）
	   --wk-brand-light  浅底，由旧浅蓝 #E8F0FF 按相同 HSL 饱和度/明度换算到橙色相。 */
	--wk-brand: #c2410c;
	--wk-brand-dark: #9a3412;
	--wk-brand-text: var(--wk-brand);
	--wk-brand-bright: #ea580c;
	--wk-brand-soft: #fb923c;
	--wk-brand-light: #FFF0E8;
	--wk-ink: #1E293B;
	--wk-gray-bg: #F5F7FA;
	--wk-border-soft: #E5E6EB;
	--wk-border-mid: #cbd5e1;
	--wk-white: #ffffff;
	--wk-text-secondary: #64748B;
	--wk-text-light: #94A3B8;
	--wk-success: #00B42A;
	/* 语义色统一入口。取值沿用 .wiko-reference-scope 里已经在线的那一套，
	   不新造第五套。已知问题：--wk-warning 琥珀与主色 #c2410c 同屏并排易混淆，
	   待用户定夺（换成更黄的 #ca8a04 或改用非色相提示）。 */
	--wk-warning: #d97706;
	--wk-danger: #dc2626;
	/* 语义色的文字档与浅底档。填充档在白底只有 2.6-3.9:1（#00B42A 2.6、
	   #d97706 3.0、#dc2626 3.9），小字号文字按 AA 要 4.5:1，所以每个语义色
	   都得配一档深的文字色，否则页面只能自己私藏一套深红深绿深琥珀。 */
	--wk-success-text: #15803d;
	--wk-warning-text: #a16207;
	--wk-danger-text: #b91c1c;
	--wk-success-light: #dcfce7;
	--wk-warning-light: #fefce8;
	--wk-danger-light: #fce8e6;

	/* 深底可读档（2026-09-04 随深色状态卡/深色面板引入）。
	   语义色在深色底上需要更亮的色相与更浅的文字档，单独成组，
	   避免深底组件去翻白底的填充档（深绿 #00B42A 在深底上几乎看不见）。
	   tint/bd 透明度档走通用命名，浅底深底共用（值相同）。 */
	--wk-success-bright: #22c55e;
	--wk-success-on-dark: #86efac;
	--wk-warning-bright: #f59e0b;
	--wk-warning-on-dark: #fcd34d;
	--wk-neutral-on-dark: #cbd5e1;
	--wk-success-tint: rgba(34,197,94,.16);
	--wk-success-bd: rgba(34,197,94,.45);
	--wk-warning-tint: rgba(245,158,11,.16);
	--wk-warning-bd: rgba(245,158,11,.45);
	--wk-neutral-tint: rgba(148,163,184,.15);
	--wk-neutral-bd: rgba(148,163,184,.35);
	--wk-danger-tint: rgba(220,38,38,.15);

	/* 深色模式与深色面板（父主题暗色规则与各页深色区块共用）。
	   底/面板/描边/文字四档，暗色模式不再各页私藏。 */
	--wk-navy: #101828;
	--wk-navy-deep: #0d1117;
	--wk-navy-panel: #161b22;
	--wk-navy-panel-2: #1f2328;
	--wk-navy-border: #30363d;
	--wk-navy-text: #e6edf3;
	--wk-navy-muted: #8b949e;
	--wk-navy-tint-xs: rgba(15,23,42,.06);
	--wk-navy-tint: rgba(15,23,42,.08);

	/* 页面身份色（阶段 5 配色合并后保留的页面专属色相，统一收进 :root 管理）。
	   首页橄榄绿、wiki 青、能力页六色分类、搜索蓝，各归其位。 */
	--wk-green: #2f6f4e;
	--wk-green-dark: #1f5f43;
	--wk-teal: #0d9488;
	--wk-teal-dark: #0f766e;
	--wk-teal-tint: rgba(13,148,136,.08);
	--wk-blue: #1c63e8;
	--wk-blue-light: #E8F0FF;
	--wk-blue-tint-xs: rgba(22,93,255,.06);
	--wk-blue-tint: rgba(22,93,255,.18);
	--wk-blue-tint-lg: rgba(22,93,255,.3);
	--wk-cat-indigo: #6366f1;
	--wk-cat-indigo-ink: #6366f1;
	--wk-cat-sky: #0284c7;
	--wk-cat-amber: #d97706;
	--wk-cat-emerald: #059669;
	--wk-cat-emerald-ink: #059669;
	--wk-cat-pink: #ec4899;
	--wk-cat-violet: #8b5cf6;
	--wk-cat-indigo-tint: rgba(99,102,241,.12);
	--wk-cat-indigo-tint-2: rgba(99,102,241,.15);
	--wk-cat-sky-tint: rgba(2,132,199,.06);
	--wk-cat-sky-tint-2: rgba(2,132,199,.15);
	--wk-cat-sky-tint-3: rgba(2,132,199,.2);
	--wk-cat-sky-tint-4: rgba(2,132,199,.25);
	--wk-cat-amber-tint: rgba(217,119,6,.06);
	--wk-cat-amber-tint-2: rgba(217,119,6,.12);
	--wk-cat-amber-tint-3: rgba(217,119,6,.15);
	--wk-cat-amber-tint-4: rgba(217,119,6,.25);
	--wk-cat-emerald-tint: rgba(5,150,105,.08);
	--wk-cat-emerald-tint-2: rgba(5,150,105,.12);
	--wk-cat-emerald-tint-3: rgba(5,150,105,.15);
	--wk-cat-emerald-tint-4: rgba(5,150,105,.25);
	--wk-cat-pink-tint: rgba(236,72,153,.12);
	--wk-cat-pink-tint-2: rgba(236,72,153,.15);
	--wk-orange-200: #fed7aa;

	/* 品牌橙透明度阶梯（浅底强调/描边/遮罩，按旧 rgba(234,88,12,x) 收敛）。 */
	--wk-brand-tint-xs: rgba(234,88,12,.08);
	--wk-brand-tint-sm: rgba(234,88,12,.15);
	--wk-brand-tint-md: rgba(234,88,12,.25);
	--wk-brand-tint-lg: rgba(234,88,12,.35);
	--wk-brand-bd: rgba(234,88,12,.45);
	--wk-warning-overlay: rgba(217,119,6,.5);
	--wk-success-overlay: rgba(0,180,42,.5);

	/* 白/黑透明遮罩阶梯（深色 hero 上的白色文字底、卡片投影之外的遮罩）。 */
	--wk-white-tint-10: rgba(255,255,255,.1);
	--wk-white-tint-20: rgba(255,255,255,.2);
	--wk-white-tint-35: rgba(255,255,255,.35);
	--wk-white-tint-50: rgba(255,255,255,.5);
	--wk-white-tint-55: rgba(255,255,255,.55);
	--wk-white-tint-60: rgba(255,255,255,.6);
	--wk-white-tint-75: rgba(255,255,255,.75);
	--wk-white-tint-90: rgba(255,255,255,.92);
	--wk-white-tint-95: rgba(255,255,255,.95);
	--wk-overlay-faint: rgba(0,0,0,.04);
	--wk-overlay-soft: rgba(0,0,0,.06);
	--wk-overlay: rgba(0,0,0,.08);
	--wk-overlay-md: rgba(0,0,0,.12);
	--wk-overlay-lg: rgba(0,0,0,.2);
	--wk-overlay-strong: rgba(0,0,0,.45);

	/* 阶段序（事前 / 事中 / 事后）。同一色相三档明度，不是三种色相：阶段本身是
	   有序序列，明度递进比三种无关色相更准确地表达"先后"。收进 :root 是因为
	   /traceability/ 和 /wiki/ 都要用，各自私藏就是两套青蓝。
	   fill 档做填充 / 描边 / 渐变；text 档做小字号文字（三档均 ≥4.5:1 过 AA）。
	   注：--wk-phase-1 #fb923c 白底只有 2.14:1，只可用于大面积填充，
	   不做细描边、不做小字。 */
	--wk-phase-1: var(--wk-brand-soft);
	--wk-phase-2: var(--wk-brand);
	--wk-phase-3: #9a3412;
	--wk-phase-1-tint: #FFF7ED;
	--wk-phase-2-tint: var(--wk-brand-light);
	--wk-phase-3-tint: #F9E4D6;
	--wk-phase-1-text: var(--wk-brand);
	--wk-phase-2-text: #9a3412;
	--wk-phase-3-text: #7c2d12;

	/* 画布图表（追溯页看板 SPC/履历图）：canvas 读不到 CSS 变量，由 JS 用
	   getComputedStyle 运行时取值，颜色仍统一收在 :root 管理。 */
	--wk-chart-grid: #f1f5f9;
	--wk-chart-limit: rgba(30,41,59,.45);

	/* 阶段 6 用途 token（2026-09-04）：同一颜色身兼多职（白=卡片面/白字、深蓝=标记/填充、
	   灰=页面底/幽灵字）在暗色模式下无法统一重映射，拆成单一职责 token。
	   浅色模式取值与现状完全一致（零视觉变化）；重映射只发生在文末 [data-theme="dark"] 块。 */
	--wk-surface: var(--wk-white);           /* 卡片/面板表面（暗色→navy-panel） */
	--wk-mark: var(--wk-navy);               /* 浅底深色标记：文字/图标（暗色→navy-text 反白） */
	--wk-fill-ink: #1E293B;                  /* 深色填充：深色面板/按钮（暗色→navy-panel-2） */
	--wk-fill-deep: #101828;                 /* 更深一档深色填充（暗色→navy-panel-2） */
	--wk-on-dark: #F5F7FA;                   /* 深色填充上的浅色文字（明暗两态不变） */
	--wk-success-ink: #00B42A;               /* 状态文字：绿（暗色→success-on-dark） */
	--wk-warning-ink: #d97706;               /* 状态文字：琥珀 */
	--wk-danger-ink: #dc2626;                /* 状态文字：红 */
	--wk-blue-ink: #1c63e8;                  /* 链接蓝文字（暗色→blue-bright） */
	--wk-green-ink: #2f6f4e;                 /* 首页橄榄绿文字（暗色→green-bright） */
	--wk-danger-on-dark: #f87171;            /* 暗色下 danger 文字 */
	--wk-blue-bright: #60a5fa;               /* 暗色下链接蓝 */
	--wk-green-bright: #57c78b;              /* 暗色下橄榄绿 */
	--wk-chart-limit-dark: rgba(230,237,243,.45); /* 暗色下图表参考线 */

	/* 间距（2026-09-04 按规范 §7：模块间上下间距 20/40/60 倍数，全站禁奇数间距）。
	   --wk-space-1/2/3/4 管模块与模块之间；xs/sm/md/lg 管组件内部微间距；
	   2xl/3xl/4xl 管区块内部大间距。所有 padding/margin/gap 一律引用，不写字面量。 */
	--wk-space-xs: 4px;
	--wk-space-sm: 8px;
	--wk-space-md: 12px;
	--wk-space-lg: 16px;
	--wk-space-1: 20px;
	--wk-space-2xl: 24px;
	--wk-space-3xl: 32px;
	--wk-space-2: 40px;
	--wk-space-4xl: 48px;
	--wk-space-3: 60px;
	--wk-space-4: 80px;
	--wk-space-6: 120px;

	/* 页面 hero 辉光收束半径（radial/linear 渐变装饰的停靠点）。原来四个 hero
	   各私藏一组 26/27/28/42/44/46 相对字号，按 16px 基准折算成像素收进 :root 统一管理。 */
	--wk-hero-glow-xs: 416px;
	--wk-hero-glow-sm: 432px;
	--wk-hero-glow-md: 448px;
	--wk-hero-glow-lg: 672px;
	--wk-hero-glow-xl: 704px;
	--wk-hero-glow-2xl: 736px;

	/* 字号（2026-09-04 按规范 §6.2：标题层级全站统一 h1 28 / h2 20 / h3 16；
	   正文 15；分区标签 13；微型元素 12。display/jumbo 供大数字与主时钟。 */
	--wk-text-xs: 12px;
	--wk-text-sm: 13px;
	--wk-text-md: 14px;
	--wk-text-body: 15px;
	--wk-text-h3: 16px;
	--wk-text-lg: 18px;
	--wk-text-h2: 20px;
	--wk-text-xl: 24px;
	--wk-text-h1: 28px;
	--wk-text-display: 34px;
	--wk-text-display-lg: 42px;
	--wk-text-jumbo: 48px;
	--wk-text-jumbo-2: 64px;
	--wk-text-jumbo-3: 72px;
	--wk-text-caption: 11px;
	/* 正文行高（规范 §6.2 限 1.6 或 1.8，取 1.6）。 */
	--wk-leading: 1.6;

	--wk-card-shadow: 0 2px 14px rgba(0,0,0,0.08);
	--wk-card-shadow-hover: 0 8px 30px rgba(0,0,0,0.12);

	--wk-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
	--wk-shadow-hover: 0 4px 12px rgba(0,0,0,.1);
	--wk-transition: 0.18s ease;
}

/* 全站统一字体：覆盖父主题 body 的 Inter，所有页面同一系统 sans 栈。 */
body { font-family: var(--wk-font-sans); }

/* 父主题 header 字号归一化（父主题用 rem 产生 13.33/13.6/14.08/14.4/16.8 等零数） */
.wiko-brand__title { font-size: var(--wk-text-h3); }
.wiko-header__menu-toggle,
.wiko-header__menu-toggle span,
.wiko-primary-nav__close,
.wiko-header__theme-toggle { font-size: var(--wk-text-sm); }
.wiko-header__nav a,
.nav-dropdown-trigger { font-size: var(--wk-text-body); }
.wiko-search-form__field { font-size: var(--wk-text-body); }
.wiko-search-form__submit { font-size: var(--wk-text-sm); }

.wiko-capability-page {
	--wiko-capability-primary: var(--wk-navy);
	--wiko-capability-accent: var(--wk-blue-ink);
	--wiko-capability-bg: var(--wk-gray-bg);
	--wiko-capability-card: var(--wk-surface);
	--wiko-capability-text: var(--wk-ink);
	--wiko-capability-muted: var(--wk-text-secondary);
	background: var(--wiko-capability-bg);
	color: var(--wiko-capability-text);
	line-height: var(--wk-leading);
	padding: 0;
}

.wiko-capability-shell {
	width: min(100% - var(--wk-space-2), 1200px);
	margin: 0 auto;
}

.wiko-capability-hero {
	background: linear-gradient(135deg, var(--wiko-capability-primary), var(--wk-fill-deep));
	color: var(--wk-white);
	padding: var(--wk-space-4) 0 var(--wk-space-6);
	text-align: center;
}

.wiko-capability-hero h1 {
	margin: 0 0 var(--wk-space-lg);
	color: var(--wk-white);
	font-size: var(--wk-text-h1);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0;
}

.wiko-capability-hero p {
	max-width: 820px;
	margin: 0 auto;
	color: var(--wk-white-tint-95);
	font-size: var(--wk-text-h2);
	line-height: var(--wk-leading);
}

.wiko-capability-tagline {
	display: inline-block;
	margin-top: var(--wk-space-2xl);
	padding: var(--wk-space-sm) var(--wk-space-1);
	border: 1px solid var(--wk-white-tint-35);
	border-radius: var(--wk-radius-pill);
	color: var(--wk-white);
	font-size: var(--wk-text-body);
}

.wiko-capability-content {
	width: min(100% - var(--wk-space-2), 1200px);
	margin: calc(-1 * var(--wk-space-3)) auto var(--wk-space-4);
}

.wiko-capability-card {
	margin-bottom: var(--wk-space-2);
	padding: var(--wk-space-4xl) var(--wk-space-4xl);
	border: 1px solid var(--wk-navy-tint);
	border-radius: var(--wk-radius-14);
	background: var(--wiko-capability-card);
	box-shadow: 0 10px 40px var(--wk-overlay-soft);
}

.wiko-capability-card h2 {
	margin: 0 0 var(--wk-space-md);
	color: var(--wiko-capability-primary);
	font-size: var(--wk-text-h1);
	line-height: 1.3;
	letter-spacing: 0;
}

.wiko-capability-lead {
	margin: 0 0 var(--wk-space-2);
	color: var(--wiko-capability-muted);
	font-size: var(--wk-text-h3);
	line-height: var(--wk-leading);
}

.wiko-capability-columns {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: var(--wk-space-3xl);
	margin-top: var(--wk-space-3xl);
}

.wiko-capability-col {
	padding: var(--wk-space-3xl) var(--wk-space-2xl);
	border-top: 4px solid var(--wiko-capability-accent);
	border-radius: var(--wk-radius-12);
	background: var(--wk-gray-bg);
}

.wiko-capability-col h3 {
	margin: 0 0 var(--wk-space-md);
	color: var(--wiko-capability-primary);
	font-size: var(--wk-text-lg);
	line-height: 1.4;
	letter-spacing: 0;
}

.wiko-capability-col p {
	margin: 0;
	color: var(--wiko-capability-muted);
	font-size: var(--wk-text-body);
	line-height: var(--wk-leading);
}

.wiko-capability-highlight {
	color: var(--wiko-capability-accent);
	font-weight: 600;
}

.wiko-capability-table-wrap {
	width: 100%;
	overflow-x: auto;
}

.wiko-capability-table {
	width: 100%;
	min-width: 720px;
	margin: var(--wk-space-2xl) 0 0;
	border-collapse: collapse;
}

.wiko-capability-table td {
	padding: var(--wk-space-lg) var(--wk-space-lg);
	border-bottom: 1px solid var(--wk-border-soft);
	color: var(--wiko-capability-text);
	text-align: left;
	vertical-align: top;
	line-height: var(--wk-leading);
}

.wiko-capability-table th {
	background: var(--wk-blue-light);
	color: var(--wiko-capability-primary);
	font-weight: 600;
	white-space: nowrap;
}

.wiko-capability-table td:nth-child(2) {
	color: var(--wiko-capability-muted);
}

.wiko-capability-badge {
	display: inline-block;
	margin-top: var(--wk-space-sm);
	padding: var(--wk-space-xs) var(--wk-space-md);
	border-radius: var(--wk-radius-6);
	background: var(--wk-blue-light);
	color: var(--wiko-capability-accent);
	font-size: var(--wk-text-md);
	line-height: 1.5;
}

.wiko-capability-closing {
	margin: var(--wk-space-4xl) 0 0;
	color: var(--wiko-capability-muted);
	font-size: var(--wk-text-body);
	line-height: var(--wk-leading);
	text-align: center;
}

@media (max-width: 760px) {
	.wiko-capability-shell,
	.wiko-capability-content {
		width: min(100% - var(--wk-space-3xl), 1200px);
	}

	.wiko-capability-hero {
		padding: var(--wk-space-3) 0 var(--wk-space-4);
	}

	.wiko-capability-hero p {
		font-size: var(--wk-text-h3);
	}

	.wiko-capability-card {
		padding: var(--wk-space-3xl) var(--wk-space-2xl);
		border-radius: var(--wk-radius-10);
	}

	.wiko-capability-card h2 {
		font-size: var(--wk-text-xl);
	}

	.wiko-capability-columns {
		grid-template-columns: 1fr;
		gap: var(--wk-space-lg);
	}
}

[data-theme="dark"] {
	--wiko-bg: var(--wk-navy-deep);
	--wiko-surface: var(--wk-navy-panel);
	--wiko-border: var(--wk-navy-border);
	--wiko-text: var(--wk-navy-text);
	--wiko-text-muted: var(--wk-navy-muted);
	--wiko-primary: var(--wk-brand-bright);
	--wiko-primary-hover: var(--wk-brand-soft);
	--wiko-code-bg: var(--wk-navy-deep);
	--wiko-sidebar-bg: var(--wk-navy-deep);
	--wiko-link: var(--wk-brand-soft);
	--wiko-link-hover: var(--wk-brand-soft);
	--wiko-focus: var(--wk-warning-bright);
	--wiko-hero-bg: var(--wk-navy-panel);
}

[data-theme="light"] {
	--wiko-bg: var(--wk-white);
	--wiko-surface: var(--wk-gray-bg);
	--wiko-border: var(--wk-border-soft);
	--wiko-text: var(--wk-navy-panel-2);
	--wiko-text-muted: var(--wk-text-secondary);
	--wiko-primary: var(--wk-brand-bright);
	--wiko-primary-hover: var(--wk-brand);
	--wiko-code-bg: var(--wk-gray-bg);
	--wiko-sidebar-bg: var(--wk-gray-bg);
	--wiko-link: var(--wk-brand-bright);
	--wiko-link-hover: var(--wk-brand);
	--wiko-focus: var(--wk-brand-bright);
	--wiko-hero-bg: var(--wk-gray-bg);
}

:root {
	--wiko-layout-sidebar: 260px;
	--wiko-layout-toc: 220px;
	--wiko-layout-content-max: 100%;
	--wk-content-max: 1200px;
}

.wiko-container {
	max-width: 100%;
}

.wiko-header {
	position: sticky !important;
	top: 0 !important;
	z-index: 3000 !important;
	width: 100% !important;
	max-width: 100% !important;
	border-bottom: 1px solid var(--wiko-border) !important;
	background: color-mix(in srgb, var(--wiko-surface) 85%, transparent) !important;
	backdrop-filter: blur(12px) saturate(1.5) !important;
}

.wiko-header__inner {
	display: grid !important;
	grid-template-columns: auto 1fr auto !important;
	align-items: center !important;
	gap: var(--wk-space-md) !important;
	width: 100% !important;
	max-width: var(--wk-content-max) !important;
	min-height: 58px !important;
	margin: 0 auto !important;
	padding: var(--wk-space-sm) var(--wk-space-2xl) !important;
}


/* Desktop: push brand and nav apart */
@media (min-width: 768px) {
	.wiko-primary-nav {
		margin-left: var(--wk-space-3xl);
	}
}

.wiko-brand__title {
	font-size: var(--wk-text-h3);
	letter-spacing: -0.01em;
}

.wiko-brand__logo-fallback {
	border-radius: var(--wk-radius-sm);
	border: 0;
}

.wiko-header__github {
	border-radius: var(--wk-radius-sm);
	border-color: transparent;
	background: transparent;
	transition: background var(--wk-transition), color var(--wk-transition);
	white-space: nowrap;
}

.wiko-header__github:hover {
	background: color-mix(in srgb, var(--wiko-text) 8%, transparent);
	color: var(--wiko-primary);
}


/* Nav links 閳?horizontal, no bullets */
.wiko-primary-nav__list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: var(--wk-space-xs);
	flex-wrap: nowrap;
}

.wiko-primary-nav__list li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wiko-primary-nav__list a {
	padding: var(--wk-space-xs) var(--wk-space-md);
	border-radius: var(--wk-radius-sm);
	font-size: var(--wk-text-md);
	color: var(--wiko-text-muted);
	text-decoration: none;
	transition: background var(--wk-transition), color var(--wk-transition);
	white-space: nowrap;
}

.wiko-primary-nav__list a:focus-visible {
	background: color-mix(in srgb, var(--wiko-text) 6%, transparent);
	color: var(--wiko-text);
}


/* Desktop header layout */
@media (min-width: 768px) {
	.wiko-header__actions {
		display: flex !important;
		align-items: center;
		gap: var(--wk-space-sm);
	}

	.wiko-primary-nav {
		display: flex !important;
		align-items: center;
	}

	.wiko-header__search .wiko-search-form {
		display: flex;
		gap: var(--wk-space-sm);
		align-items: center;
	}

	.wiko-header__search .wiko-search-form__field {
		width: 180px;
		font-size: var(--wk-text-body);
		padding: var(--wk-space-sm) var(--wk-space-lg);
	}

	.wiko-header__search .wiko-search-form__submit {
		padding: var(--wk-space-sm) var(--wk-space-lg);
		font-size: var(--wk-text-sm);
	}
}


/* Mobile: when nav is open, restore stacking */
body.wiko-nav-open .wiko-header__inner {
	grid-template-columns: 1fr;
}

body.wiko-nav-open .wiko-primary-nav {
	grid-column: 1;
}

body.wiko-nav-open .wiko-header__actions {
	grid-column: 1;
}

.wiko-custom-nav {
	display: flex;
	align-items: center;
	gap: var(--wk-space-xs);
	flex-wrap: nowrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

.wiko-custom-nav > li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.wiko-custom-nav > li > a {
	padding: var(--wk-space-xs) var(--wk-space-md);
	border-radius: var(--wk-radius-sm);
	font-size: var(--wk-text-body);
	color: var(--wiko-text-muted);
	text-decoration: none;
	transition: background var(--wk-transition), color var(--wk-transition);
	white-space: nowrap;
	display: inline-block;
}

.wiko-custom-nav > li > a:focus-visible {
	background: color-mix(in srgb, var(--wiko-text) 6%, transparent);
	color: var(--wiko-text);
}

.wiko-custom-nav > li > a:hover,
.nav-dropdown-trigger:hover {
	background: color-mix(in srgb, var(--wiko-text) 8%, transparent);
	color: var(--wiko-text);
}

.wiko-custom-nav > li.current-menu-item > a,
.wiko-custom-nav > li.current_page_item > a,
.wiko-custom-nav > li.current-menu-ancestor > .nav-dropdown-trigger {
	background: color-mix(in srgb, var(--wiko-primary) 16%, transparent);
	color: var(--wiko-text);
	font-weight: 600;
}


/* Dropdown trigger — looks like a nav link but is not clickable */
.nav-dropdown-trigger {
	padding: var(--wk-space-xs) var(--wk-space-md);
	border-radius: var(--wk-radius-sm);
	font-size: var(--wk-text-body);
	color: var(--wiko-text-muted);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: var(--wk-space-xs);
	transition: background var(--wk-transition), color var(--wk-transition);
	user-select: none;
}

.nav-dropdown-trigger:focus-visible {
	background: color-mix(in srgb, var(--wiko-text) 6%, transparent);
	color: var(--wiko-text);
	outline: none;
}

.nav-caret {
	transition: transform 0.2s ease;
	flex-shrink: 0;
}


/* Sub-menu — hidden by default, shown on hover/focus */
.wiko-custom-nav .sub-menu {
	list-style: none;
	margin: 0;
	padding: var(--wk-space-xs) 0;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 140px;
	background: var(--wiko-surface, var(--wk-surface));
	border: 1px solid var(--wiko-border, var(--wk-border-soft));
	border-radius: var(--wk-radius-sm);
	box-shadow: 0 8px 24px var(--wk-overlay-md);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
	z-index: 100;
}

.wiko-custom-nav .sub-menu li {
	margin: 0;
	padding: 0;
}

.wiko-custom-nav .sub-menu a {
	display: block;
	padding: var(--wk-space-sm) var(--wk-space-lg);
	font-size: var(--wk-text-sm);
	color: var(--wiko-text-muted);
	text-decoration: none;
	transition: background var(--wk-transition), color var(--wk-transition);
	white-space: nowrap;
}

.wiko-custom-nav .sub-menu a:focus-visible {
	background: color-mix(in srgb, var(--wiko-text) 6%, transparent);
	color: var(--wiko-text);
}

.wiko-custom-nav .menu-item-has-children:focus-within .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.wiko-custom-nav .menu-item-has-children:focus-within .nav-caret {
	transform: rotate(180deg);
}

@media (min-width: 768px) {
	.wiko-custom-nav .menu-item-has-children:hover > .sub-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	.wiko-custom-nav .menu-item-has-children:hover .nav-caret {
		transform: rotate(180deg);
	}
}


/* Prevent the trigger from navigating */
.nav-dropdown-trigger a {
	pointer-events: none;
}


/* Mobile: show sub-menu inline (no dropdown) */
@media (max-width: 767px) {
	.wiko-custom-nav .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border: none;
		padding-left: var(--wk-space-lg);
	}

	.wiko-custom-nav .menu-item-has-children:hover .sub-menu,
	.wiko-custom-nav .menu-item-has-children:focus-within .sub-menu {
		opacity: 1;
		visibility: visible;
		transform: none;
	}
}

.wiko-search-form__field {
	border-radius: var(--wk-radius-pill);
	padding: var(--wk-space-sm) var(--wk-space-lg);
	border: 1px solid var(--wiko-border);
	background: color-mix(in srgb, var(--wiko-text) 4%, transparent);
	transition: border-color var(--wk-transition), box-shadow var(--wk-transition);
	font-size: var(--wk-text-body);
}

.wiko-search-form__field:focus {
	border-color: var(--wiko-primary);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wiko-primary) 20%, transparent);
	outline: none;
}

.wiko-search-form__submit {
	border-radius: var(--wk-radius-pill);
	background: var(--wiko-primary);
	border-color: var(--wiko-primary);
	color: var(--wk-white);
	font-weight: 600;
	font-size: var(--wk-text-sm);
	padding: var(--wk-space-sm) var(--wk-space-lg);
}

.wiko-search-form__results {
	border-radius: var(--wk-radius-md);
	border: 1px solid var(--wiko-border);
	box-shadow: var(--wk-shadow-hover);
	background: var(--wiko-surface);
	overflow: hidden;
}

.wiko-search-result {
	padding: var(--wk-space-md) var(--wk-space-lg);
	transition: background var(--wk-transition);
}

.wiko-docs-layout-grid {
	gap: 0;
	padding: 0;
	max-width: 100%;
}

@media (min-width: 768px) {
	.wiko-docs-layout-grid {
		grid-template-columns: var(--wiko-layout-sidebar) minmax(0, 1fr);
	}
	.wiko-docs-layout-grid.wiko-docs-layout-grid--with-toc {
		grid-template-columns: var(--wiko-layout-sidebar) minmax(0, 1fr) var(--wiko-layout-toc);
	}
}

@media (min-width: 1025px) {
	.wiko-docs-layout-grid.wiko-docs-layout-grid--with-toc {
		grid-template-columns: var(--wiko-layout-sidebar) minmax(0, 1fr) var(--wiko-layout-toc);
	}
}

.wiko-docs-layout-grid__left {
	background: var(--wiko-sidebar-bg);
	border-right: 1px solid var(--wiko-border);
	border-radius: 0;
}

.wiko-sidebar__inner {
	padding: var(--wk-space-lg) var(--wk-space-sm);
}

.wiko-sidebar__menu {
	padding: 0;
}


/* Home link at top */
.wiko-sidebar__item--home {
	margin-bottom: var(--wk-space-sm);
	padding-bottom: var(--wk-space-sm);
	border-bottom: 1px solid var(--wiko-border);
}

.wiko-sidebar__link--home {
	font-weight: 600;
	color: var(--wiko-text);
}

.wiko-sidebar__link {
	display: block;
	padding: var(--wk-space-sm) var(--wk-space-md);
	border-radius: var(--wk-radius-sm);
	text-decoration: none;
	color: var(--wiko-text-muted);
	font-size: var(--wk-text-md);
	line-height: 1.45;
	transition: background var(--wk-transition), color var(--wk-transition);
}

.wiko-sidebar__link:hover {
	background: color-mix(in srgb, var(--wiko-text) 6%, transparent);
	color: var(--wiko-text);
	text-decoration: none;
}

.wiko-sidebar__item--active > details > summary > .wiko-sidebar__link {
	background: color-mix(in srgb, var(--wiko-primary) 12%, transparent);
	color: var(--wiko-primary);
	font-weight: 600;
}

.wiko-sidebar__item--ancestor > details > summary > .wiko-sidebar__link {
	color: var(--wiko-text);
	font-weight: 500;
}


/* Collapsible <details> styling */
.wiko-sidebar__details {
	margin: 0;
}

.wiko-sidebar__details > summary {
	display: flex;
	align-items: center;
	cursor: pointer;
	list-style: none;
	padding: 0;
	font-size: var(--wk-text-md);
	font-weight: 500;
	color: var(--wiko-text);
}

.wiko-sidebar__details > summary::before {
	content: '閳?;
	display: inline-block;
	width: var(--wk-space-1);
	flex-shrink: 0;
	text-align: center;
	font-size: var(--wk-text-caption);
	color: var(--wiko-text-muted);
	transition: transform 0.2s;
}

.wiko-sidebar__details[open] > summary::before {
	transform: rotate(90deg);
}

.wiko-sidebar__details > summary .wiko-sidebar__link {
	flex: 1;
	padding-left: 0;
}

.wiko-sidebar__details > summary .wiko-sidebar__link:hover {
	background: none;
}


/* Sub-menu indentation */
.wiko-sidebar__submenu {
	padding-left: 0;
	list-style: none;
}

.wiko-sidebar__submenu .wiko-sidebar__link {
	padding-left: var(--wk-space-2xl);
	font-size: var(--wk-text-md);
}

.wiko-sidebar__submenu .wiko-sidebar__submenu .wiko-sidebar__link {
	padding-left: var(--wk-space-3xl);
	font-size: var(--wk-text-sm);
}

.wiko-sidebar__close {
	border-radius: var(--wk-radius-sm);

}

.wiko-docs-layout-grid__content {
	padding: var(--wk-space-2) var(--wk-space-4xl);
	max-width: 900px;
}


/* Article wrapper 閳?Notion page feel */
.wiko-entry {
	border: 0;
	border-radius: 0;
	background: transparent;
	padding: 0;
	box-shadow: none;
}


/* Icon + Title 閳?Notion page header */
.wiko-entry__header {
	margin-bottom: var(--wk-space-2xl);
}

.wiko-entry h1 {
	font-size: var(--wk-text-display-lg);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.03em;
	margin: var(--wk-space-sm) 0 var(--wk-space-xs);
	color: var(--wiko-text);
}


/* Meta row 閳?subtle, Notion-style properties */
.wiko-entry__meta {
	font-size: var(--wk-text-sm);
	color: var(--wiko-text-muted);
	gap: var(--wk-space-sm);
	margin-bottom: var(--wk-space-md);
	padding-bottom: var(--wk-space-md);
	border-bottom: 1px solid var(--wiko-border);
}

.wiko-meta__author {
	font-weight: 500;
}

.wiko-meta__avatar {
	width: 22px;
	height: 22px;
	border: 0;
}


/* Feature image 閳?Notion cover style */
.wiko-entry__thumb-wrap {
	margin: 0 calc(-1 * var(--wk-space-4xl)) var(--wk-space-2xl);
	border-radius: 0;
	overflow: hidden;
}

.wiko-entry__thumb {
	width: 100%;
	border-radius: 0;
	object-fit: cover;
	max-height: 340px;
}

.wiko-entry__content {
	font-size: var(--wk-text-h3);
	line-height: var(--wk-leading);
	color: var(--wiko-text);
}


/* Paragraphs 閳?generous spacing */
.wiko-entry__content p {
	margin: var(--wk-space-md) 0;
	line-height: var(--wk-leading);
}


/* Headings 閳?Notion style */
.wiko-entry__content h1 {
	font-size: var(--wk-text-h1);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.02em;
	margin: var(--wk-space-2) 0 var(--wk-space-sm);
	padding-bottom: var(--wk-space-xs);
	border-bottom: 1px solid var(--wiko-border);
}

.wiko-entry__content h2 {
	font-size: var(--wk-text-xl);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.01em;
	margin: var(--wk-space-3xl) 0 var(--wk-space-sm);
	padding-bottom: var(--wk-space-xs);
	border-bottom: 1px solid var(--wiko-border);
}

.wiko-entry__content h3 {
	font-size: var(--wk-text-h2);
	font-weight: 600;
	line-height: 1.35;
	margin: var(--wk-space-2xl) 0 var(--wk-space-sm);
}

.wiko-entry__content h4 {
	font-size: var(--wk-text-h3);
	font-weight: 600;
	margin: var(--wk-space-1) 0 var(--wk-space-xs);
}


/* Links 閳?subtle underline on hover */
.wiko-entry__content a {
	color: var(--wiko-link);
	text-decoration: none;
	border-bottom: 1px solid color-mix(in srgb, var(--wiko-link) 40%, transparent);
	transition: border-color var(--wk-transition);
}

.wiko-entry__content a:hover {
	border-bottom-color: var(--wiko-link);
}


/* Blockquote 閳?Notion callout style */
.wiko-entry__content blockquote {
	margin: var(--wk-space-lg) 0;
	padding: var(--wk-space-md) var(--wk-space-1);
	border-left: 3px solid var(--wiko-primary);
	border-radius: 0 var(--wk-radius-sm) var(--wk-radius-sm) 0;
	background: color-mix(in srgb, var(--wiko-primary) 6%, var(--wiko-surface));
	color: var(--wiko-text);
	font-size: var(--wk-text-h3);
}

.wiko-entry__content blockquote p {
	margin: var(--wk-space-xs) 0;
}

.wiko-entry__content blockquote + blockquote {
	margin-top: calc(-1 * var(--wk-space-sm));
}

.wiko-entry__content ol {
	margin: var(--wk-space-sm) 0;
	padding-left: var(--wk-space-2xl);
}

.wiko-entry__content li {
	margin: var(--wk-space-xs) 0;
	line-height: var(--wk-leading);
}

.wiko-entry__content li::marker {
	color: var(--wiko-text-muted);
}

.wiko-entry__content ol ul {
	margin: var(--wk-space-xs) 0;
}


/* Horizontal rule 閳?Notion divider */
.wiko-entry__content hr {
	border: 0;
	height: 1px;
	background: var(--wiko-border);
	margin: var(--wk-space-3xl) 0;
}


/* Tables 閳?Notion database style */
.wiko-entry__content table {
	width: 100%;
	border-collapse: collapse;
	margin: var(--wk-space-lg) 0;
	font-size: var(--wk-text-md);
	border: 1px solid var(--wiko-border);
	border-radius: var(--wk-radius-sm);
	overflow: hidden;
}

.wiko-entry__content thead {
	background: color-mix(in srgb, var(--wiko-text) 4%, var(--wiko-surface));
}

.wiko-entry__content th {
	text-align: left;
	padding: var(--wk-space-sm) var(--wk-space-lg);
	font-weight: 600;
	font-size: var(--wk-text-sm);
	color: var(--wiko-text-muted);
	border-bottom: 1px solid var(--wiko-border);
	white-space: nowrap;
}

.wiko-entry__content td {
	padding: var(--wk-space-sm) var(--wk-space-lg);
	border-bottom: 1px solid var(--wiko-border);
}

.wiko-entry__content tr:last-child td {
	border-bottom: 0;
}

.wiko-entry__content tr:hover td {
	background: color-mix(in srgb, var(--wiko-text) 3%, transparent);
}


/* Images 閳?centered with subtle shadow */
.wiko-entry__content img {
	max-width: 100%;
	height: auto;
	border-radius: var(--wk-radius-md);
	margin: var(--wk-space-lg) 0;
}

.wiko-entry__content figure {
	margin: var(--wk-space-1) 0;
}

.wiko-entry__content .wp-caption-text {
	font-size: var(--wk-text-sm);
	color: var(--wiko-text-muted);
	text-align: center;
	margin-top: var(--wk-space-sm);
}


/* Code inline 閳?subtle pill */
.wiko-entry__content code {
	border-radius: var(--wk-radius-4);
	padding: 0.15em 0.45em;
	background: color-mix(in srgb, var(--wiko-text) 8%, transparent);
	font-size: 0.87em;
	color: var(--wiko-primary);
}


/* Code block 閳?Notion style */
.wiko-entry__content pre {
	border-radius: var(--wk-radius-md);
	border: 1px solid var(--wiko-border);
	padding: var(--wk-space-lg) var(--wk-space-1);
	margin: var(--wk-space-lg) 0;
	background: var(--wiko-code-bg);
	font-size: 0.87em;
	line-height: var(--wk-leading);
}

.wiko-entry__content pre code {
	background: none;
	padding: 0;
	border-radius: 0;
	color: var(--wiko-text);
}


/* Definition lists */
.wiko-entry__content dt {
	font-weight: 600;
	margin-top: var(--wk-space-sm);
}

.wiko-entry__content dd {
	margin-left: var(--wk-space-1);
	color: var(--wiko-text-muted);
}


/* WordPress specific blocks 閳?Notion-ize them */

/* Cover block */
.wiko-entry__content .wp-block-cover {
	border-radius: var(--wk-radius-md);
	margin: var(--wk-space-1) 0;
}


/* Quote block */
.wiko-entry__content .wp-block-quote {
	margin: var(--wk-space-lg) 0;
	padding: var(--wk-space-md) var(--wk-space-1);
	border-left: 3px solid var(--wiko-primary);
	border-radius: 0 var(--wk-radius-sm) var(--wk-radius-sm) 0;
	background: color-mix(in srgb, var(--wiko-primary) 6%, var(--wiko-surface));
}

.wiko-entry__content .wp-block-quote.is-style-large {
	font-size: var(--wk-text-lg);
}

.wiko-entry__content .wp-block-quote cite {
	font-size: var(--wk-text-sm);
	color: var(--wiko-text-muted);
}

.wiko-entry__content .wp-block-pullquote {
	border-top: 3px solid var(--wiko-primary);
	border-bottom: 3px solid var(--wiko-primary);
	border-left: 0;
	border-right: 0;
	padding: var(--wk-space-2xl) 0;
	margin: var(--wk-space-3xl) 0;
	text-align: center;
}

.wiko-entry__content .wp-block-pullquote blockquote {
	background: none;
	border: 0;
	padding: 0;
}

.wiko-entry__content .wp-block-separator {
	border: 0;
	height: 1px;
	background: var(--wiko-border);
	margin: var(--wk-space-3xl) 0;
}

.wiko-entry__content .wp-block-separator.is-style-wide {
	margin-left: calc(-1 * var(--wk-space-lg));
	margin-right: calc(-1 * var(--wk-space-lg));
}


/* Columns block */
.wiko-entry__content .wp-block-columns {
	gap: var(--wk-space-2xl);
	margin: var(--wk-space-lg) 0;
}

.wiko-entry__content .wp-block-gallery {
	margin: var(--wk-space-lg) 0;
}

.wiko-entry__content .wp-block-gallery img {
	border-radius: var(--wk-radius-sm);
}


/* Buttons 閳?Notion-style */
.wiko-entry__content .wp-block-button__link {
	border-radius: var(--wk-radius-sm);
	background: var(--wiko-primary);
	color: var(--wk-white);
	font-weight: 600;
	padding: var(--wk-space-sm) var(--wk-space-1);
	transition: background var(--wk-transition), transform 0.1s;
}

.wiko-entry__content .wp-block-button__link:hover {
	background: var(--wiko-primary-hover);
	transform: translateY(-1px);
}

.wiko-entry__content .is-style-outline .wp-block-button__link {
	background: transparent;
	border: 2px solid var(--wiko-primary);
	color: var(--wiko-primary);
}

.wiko-entry__content .is-style-outline .wp-block-button__link:hover {
	background: var(--wiko-primary);
	color: var(--wk-white);
}


/* Details / Accordion 閳?Notion toggle style */
.wiko-entry__content details {
	margin: var(--wk-space-sm) 0;
	border: 1px solid var(--wiko-border);
	border-radius: var(--wk-radius-sm);
	background: var(--wiko-surface);
}

.wiko-entry__content details summary {
	padding: var(--wk-space-sm) var(--wk-space-lg);
	cursor: pointer;
	font-weight: 600;
	font-size: var(--wk-text-body);
	transition: background var(--wk-transition);
	border-radius: var(--wk-radius-sm);
	list-style: none;
	display: flex;
	align-items: center;
	gap: var(--wk-space-sm);
}

.wiko-entry__content details summary::before {
	content: '閳?;
	font-size: var(--wk-text-caption);
	transition: transform 0.2s;
	color: var(--wiko-text-muted);
}

.wiko-entry__content details[open] summary::before {
	transform: rotate(90deg);
}

.wiko-entry__content details summary:hover {
	background: color-mix(in srgb, var(--wiko-text) 4%, transparent);
}

.wiko-entry__content details > :not(summary) {
	padding: 0 var(--wk-space-lg) var(--wk-space-md);
}


/* Verse / poetry */
.wiko-entry__content .wp-block-verse {
	font-style: italic;
	padding: var(--wk-space-lg) var(--wk-space-2xl);
	border-left: 3px solid var(--wiko-primary);
	background: color-mix(in srgb, var(--wiko-primary) 4%, var(--wiko-surface));
	border-radius: 0 var(--wk-radius-sm) var(--wk-radius-sm) 0;
}

.wiko-docs-layout-grid__right {
	background: transparent;
	border-left: 1px solid var(--wiko-border);
	border-radius: 0;
	position: sticky;
	top: 0;
	height: 100vh;
	overflow-y: auto;
}

.wiko-sidebar-toc__inner {
	padding: var(--wk-space-lg) var(--wk-space-md);
}

.wiko-sidebar-toc__title {
	font-size: var(--wk-text-xs);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--wiko-text-muted);
	font-weight: 600;
	padding-bottom: var(--wk-space-sm);
	margin-bottom: var(--wk-space-xs);
	border-bottom: 1px solid var(--wiko-border);
}

.wiko-toc {
	font-size: var(--wk-text-sm);
}

.wiko-toc__list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.wiko-toc__item {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wiko-toc a {
	color: var(--wiko-text-muted);
	text-decoration: none;
	display: block;
	padding: var(--wk-space-xs) 0 var(--wk-space-xs) var(--wk-space-sm);
	border-left: 2px solid transparent;
	transition: color var(--wk-transition), border-color var(--wk-transition);
	line-height: 1.4;
}

.wiko-toc a:hover {
	color: var(--wiko-text);
	text-decoration: none;
	border-left-color: var(--wiko-border);
}

.wiko-toc__sublist {
	list-style: none;
	padding-left: var(--wk-space-md);
	margin: 0;
}

.wiko-toc__item--h4 a {
	font-size: var(--wk-text-sm);
	padding-left: var(--wk-space-1);
}

.wiko-toc__sublist {
	padding-left: 0;
}

.wiko-toc__sublist a {
	padding-left: var(--wk-space-1);
	font-size: var(--wk-text-sm);
}

.wiko-topic-card {
	background: var(--wiko-surface);
	border: 1px solid var(--wiko-border);
	border-radius: var(--wk-radius-md);
	padding: var(--wk-space-1);
	box-shadow: var(--wk-shadow);
	transition: box-shadow var(--wk-transition), transform var(--wk-transition);
}

.wiko-topic-card:hover {
	box-shadow: var(--wk-shadow-hover);
	transform: translateY(-2px);
}

.wiko-topic-card h3 a {
	color: var(--wiko-text);
	text-decoration: none;
	transition: color var(--wk-transition);
}

.wiko-topic-card h3 a:hover {
	color: var(--wiko-primary);
}

pre {
	border-radius: var(--wk-radius-md);
	border: 1px solid var(--wiko-border);
	padding: var(--wk-space-lg) var(--wk-space-1);
	font-size: 0.88em;
}

code {
	border-radius: var(--wk-radius-4);
	padding: 0.15em 0.4em;
	background: color-mix(in srgb, var(--wiko-text) 8%, transparent);
	font-size: 0.88em;
}

pre code {
	background: none;
	padding: 0;
	border-radius: 0;
}

.wiko-copy-btn {
	border-radius: var(--wk-radius-sm);
	font-size: var(--wk-text-xs);
	border-color: var(--wiko-border);
	transition: background var(--wk-transition);
}

.wiko-copy-btn:hover {
	background: var(--wiko-primary);
	color: var(--wk-white);
	border-color: var(--wiko-primary);
}

.wiko-breadcrumbs {
	font-size: var(--wk-text-sm);
	margin-bottom: var(--wk-space-sm);
}

.wiko-breadcrumbs a {
	color: var(--wiko-text-muted);
	text-decoration: none;
}

.wiko-breadcrumbs a:hover {
	color: var(--wiko-primary);
}

.wiko-footer {
	background: var(--wiko-sidebar-bg);
	border-top: 1px solid var(--wiko-border);
}

.wiko-footer__inner {
	display: grid !important;
	grid-template-columns: auto auto 1fr;
	align-items: center;
	gap: var(--wk-space-md);
	padding: var(--wk-space-md) var(--wk-space-2xl);
	max-width: var(--wk-content-max) !important;
	margin: 0 auto !important;
}


/* Logo + site name */
.wiko-footer__brand {
	display: flex;
	align-items: center;
}

.wiko-footer__logo-link {
	display: flex;
	align-items: center;
	gap: var(--wk-space-sm);
	text-decoration: none;
	color: var(--wiko-text);
}

.wiko-footer__logo-link:hover {
	color: var(--wiko-primary);
}

.wiko-footer__logo {
	border-radius: var(--wk-radius-4);
}

.wiko-footer__site-name {
	font-size: var(--wk-text-body);
	font-weight: 600;
	letter-spacing: -0.01em;
}


/* Social icons row */
.wiko-footer__social {
	display: flex;
	align-items: center;
	gap: var(--wk-space-sm);
	margin-left: var(--wk-space-lg);
}

.wiko-footer__social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--wk-space-3xl);
	height: var(--wk-space-3xl);
	border-radius: var(--wk-radius-circle);
	color: var(--wiko-text-muted);
	background: color-mix(in srgb, var(--wiko-text) 6%, transparent);
	transition: background var(--wk-transition), color var(--wk-transition), transform 0.15s;
}

.wiko-footer__social-link:hover {
	background: var(--wiko-primary);
	color: var(--wk-white);
	transform: translateY(-2px);
}

.wiko-footer__social-link svg {
	width: 14px;
	height: 14px;
}

.wiko-footer__copyright {
	font-size: var(--wk-text-xs);
	color: var(--wiko-text-muted);
	margin: 0;
	text-align: right;
}


/* Footer knowledge base link */
.wiko-footer__links {
	display: flex;
	align-items: center;
	gap: var(--wk-space-md);
}

.wiko-footer__kb-link {
	font-size: var(--wk-text-sm);
	color: var(--wiko-text-muted);
	text-decoration: none;
	padding: var(--wk-space-xs) var(--wk-space-sm);
	border-radius: var(--wk-radius-sm);
	border: 1px solid var(--wiko-border);
	transition: background var(--wk-transition), color var(--wk-transition);
}

.wiko-footer__kb-link:focus-visible {
	background: color-mix(in srgb, var(--wiko-text) 6%, transparent);
	color: var(--wiko-text);
}


/* Footer USCC (unified social credit code) */
.wiko-footer__meta {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--wk-space-md);
	white-space: nowrap;
}

.wiko-footer__meta .wiko-footer__copyright {
	margin-bottom: 0;
}

.wiko-footer__uscc {
	font-size: var(--wk-text-xs);
	color: var(--wiko-text-muted);
	margin: 0;
	text-align: right;
	letter-spacing: 0.3px;
}


/* Mobile: stack footer */
@media (max-width: 640px) {
	.wiko-footer__inner {
		grid-template-columns: 1fr;
		text-align: center;
	}
	.wiko-footer__social {
		margin-left: 0;
		justify-content: center;
	}
	.wiko-footer__copyright {
		text-align: center;
	}
	.wiko-footer__uscc {
		text-align: center;
	}
	.wiko-footer__meta {
		align-items: center;
	}
	.wiko-footer__links {
		flex-wrap: wrap;
		justify-content: center;
		row-gap: var(--wk-space-sm);
	}
}

.wiko-button {
	border-radius: var(--wk-radius-pill);
	padding: var(--wk-space-sm) var(--wk-space-1);
	font-weight: 600;
	font-size: var(--wk-text-md);
	transition: background var(--wk-transition), transform 0.1s;
}

.wiko-button:hover {
	transform: translateY(-1px);
}

.page-numbers {
	border-radius: var(--wk-radius-pill);
	min-width: var(--wk-space-3xl);
	height: var(--wk-space-3xl);
	font-size: var(--wk-text-md);
}

.wiko-back-to-top {
	border-radius: var(--wk-radius-pill);
	width: var(--wk-space-2);
	height: var(--wk-space-2);
	background: color-mix(in srgb, var(--wiko-primary) 15%, var(--wiko-surface));
	border: 1px solid var(--wiko-border);
	color: var(--wiko-primary);
	box-shadow: var(--wk-shadow);
}

.wiko-back-to-top:hover {
	background: var(--wiko-primary);
	color: var(--wk-white);
	border-color: var(--wiko-primary);
}


/* Hero 閳?Notion page cover + title feel */
.wiko-landing-hero {
	background: transparent;
	border-bottom: 0;
	padding: 0;
}

.wiko-landing-hero .wiko-container {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 0;
	max-width: 100%;
}


/* Brand area 閳?Notion page icon + title */
.wiko-landing-hero__brand {
	padding: var(--wk-space-4xl) var(--wk-space-4xl) 0;
}

.wiko-landing-hero__brand h1 {
	font-size: var(--wk-text-display-lg);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.03em;
	margin: var(--wk-space-sm) 0;
	color: var(--wiko-text);
}

.wiko-landing-hero__brand p {
	font-size: var(--wk-text-lg);
	color: var(--wiko-text-muted);
	line-height: var(--wk-leading);
	margin: var(--wk-space-xs) 0 var(--wk-space-1);
	max-width: 580px;
}

.wiko-landing-hero__brand .wiko-button {
	border-radius: var(--wk-radius-sm);
	padding: var(--wk-space-sm) var(--wk-space-2xl);
	font-size: var(--wk-text-body);
}


/* Search 閳?Notion-style quick find */
.wiko-landing-hero__search {
	padding: 0 var(--wk-space-4xl) var(--wk-space-3xl);
}

.wiko-landing-hero__search .wiko-search-form {
	max-width: 480px;
}

.wiko-landing-hero__search .wiko-search-form__field {
	border-radius: var(--wk-radius-md);
	padding: var(--wk-space-md) var(--wk-space-lg);
	font-size: var(--wk-text-body);
	background: var(--wiko-surface);
}

.wiko-landing-hero__search .wiko-search-form__submit {
	border-radius: var(--wk-radius-md);
	padding: var(--wk-space-md) var(--wk-space-1);
}


/* Section headings 閳?Notion H2 style */
.wiko-landing-section {
	padding: var(--wk-space-2xl) var(--wk-space-4xl) var(--wk-space-3xl);
}

.wiko-landing-section h2 {
	font-size: var(--wk-text-lg);
	font-weight: 600;
	color: var(--wiko-text);
	margin: 0 0 var(--wk-space-lg);
	padding-bottom: var(--wk-space-sm);
	border-bottom: 1px solid var(--wiko-border);
	letter-spacing: -0.01em;
}


/* Topic cards 閳?Notion database gallery view */
.wiko-topic-grid {
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: var(--wk-space-md);
}

.wiko-topic-card {
	display: flex;
	flex-direction: column;
	gap: var(--wk-space-xs);
	padding: var(--wk-space-lg) var(--wk-space-lg);
	border: 1px solid var(--wiko-border);
	border-radius: var(--wk-radius-md);
	background: var(--wiko-surface);
	text-decoration: none;
	color: inherit;
	transition: background var(--wk-transition), border-color var(--wk-transition), transform var(--wk-transition);
	box-shadow: none;
	position: relative;
	overflow: hidden;
}

.wiko-topic-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background: var(--wiko-primary);
	opacity: 0;
	transition: opacity var(--wk-transition);
	border-radius: var(--wk-radius) 0 0 var(--wk-radius);
}

.wiko-topic-card:hover {
	border-color: var(--wiko-primary);
	background: color-mix(in srgb, var(--wiko-primary) 4%, var(--wiko-surface));
	transform: translateY(-1px);
	box-shadow: none;
}

.wiko-topic-card:hover::before {
	opacity: 1;
}

.wiko-topic-card h3 {
	margin: 0;
	font-size: var(--wk-text-body);
	font-weight: 600;
	color: var(--wiko-text);
	line-height: 1.3;
}

.wiko-topic-card p {
	margin: 0;
	font-size: var(--wk-text-sm);
	color: var(--wiko-text-muted);
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.wiko-topic-card span {
	font-size: var(--wk-text-xs);
	color: var(--wiko-text-muted);
	margin-top: auto;
	padding-top: var(--wk-space-sm);
}


/* Recent docs grid 閳?Notion board view */
.wiko-doc-grid {
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: var(--wk-space-md);
}


/* Post card 閳?Notion page link style */
.wiko-card {
	display: flex;
	flex-direction: column;
	gap: var(--wk-space-sm);
	padding: var(--wk-space-lg) var(--wk-space-lg);
	border: 1px solid var(--wiko-border);
	border-radius: var(--wk-radius-md);
	background: var(--wiko-surface);
	transition: background var(--wk-transition), border-color var(--wk-transition), transform var(--wk-transition);
	box-shadow: none;
}

.wiko-card:hover {
	border-color: color-mix(in srgb, var(--wiko-primary) 40%, var(--wiko-border));
	background: color-mix(in srgb, var(--wiko-primary) 3%, var(--wiko-surface));
	transform: translateY(-1px);
	box-shadow: none;
}


/* Card thumbnail 閳?rounded */
.wiko-card__thumb-link {
	margin: calc(-1 * var(--wk-space-lg)) calc(-1 * var(--wk-space-lg)) 0;
	border-radius: var(--wk-radius-md) var(--wk-radius-md) 0 0;
	overflow: hidden;
}

.wiko-card__thumb {
	aspect-ratio: 16 / 9;
	border-radius: 0;
	transition: transform 0.25s ease;
}

.wiko-card:hover .wiko-card__thumb {
	transform: scale(1.02);
}


/* Badge 閳?Notion tag style */
.wiko-badge {
	align-self: flex-start;
	font-size: var(--wk-text-xs);
	padding: var(--wk-space-xs) var(--wk-space-sm);
	border-radius: var(--wk-radius-pill);
	background: color-mix(in srgb, var(--wiko-primary) 12%, transparent);
	color: var(--wiko-primary);
	border: 0;
	font-weight: 500;
}


/* Card title 閳?Notion page link */
.wiko-card__title {
	margin: 0;
	font-size: var(--wk-text-body);
	font-weight: 600;
	line-height: 1.35;
}

.wiko-card__title a {
	color: var(--wiko-text);
	text-decoration: none;
	transition: color var(--wk-transition);
}

.wiko-card__title a:hover {
	color: var(--wiko-primary);
}


/* Card excerpt */
.wiko-card__excerpt {
	font-size: var(--wk-text-sm);
	color: var(--wiko-text-muted);
	line-height: var(--wk-leading);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.wiko-card__excerpt p {
	margin: 0;
}

.wiko-card__meta {
	font-size: var(--wk-text-xs);
	color: var(--wiko-text-muted);
	margin: 0;
}

.wiko-post-list {
	gap: var(--wk-space-sm);
}


/* Post list cards 閳?compact list style */
.wiko-post-list .wiko-card {
	flex-direction: row;
	align-items: center;
	gap: var(--wk-space-lg);
	padding: var(--wk-space-md) var(--wk-space-lg);
	border-radius: var(--wk-radius-sm);
}

.wiko-post-list .wiko-card__thumb-link {
	margin: 0;
	border-radius: var(--wk-radius-sm);
	overflow: hidden;
	flex-shrink: 0;
	width: 80px;
	height: 56px;
}

.wiko-post-list .wiko-card__thumb {
	aspect-ratio: unset;
	width: 80px;
	height: 56px;
	border-radius: 0;
}

.wiko-post-list .wiko-card:hover .wiko-card__thumb {
	transform: scale(1.05);
}

.wiko-post-list .wiko-card__header {
	flex: 1;
	min-width: 0;
}

.wiko-post-list .wiko-card__title {
	font-size: var(--wk-text-body);
}

.wiko-post-list .wiko-card__meta {
	font-size: var(--wk-text-xs);
}

.wiko-post-list .wiko-card__excerpt {
	display: none;
}

.wiko-no-results {
	text-align: center;
	padding: var(--wk-space-3) var(--wk-space-3xl);
}

.wiko-no-results h2 {
	font-size: var(--wk-text-h2);
	font-weight: 600;
	color: var(--wiko-text);
	margin-bottom: var(--wk-space-sm);
}

.wiko-no-results p {
	color: var(--wiko-text-muted);
	font-size: var(--wk-text-body);
	margin-bottom: var(--wk-space-2xl);
}

.search .wiko-card {
	flex-direction: row;
	align-items: flex-start;
	gap: var(--wk-space-lg);
	padding: var(--wk-space-lg) var(--wk-space-lg);
	border-radius: var(--wk-radius-sm);
}

@media (max-width: 767px) {
	.wiko-landing-hero__brand {
		padding: var(--wk-space-3xl) var(--wk-space-2xl) 0;
	}

	.wiko-landing-hero__brand h1 {
		font-size: var(--wk-text-h1);
	}

	.wiko-landing-hero__search {
		padding: 0 var(--wk-space-2xl) var(--wk-space-2xl);
	}

	.wiko-landing-section {
		padding: var(--wk-space-lg) var(--wk-space-2xl) var(--wk-space-2xl);
	}

	.wiko-topic-grid {
		grid-template-columns: 1fr;
	}

	.wiko-doc-grid {
		grid-template-columns: 1fr;
	}

	.wiko-post-list .wiko-card {
		flex-direction: column;
		align-items: stretch;
	}

	.wiko-post-list .wiko-card__thumb-link {
		width: 100%;
		height: auto;
	}

	.wiko-post-list .wiko-card__thumb {
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
	}

	.wiko-post-list .wiko-card__excerpt {
		display: block;
	}
}

.wiko-doc-nav {
	border-top: 1px solid var(--wiko-border);
	margin-top: var(--wk-space-3xl);
	padding-top: var(--wk-space-1);
}

.wiko-doc-nav a {
	display: inline-flex;
	align-items: center;
	gap: var(--wk-space-sm);
	padding: var(--wk-space-sm) var(--wk-space-lg);
	border: 1px solid var(--wiko-border);
	border-radius: var(--wk-radius-md);
	text-decoration: none;
	color: var(--wiko-text);
	font-size: var(--wk-text-md);
	transition: border-color var(--wk-transition), color var(--wk-transition);
}

.wiko-doc-nav a:hover {
	border-color: var(--wiko-primary);
	color: var(--wiko-primary);
}

.wiko-comments {
	border-radius: var(--wk-radius-md);
	border: 1px solid var(--wiko-border);
}

.wiko-comments .comment-body {
	border-radius: var(--wk-radius-sm);
}

.wiko-comments textarea {
	border-radius: var(--wk-radius-sm);
}

.wiko-docs-layout-grid__right::-webkit-scrollbar {
	width: 4px;
}

.wiko-docs-layout-grid__right::-webkit-scrollbar-track {
	background: transparent;
}

.wiko-docs-layout-grid__right::-webkit-scrollbar-thumb {
	background: var(--wiko-border);
	border-radius: var(--wk-radius-pill);
}

::selection {
	background: color-mix(in srgb, var(--wiko-primary) 30%, transparent);
	color: var(--wiko-text);
}

.wiko-main--page-clean {
	padding: 0;
}

.wiko-page-clean-layout {
	width: min(100%, 960px);
	margin: 0 auto;
	padding: var(--wk-space-2) var(--wk-space-3xl) var(--wk-space-4xl);
}

.wiko-page-clean-layout .wiko-entry {
	width: 100%;
}

.wiko-page-clean-layout .wiko-entry__content {
	max-width: 100%;
}

@media (max-width: 767px) {
	.wiko-page-clean-layout {
		padding: var(--wk-space-3xl) var(--wk-space-1) var(--wk-space-2);
	}
}

.wiko-quality-page {
	background:
		radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--wiko-primary) 16%, transparent), transparent var(--wk-hero-glow-md)),
		linear-gradient(180deg, color-mix(in srgb, var(--wiko-surface) 94%, var(--wk-fill-deep)), var(--wiko-bg) var(--wk-hero-glow-2xl));
	color: var(--wiko-text);
	padding: 0;
}

.wiko-quality-shell {
	width: min(100% - var(--wk-space-4xl), 1180px);
	margin: 0 auto;
}

.wiko-quality-hero {
	padding: var(--wk-space-4) 0 var(--wk-space-4xl);
	border-bottom: 1px solid var(--wiko-border);
}

.wiko-quality-hero .wiko-quality-shell {
	display: grid;
	grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
	gap: var(--wk-space-3xl);
	align-items: stretch;
}

.wiko-quality-eyebrow {
	margin: 0 0 var(--wk-space-md);
	color: var(--wiko-primary);
	font-size: var(--wk-text-sm);
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
}

.wiko-quality-hero h1 {
	margin: 0;
	color: var(--wiko-text);
	font-size: var(--wk-text-jumbo-3);
	line-height: 1.05;
	letter-spacing: 0;
}

.wiko-quality-hero__lead {
	max-width: 760px;
	margin: var(--wk-space-1) 0 0;
	color: var(--wiko-text-muted);
	font-size: var(--wk-text-lg);
	line-height: var(--wk-leading);
}

.wiko-quality-hero__metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wk-space-md);
	margin-top: var(--wk-space-3xl);
}

.wiko-quality-flow__item {
	border: 1px solid var(--wiko-border);
	background: color-mix(in srgb, var(--wiko-surface) 84%, transparent);
	box-shadow: var(--wk-shadow);
}

.wiko-quality-hero__metrics div {
	padding: var(--wk-space-lg);
	border-radius: var(--wk-radius-md);
}

.wiko-quality-hero__metrics strong {
	display: block;
	color: var(--wiko-text);
	font-size: var(--wk-text-xl);
	line-height: 1.2;
}

.wiko-quality-hero__metrics span {
	display: block;
	margin-top: var(--wk-space-xs);
	color: var(--wiko-text-muted);
	font-size: var(--wk-text-md);
}

.wiko-quality-hero__panel {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 360px;
	padding: var(--wk-space-2xl);
	border-radius: var(--wk-radius-lg);
	overflow: hidden;
}

.wiko-quality-loop {
	display: grid;
	gap: var(--wk-space-md);
	position: relative;
}

.wiko-quality-loop::before {
	content: "";
	position: absolute;
	top: var(--wk-space-1);
	bottom: var(--wk-space-1);
	left: var(--wk-space-lg);
	width: 1px;
	background: var(--wiko-border);
}

.wiko-quality-loop span {
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--wk-space-md);
	color: var(--wiko-text);
	font-weight: 700;
}

.wiko-quality-loop span::before {
	content: "";
	width: var(--wk-space-3xl);
	height: var(--wk-space-3xl);
	border: 1px solid color-mix(in srgb, var(--wiko-primary) 70%, var(--wiko-border));
	border-radius: var(--wk-radius-circle);
	background: color-mix(in srgb, var(--wiko-primary) 16%, var(--wiko-surface));
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--wiko-surface) 92%, transparent);
}

.wiko-quality-hero__panel p {
	margin: var(--wk-space-2xl) 0 0;
	color: var(--wiko-text-muted);
	line-height: var(--wk-leading);
}

.wiko-quality-section {
	padding: var(--wk-space-3) 0;
}

.wiko-quality-section--muted {
	background: color-mix(in srgb, var(--wiko-surface) 50%, transparent);
	border-block: 1px solid var(--wiko-border);
}

.wiko-quality-section__heading {
	display: grid;
	grid-template-columns: var(--wk-space-3) minmax(0, 1fr);
	gap: var(--wk-space-1);
	align-items: start;
	margin-bottom: var(--wk-space-3xl);
}

.wiko-quality-section__heading > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--wk-space-4xl);
	height: var(--wk-space-4xl);
	border: 1px solid color-mix(in srgb, var(--wiko-primary) 60%, var(--wiko-border));
	border-radius: var(--wk-radius-circle);
	color: var(--wiko-primary);
	font-weight: 800;
	background: color-mix(in srgb, var(--wiko-primary) 10%, transparent);
}

.wiko-quality-section h2 {
	margin: 0;
	color: var(--wiko-text);
	font-size: var(--wk-text-display);
	line-height: 1.2;
	letter-spacing: 0;
}

.wiko-quality-section__heading p {
	max-width: 920px;
	margin: var(--wk-space-md) 0 0;
	color: var(--wiko-text-muted);
	font-size: var(--wk-text-h3);
	line-height: var(--wk-leading);
}

.wiko-quality-table-wrap {
	overflow: hidden;
	border: 1px solid var(--wiko-border);
	border-radius: var(--wk-radius-lg);
	background: var(--wiko-surface);
}

.wiko-quality-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

.wiko-quality-table td {
	padding: var(--wk-space-lg) var(--wk-space-1);
	border-bottom: 1px solid var(--wiko-border);
	text-align: left;
	vertical-align: top;
}

.wiko-quality-table th {
	background: color-mix(in srgb, var(--wiko-primary) 10%, var(--wiko-surface));
	color: var(--wiko-text);
	font-size: var(--wk-text-md);
	white-space: nowrap;
}

.wiko-quality-table td {
	color: var(--wiko-text-muted);
	line-height: var(--wk-leading);
}

.wiko-quality-table td:first-child {
	color: var(--wiko-text);
	font-weight: 700;
	white-space: nowrap;
}

.wiko-quality-table tr:last-child td {
	border-bottom: 0;
}

.wiko-quality-evidence-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wk-space-lg);
}

.wiko-quality-evidence-grid article {
	padding: var(--wk-space-1);
	border-radius: var(--wk-radius-md);
}

.wiko-quality-evidence-grid article span {
	display: inline-flex;
	margin-bottom: var(--wk-space-lg);
	padding: var(--wk-space-xs) var(--wk-space-sm);
	border-radius: var(--wk-radius-pill);
	background: color-mix(in srgb, var(--wiko-primary) 12%, transparent);
	color: var(--wiko-primary);
	font-size: var(--wk-text-xs);
	font-weight: 700;
}

.wiko-quality-evidence-grid h3 {
	margin: 0;
	color: var(--wiko-text);
	font-size: var(--wk-text-h3);
	line-height: 1.35;
}

.wiko-quality-evidence-grid p {
	margin: var(--wk-space-md) 0 0;
	color: var(--wiko-text-muted);
	font-size: var(--wk-text-body);
	line-height: var(--wk-leading);
}

.wiko-quality-flow {
	display: grid;
	gap: var(--wk-space-md);
}

.wiko-quality-flow__item {
	display: grid;
	grid-template-columns: minmax(110px, 0.28fr) minmax(0, 1fr);
	gap: var(--wk-space-lg);
	align-items: center;
	padding: var(--wk-space-lg) var(--wk-space-1);
	border-radius: var(--wk-radius-md);
}

.wiko-quality-flow__item strong {
	color: var(--wiko-text);
	font-size: var(--wk-text-h3);
}

.wiko-quality-flow__item span {
	color: var(--wiko-text-muted);
	line-height: var(--wk-leading);
}

@media (max-width: 900px) {
	.wiko-quality-hero .wiko-quality-shell {
		grid-template-columns: 1fr;
	}

	.wiko-quality-hero h1 {
		font-size: var(--wk-text-jumbo);
	}

	.wiko-quality-section h2 {
		font-size: var(--wk-text-h1);
	}

	.wiko-quality-hero__panel {
		min-height: auto;
	}

	.wiko-quality-evidence-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.wiko-quality-shell {
		width: min(100% - var(--wk-space-3xl), 1180px);
	}

	.wiko-quality-hero {
		padding: var(--wk-space-4xl) 0 var(--wk-space-2);
	}

	.wiko-quality-hero h1 {
		font-size: var(--wk-text-display);
	}

	.wiko-quality-section h2 {
		font-size: var(--wk-text-xl);
	}

	.wiko-quality-hero__metrics,
	.wiko-quality-evidence-grid {
		grid-template-columns: 1fr;
	}

	.wiko-quality-section {
		padding: var(--wk-space-4xl) 0;
	}

	.wiko-quality-section__heading {
		grid-template-columns: 1fr;
	}

	.wiko-quality-table-wrap {
		border: 0;
		background: transparent;
	}

	.wiko-quality-table,
	.wiko-quality-table tbody,
	.wiko-quality-table tr,
	.wiko-quality-table td {
		display: block;
		width: 100%;
	}

	.wiko-quality-table thead {
		display: none;
	}

	.wiko-quality-table tr {
		margin-bottom: var(--wk-space-md);
		border: 1px solid var(--wiko-border);
		border-radius: var(--wk-radius-md);
		background: var(--wiko-surface);
		overflow: hidden;
	}

	.wiko-quality-table td,
	.wiko-quality-table tr:last-child td {
		display: grid;
		grid-template-columns: var(--wk-space-4) minmax(0, 1fr);
		gap: var(--wk-space-md);
		border-bottom: 1px solid var(--wiko-border);
		white-space: normal;
	}

	.wiko-quality-table td::before {
		content: attr(data-label);
		color: var(--wiko-text);
		font-weight: 700;
	}

	.wiko-quality-table td:last-child {
		border-bottom: 0;
	}

	.wiko-quality-flow__item {
		grid-template-columns: 1fr;
		gap: var(--wk-space-xs);
	}
}

.wiko-contact-page {
	background:
		radial-gradient(circle at 14% 10%, color-mix(in srgb, var(--wiko-primary) 18%, transparent), transparent var(--wk-hero-glow-sm)),
		linear-gradient(180deg, color-mix(in srgb, var(--wiko-surface) 92%, var(--wk-fill-deep)), var(--wiko-bg) var(--wk-hero-glow-xl));
	color: var(--wiko-text);
	padding: 0;
}

.wiko-contact-shell {
	width: min(100% - var(--wk-space-4xl), 1180px);
	margin: 0 auto;
}

.wiko-contact-hero {
	padding: var(--wk-space-4) 0 var(--wk-space-4xl);
	border-bottom: 1px solid var(--wiko-border);
}

.wiko-contact-hero .wiko-contact-shell {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.46fr);
	gap: var(--wk-space-3xl);
	align-items: stretch;
}

.wiko-contact-eyebrow {
	margin: 0 0 var(--wk-space-md);
	color: var(--wiko-primary);
	font-size: var(--wk-text-sm);
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
}

.wiko-contact-hero h1 {
	margin: 0;
	max-width: 820px;
	color: var(--wiko-text);
	font-size: var(--wk-text-jumbo-2);
	line-height: 1.08;
	letter-spacing: 0;
}

.wiko-contact-hero__lead {
	max-width: 790px;
	margin: var(--wk-space-1) 0 0;
	color: var(--wiko-text-muted);
	font-size: var(--wk-text-lg);
	line-height: var(--wk-leading);
}

.wiko-contact-hero__tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wk-space-md);
	margin-top: var(--wk-space-3xl);
}

.wiko-contact-section__heading > span {
	display: inline-flex;
	padding: var(--wk-space-xs) var(--wk-space-md);
	border-radius: var(--wk-radius-pill);
	background: color-mix(in srgb, var(--wiko-primary) 12%, transparent);
	color: var(--wiko-primary);
	font-size: var(--wk-text-xs);
	font-weight: 700;
}

.wiko-contact-closing {
	border: 1px solid var(--wiko-border);
	background: color-mix(in srgb, var(--wiko-surface) 84%, transparent);
	box-shadow: var(--wk-shadow);
}

.wiko-contact-panel {
	padding: var(--wk-space-1);
	border-radius: var(--wk-radius-lg);
}

.wiko-contact-panel h2 {
	margin: 0 0 var(--wk-space-lg);
	color: var(--wiko-text);
	font-size: var(--wk-text-h2);
	line-height: 1.3;
	letter-spacing: 0;
}

.wiko-contact-action {
	display: block;
	padding: var(--wk-space-lg);
	border: 1px solid color-mix(in srgb, var(--wiko-primary) 20%, var(--wiko-border));
	border-radius: var(--wk-radius-md);
	color: inherit;
	text-decoration: none;
	transition: border-color var(--wk-transition), background var(--wk-transition), transform var(--wk-transition);
}

.wiko-contact-action + .wiko-contact-action {
	margin-top: var(--wk-space-md);
}

.wiko-contact-action:focus-visible {
	border-color: var(--wiko-primary);
	background: color-mix(in srgb, var(--wiko-primary) 7%, transparent);
	transform: translateY(-1px);
}

.wiko-contact-action strong {
	display: block;
	color: var(--wiko-text);
	font-size: var(--wk-text-h3);
	line-height: 1.35;
}

.wiko-contact-action span {
	display: block;
	margin-top: var(--wk-space-sm);
	color: var(--wiko-text-muted);
	font-size: var(--wk-text-md);
	line-height: var(--wk-leading);
}

.wiko-contact-section {
	padding: var(--wk-space-3) 0;
}

.wiko-contact-section--muted {
	background: color-mix(in srgb, var(--wiko-surface) 50%, transparent);
	border-block: 1px solid var(--wiko-border);
}

.wiko-contact-section__heading {
	max-width: 920px;
	margin-bottom: var(--wk-space-3xl);
}

.wiko-contact-closing h2 {
	margin: 0;
	color: var(--wiko-text);
	font-size: var(--wk-text-display);
	line-height: 1.25;
	letter-spacing: 0;
}

.wiko-contact-closing p {
	color: var(--wiko-text-muted);
	font-size: var(--wk-text-h3);
	line-height: var(--wk-leading);
}

.wiko-contact-closing p {
	margin: var(--wk-space-lg) 0 0;
}

.wiko-contact-reasons {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wk-space-lg);
}

.wiko-contact-reasons article {
	padding: var(--wk-space-1);
	border-radius: var(--wk-radius-md);
}

.wiko-contact-path__item h3 {
	margin: var(--wk-space-lg) 0 0;
	color: var(--wiko-text);
	font-size: var(--wk-text-lg);
	line-height: 1.35;
}

.wiko-contact-checklist span {
	margin: var(--wk-space-md) 0 0;
	color: var(--wiko-text-muted);
	font-size: var(--wk-text-body);
	line-height: var(--wk-leading);
}

.wiko-contact-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.88fr) minmax(320px, 1fr);
	gap: var(--wk-space-3xl);
	align-items: start;
}

.wiko-contact-checklist {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wk-space-md);
}

.wiko-contact-checklist div {
	padding: var(--wk-space-lg);
	border-radius: var(--wk-radius-md);
}

.wiko-contact-checklist strong {
	display: block;
	color: var(--wiko-text);
	font-size: var(--wk-text-h3);
}

.wiko-contact-checklist span {
	display: block;
}

.wiko-contact-path {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wk-space-lg);
}

.wiko-contact-path__item {
	position: relative;
	padding: var(--wk-space-1);
	border-radius: var(--wk-radius-lg);
}

.wiko-contact-path__item strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--wk-space-2);
	height: var(--wk-space-2);
	border-radius: var(--wk-radius-circle);
	background: color-mix(in srgb, var(--wiko-primary) 14%, transparent);
	color: var(--wiko-primary);
	font-size: var(--wk-text-h3);
}

.wiko-contact-closing {
	max-width: 880px;
	margin: var(--wk-space-3xl) auto 0;
	padding: var(--wk-space-2xl);
	border-radius: var(--wk-radius-lg);
	text-align: center;
}

.wiko-contact-primary {
	display: inline-flex;
	margin-top: var(--wk-space-1);
	padding: var(--wk-space-md) var(--wk-space-lg);
	border-radius: var(--wk-radius-sm);
	background: var(--wiko-primary);
	color: var(--wk-white);
	font-weight: 700;
	text-decoration: none;
	transition: background var(--wk-transition), transform var(--wk-transition);
}

.wiko-contact-primary:focus-visible {
	background: var(--wiko-primary-hover);
	color: var(--wk-white);
	transform: translateY(-1px);
}

@media (max-width: 900px) {
	.wiko-contact-hero .wiko-contact-shell,
	.wiko-contact-grid,
	.wiko-contact-reasons,
	.wiko-contact-path {
		grid-template-columns: 1fr;
	}

	.wiko-contact-hero h1 {
		font-size: var(--wk-text-jumbo);
	}

	.wiko-contact-checklist {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.wiko-contact-shell {
		width: min(100% - var(--wk-space-3xl), 1180px);
	}

	.wiko-contact-hero {
		padding: var(--wk-space-4xl) 0 var(--wk-space-2);
	}

	.wiko-contact-hero h1 {
		font-size: var(--wk-text-display);
	}

	.wiko-contact-section__heading h2,
	.wiko-contact-brief h2,
	.wiko-contact-closing h2 {
		font-size: var(--wk-text-xl);
	}

	.wiko-contact-section {
		padding: var(--wk-space-4xl) 0;
	}

	.wiko-contact-checklist {
		grid-template-columns: 1fr;
	}
}

.wiko-about-page {
	background:
		radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--wk-blue) 16%, transparent), transparent var(--wk-hero-glow-md)),
		linear-gradient(180deg, color-mix(in srgb, var(--wiko-surface) 92%, var(--wk-fill-deep)), var(--wiko-bg) var(--wk-hero-glow-xl));
	color: var(--wiko-text);
	padding: 0;
}

.wiko-about-shell {
	width: min(100% - var(--wk-space-4xl), 1180px);
	margin: 0 auto;
}

.wiko-about-hero {
	padding: var(--wk-space-4) 0 var(--wk-space-4xl);
	border-bottom: 1px solid var(--wiko-border);
}

.wiko-about-hero .wiko-about-shell {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 0.44fr);
	gap: var(--wk-space-3xl);
	align-items: end;
}

.wiko-about-eyebrow {
	margin: 0 0 var(--wk-space-md);
	color: var(--wiko-primary);
	font-size: var(--wk-text-sm);
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
}

.wiko-about-hero h1 {
	margin: 0;
	max-width: 880px;
	color: var(--wiko-text);
	font-size: var(--wk-text-jumbo-2);
	line-height: 1.08;
	letter-spacing: 0;
}

.wiko-about-hero__lead {
	max-width: 790px;
	margin: var(--wk-space-1) 0 0;
	color: var(--wiko-text-muted);
	font-size: var(--wk-text-lg);
	line-height: var(--wk-leading);
}

.wiko-about-values {
	display: grid;
	gap: var(--wk-space-md);
}

.wiko-about-values article {
	border: 1px solid var(--wiko-border);
	background: color-mix(in srgb, var(--wiko-surface) 84%, transparent);
	box-shadow: var(--wk-shadow);
}

.wiko-about-hero__stats div {
	padding: var(--wk-space-lg) var(--wk-space-lg);
	border-radius: var(--wk-radius-md);
}

.wiko-about-hero__stats strong {
	display: block;
	color: var(--wiko-text);
	font-size: var(--wk-text-h2);
	line-height: 1.2;
}

.wiko-about-hero__stats span {
	display: block;
	margin-top: var(--wk-space-xs);
	color: var(--wiko-text-muted);
	font-size: var(--wk-text-md);
	line-height: var(--wk-leading);
}

.wiko-about-section {
	padding: var(--wk-space-3) 0;
}

.wiko-about-section--muted {
	background: color-mix(in srgb, var(--wiko-surface) 50%, transparent);
	border-block: 1px solid var(--wiko-border);
}

.wiko-about-story {
	display: grid;
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr);
	gap: var(--wk-space-3xl);
	align-items: start;
}

.wiko-about-section__heading h2 {
	margin: 0;
	color: var(--wiko-text);
	font-size: var(--wk-text-display);
	line-height: 1.25;
	letter-spacing: 0;
}

.wiko-about-values p {
	color: var(--wiko-text-muted);
	font-size: var(--wk-text-h3);
	line-height: var(--wk-leading);
}

.wiko-about-mission-grid p {
	margin: var(--wk-space-lg) 0 0;
}

.wiko-about-mission-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wk-space-lg);
}

.wiko-about-mission-grid article {
	padding: var(--wk-space-2xl);
	border-radius: var(--wk-radius-lg);
}

.wiko-about-values article > span {
	display: inline-flex;
	margin-bottom: var(--wk-space-lg);
	padding: var(--wk-space-xs) var(--wk-space-md);
	border-radius: var(--wk-radius-pill);
	background: color-mix(in srgb, var(--wiko-primary) 12%, transparent);
	color: var(--wiko-primary);
	font-size: var(--wk-text-xs);
	font-weight: 700;
}

.wiko-about-section__heading {
	max-width: 880px;
	margin-bottom: var(--wk-space-3xl);
}

.wiko-about-values {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wiko-about-values article {
	padding: var(--wk-space-1);
	border-radius: var(--wk-radius-md);
}

.wiko-about-values h3 {
	margin: 0;
	color: var(--wiko-text);
	font-size: var(--wk-text-h3);
	line-height: 1.35;
}

.wiko-about-values p {
	margin: var(--wk-space-md) 0 0;
	font-size: var(--wk-text-body);
}

@media (max-width: 900px) {
	.wiko-about-hero .wiko-about-shell,
	.wiko-about-story,
	.wiko-about-mission-grid {
		grid-template-columns: 1fr;
	}

	.wiko-about-hero h1 {
		font-size: var(--wk-text-jumbo);
	}

	.wiko-about-values {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.wiko-about-shell {
		width: min(100% - var(--wk-space-3xl), 1180px);
	}

	.wiko-about-hero {
		padding: var(--wk-space-4xl) 0 var(--wk-space-2);
	}

	.wiko-about-hero h1 {
		font-size: var(--wk-text-display);
	}

	.wiko-about-story h2,
	.wiko-about-mission-grid h2,
	.wiko-about-section__heading h2 {
		font-size: var(--wk-text-xl);
	}

	.wiko-about-section {
		padding: var(--wk-space-4xl) 0;
	}

	.wiko-about-values {
		grid-template-columns: 1fr;
	}
}

.wiko-about-page--copy {
	background: var(--wk-surface);
	color: var(--wk-mark);
	padding: 0;
}

.wiko-about-page--copy .wiko-about-copy-shell {
	width: min(100% - var(--wk-space-4xl), 1180px);
	margin: 0 auto;
}

.wiko-about-copy-hero {
	padding: var(--wk-space-4) 0 var(--wk-space-3);
	background: var(--wk-blue-light);
}

.wiko-about-copy-mv {
	display: grid;
	gap: var(--wk-space-3xl);
}

.wiko-contact-copy-hero .wiko-contact-copy-shell {
	grid-template-columns: minmax(0, 1fr) 320px;
	align-items: end;
}

.wiko-contact-copy-kicker {
	margin: 0 0 var(--wk-space-md);
	color: var(--wk-blue-ink);
	font-size: var(--wk-text-md);
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.wiko-about-copy-hero h1 {
	max-width: 850px;
	margin: 0;
	color: var(--wk-mark);
	font-size: var(--wk-text-jumbo-2);
	line-height: 1.08;
	letter-spacing: 0;
}

.wiko-about-copy-values article {
	border: 1px solid var(--wk-border-soft);
	border-radius: var(--wk-radius-12);
	background: var(--wk-surface);
	box-shadow: 0 16px 40px var(--wk-navy-tint);
}

.wiko-contact-copy-person {
	padding: var(--wk-space-2xl);
}

.wiko-contact-copy-avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--wk-space-4);
	height: var(--wk-space-4);
	margin-bottom: var(--wk-space-lg);
	border-radius: var(--wk-radius-circle);
	background: var(--wk-blue);
	color: var(--wk-white);
	font-weight: 800;
}

.wiko-about-copy-values-head h2 {
	margin: 0;
	color: var(--wk-mark);
	font-size: var(--wk-text-display);
	line-height: 1.25;
	letter-spacing: 0;
}

.wiko-about-copy-values p {
	color: var(--wk-text-secondary);
	line-height: var(--wk-leading);
}

.wiko-about-copy-section {
	padding: var(--wk-space-4) 0;
}

.wiko-about-copy-section--muted {
	background: var(--wk-gray-bg);
}

.wiko-about-copy-story {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: start;
}

.wiko-contact-copy-card {
	padding: var(--wk-space-3xl);
}

.wiko-contact-copy-card--main {
	background: var(--wk-fill-deep);
}

.wiko-contact-copy-card--main p {
	color: var(--wk-white);
}

.wiko-about-copy-values h3 {
	margin: 0;
	color: var(--wk-mark);
	font-size: var(--wk-text-h2);
	line-height: 1.35;
}

.wiko-contact-copy-card ul {
	margin: var(--wk-space-lg) 0 0;
	padding-left: var(--wk-space-lg);
}

.wiko-contact-copy-event-card a {
	display: inline-flex;
	margin-top: var(--wk-space-1);
	padding: var(--wk-space-md) var(--wk-space-lg);
	border-radius: var(--wk-radius-6);
	background: var(--wk-blue);
	color: var(--wk-white);
	font-weight: 800;
	text-decoration: none;
}

.wiko-contact-copy-event-card {
	padding: var(--wk-space-2xl);
}

.wiko-contact-copy-event-card span {
	display: block;
	margin-top: var(--wk-space-sm);
	color: var(--wk-blue-ink);
	font-weight: 800;
}

.wiko-about-copy-timeline {
	display: grid;
	gap: 0;
	margin-top: var(--wk-space-3xl);
	position: relative;
}

.wiko-about-copy-timeline-head {
	max-width: 820px;
	margin-top: var(--wk-space-4xl);
}

.wiko-about-copy-timeline-head h2 {
	margin: 0;
	color: var(--wk-mark);
	font-size: var(--wk-text-display);
	line-height: 1.25;
	letter-spacing: 0;
}

.wiko-about-copy-timeline-head p {
	margin: var(--wk-space-lg) 0 0;
	color: var(--wk-text-secondary);
	line-height: var(--wk-leading);
}

.wiko-about-copy-timeline::before {
	content: "";
	position: absolute;
	top: var(--wk-space-md);
	bottom: var(--wk-space-md);
	left: var(--wk-space-4);
	width: 2px;
	background: var(--wk-border-soft);
}

.wiko-about-copy-values article {
	padding: var(--wk-space-1);
}

.wiko-about-copy-timeline div {
	position: relative;
	display: grid;
	grid-template-columns: var(--wk-space-6) minmax(0, 1fr);
	gap: var(--wk-space-2xl);
	padding: 0 0 var(--wk-space-3xl);
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.wiko-about-copy-timeline div::before {
	content: "";
	position: absolute;
	top: var(--wk-space-sm);
	left: var(--wk-space-4);
	width: var(--wk-space-lg);
	height: var(--wk-space-lg);
	border: 3px solid var(--wk-blue);
	border-radius: var(--wk-radius-circle);
	background: var(--wk-surface);
	z-index: 1;
}

.wiko-about-copy-values span {
	display: block;
	margin-bottom: var(--wk-space-md);
	color: var(--wk-blue-ink);
	font-weight: 900;
}

.wiko-about-copy-timeline span {
	display: block;
	color: var(--wk-mark);
	font-weight: 800;
}

.wiko-about-copy-timeline p {
	margin: var(--wk-space-sm) 0 0;
}

.wiko-about-copy-values {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wk-space-lg);
}

.wiko-about-copy-heading {
	margin-bottom: var(--wk-space-2xl);
}

.wiko-about-copy-values-head {
	max-width: 740px;
	margin-bottom: var(--wk-space-2xl);
}

@media (max-width: 900px) {
	.wiko-contact-copy-hero .wiko-contact-copy-shell,
	.wiko-contact-copy-two,
	.wiko-contact-copy-events,
	.wiko-about-copy-story,
	.wiko-about-copy-timeline,
	.wiko-about-copy-mv,
	.wiko-about-copy-values {
		grid-template-columns: 1fr;
	}

	.wiko-contact-copy-title h1,
	.wiko-about-copy-hero h1 {
		font-size: var(--wk-text-display-lg);
	}
}

@media (max-width: 640px) {
	.wiko-contact-page--copy .wiko-contact-copy-shell,
	.wiko-about-page--copy .wiko-about-copy-shell {
		width: min(100% - var(--wk-space-3xl), 1180px);
	}

	.wiko-contact-copy-title h1,
	.wiko-about-copy-hero h1 {
		font-size: var(--wk-text-display);
	}

	.wiko-contact-copy-block,
	.wiko-about-copy-section {
		padding: var(--wk-space-4xl) 0;
	}

	.wiko-about-copy-timeline::before {
		left: var(--wk-space-sm);
	}

	.wiko-about-copy-timeline div {
		grid-template-columns: 1fr;
		gap: var(--wk-space-xs);
		padding-left: var(--wk-space-3xl);
	}

	.wiko-about-copy-timeline div::before {
		left: 0;
	}
}

/* Minimal Google-like NPI homepage. */
.npi-min-home {
	min-height: calc(100vh - 160px);
	background: var(--wk-surface);
	color: var(--wk-ink);
}

.npi-min-home__stage {
	display: grid;
	min-height: calc(100vh - 170px);
	place-items: center;
	padding: var(--wk-space-3) var(--wk-space-lg) var(--wk-space-4);
}

.npi-min-home__inner {
	width: min(100%, 720px);
	margin: 0 auto;
	text-align: center;
}

.npi-min-home__eyebrow {
	margin: 0 0 var(--wk-space-lg);
	color: var(--wk-text-secondary);
	font-size: var(--wk-text-md);
	letter-spacing: 0;
}

.npi-min-home h1 {
	margin: 0;
	color: var(--wk-ink);
	font-size: var(--wk-text-h1);
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: 0;
}

.npi-min-home__subtitle {
	margin: var(--wk-space-lg) 0 var(--wk-space-3xl);
	color: var(--wk-text-secondary);
	font-size: var(--wk-text-lg);
	line-height: var(--wk-leading);
}

.npi-min-home__form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: var(--wk-space-sm);
	align-items: center;
	width: min(100%, 620px);
	margin: 0 auto;
	border: 1px solid var(--wk-border-soft);
	border-radius: var(--wk-radius-pill);
	padding: var(--wk-space-sm) var(--wk-space-sm) var(--wk-space-sm) var(--wk-space-2xl);
	background: var(--wk-surface);
	box-shadow: 0 1px 6px var(--wk-overlay);
}

.npi-min-home__form:focus-within {
	box-shadow: 0 2px 10px var(--wk-overlay-md);
}

.npi-min-home__form input {
	min-width: 0;
	min-height: 42px;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--wk-ink);
	font: inherit;
}

.npi-min-home__meeting-form button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	border: 1px solid var(--wk-gray-bg);
	border-radius: var(--wk-radius-4);
	padding: 0 var(--wk-space-lg);
	background: var(--wk-gray-bg);
	color: var(--wk-ink);
	font: inherit;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
}

.npi-min-home__form button {
	border-radius: var(--wk-radius-pill);
	background: var(--wk-fill-ink);
	color: var(--wk-white);
}

.npi-min-home__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--wk-space-md);
	margin-top: var(--wk-space-2xl);
}

.npi-min-home__meeting-form button:hover {
	border-color: var(--wk-border-soft);
	box-shadow: 0 1px 1px var(--wk-overlay);
}

.npi-min-home__links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--wk-space-1);
	margin-top: var(--wk-space-3xl);
}

.npi-min-home__links a {
	color: var(--wk-blue-ink);
	font-size: var(--wk-text-md);
	text-decoration: none;
}

.npi-min-home__links a:hover {
	text-decoration: underline;
}

.npi-min-home__notice {
	width: min(100%, 620px);
	margin: 0 auto var(--wk-space-lg);
	border: 1px solid var(--wk-border-soft);
	border-radius: var(--wk-radius-8);
	padding: var(--wk-space-md) var(--wk-space-lg);
	background: var(--wk-gray-bg);
	color: var(--wk-ink);
	font-size: var(--wk-text-md);
	line-height: var(--wk-leading);
}

.npi-min-home__notice--success {
	border-color: var(--wk-success-light);
	background: var(--wk-success-light);
	color: var(--wk-success-text);
}

.npi-min-home__notice--error {
	border-color: var(--wk-danger-light);
	background: var(--wk-danger-light);
	color: var(--wk-danger-text);
}

.npi-min-home__feedback {
	grid-column: 1 / -1;
	margin: 0;
	min-height: 18px;
	color: var(--wk-danger-text);
	font-size: var(--wk-text-sm);
	text-align: left;
}

.npi-min-home__modal[hidden] {
	display: none;
}

.npi-min-home__modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: grid;
	place-items: center;
	padding: var(--wk-space-1);
	background: var(--wk-overlay-strong);
}

.npi-min-home__panel {
	position: relative;
	width: min(100%, 520px);
	border-radius: var(--wk-radius-8);
	padding: var(--wk-space-3xl);
	background: var(--wk-surface);
	box-shadow: 0 12px 36px var(--wk-overlay-lg);
	text-align: left;
}

.npi-min-home__panel h2 {
	margin: 0 0 var(--wk-space-sm);
	color: var(--wk-ink);
	font-size: var(--wk-text-h2);
	letter-spacing: 0;
}

.npi-min-home__panel p {
	margin: 0;
	color: var(--wk-text-secondary);
	line-height: var(--wk-leading);
}

.npi-min-home__close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: var(--wk-radius-circle);
	background: transparent;
	color: var(--wk-text-secondary);
	font-size: var(--wk-text-h2);
	line-height: 1;
	cursor: pointer;
}

.npi-min-home__close:hover {
	background: var(--wk-gray-bg);
}

.npi-min-home__meeting-form {
	display: grid;
	gap: var(--wk-space-lg);
	margin-top: var(--wk-space-2xl);
}

.npi-min-home__meeting-form label {
	display: grid;
	gap: var(--wk-space-sm);
	color: var(--wk-ink);
	font-weight: 500;
}

.npi-min-home__meeting-form textarea {
	width: 100%;
	border: 1px solid var(--wk-border-soft);
	border-radius: var(--wk-radius-4);
	padding: var(--wk-space-md) var(--wk-space-md);
	background: var(--wk-surface);
	color: var(--wk-ink);
	font: inherit;
}

@media (max-width: 640px) {
	.npi-min-home__stage {
		align-items: start;
		padding-top: var(--wk-space-4);
	}

	.npi-min-home__form {
		grid-template-columns: 1fr;
		border-radius: var(--wk-radius);
		padding: var(--wk-space-md);
	}

	.npi-min-home__form button {
		width: 100%;
	}

	.npi-min-home__actions {
		display: grid;
	}
}

/* Three-box NPI homepage. */
.npi-tri-home {
	min-height: calc(100vh - 160px);
	background: var(--wk-surface);
	color: var(--wk-ink);
}

.npi-tri-home__stage {
	display: grid;
	min-height: calc(100vh - 170px);
	place-items: center;
	padding: var(--wk-space-3) var(--wk-space-lg) var(--wk-space-4);
}

.npi-tri-home__inner {
	width: min(100%, 980px);
	margin: 0 auto;
	text-align: center;
}

.npi-tri-home h1 {
	margin: 0 0 var(--wk-space-2);
	color: var(--wk-ink);
	font-size: var(--wk-text-h1);
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: 0;
}

.npi-tri-home__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wk-space-1);
}

.npi-tri-home__box {
	display: grid;
	place-items: center;
	min-height: 190px;
	border: 1px solid var(--wk-border-soft);
	border-radius: var(--wk-radius-8);
	padding: var(--wk-space-2xl);
	background: var(--wk-surface);
	color: var(--wk-ink);
	text-decoration: none;
	box-shadow: 0 1px 3px var(--wk-overlay);
	transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

.npi-tri-home__box:focus-within {
	border-color: var(--wk-border-soft);
	box-shadow: 0 6px 18px var(--wk-overlay-md);
	transform: translateY(-1px);
}

.npi-tri-home__box > span {
	font-size: var(--wk-text-xl);
	font-weight: 500;
	letter-spacing: 0;
}

.npi-tri-home__box--form {
	gap: var(--wk-space-md);
}

.npi-tri-home__box--form input {
	width: 100%;
	min-height: 42px;
	border: 1px solid var(--wk-border-soft);
	border-radius: var(--wk-radius-pill);
	padding: 0 var(--wk-space-lg);
	background: var(--wk-surface);
	color: var(--wk-ink);
	font: inherit;
	text-align: center;
}

.npi-tri-home__meeting-form button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	border: 1px solid var(--wk-ink);
	border-radius: var(--wk-radius-pill);
	padding: 0 var(--wk-space-1);
	background: var(--wk-fill-ink);
	color: var(--wk-white);
	font: inherit;
	cursor: pointer;
}

.npi-tri-home__feedback {
	min-height: 18px;
	margin: 0;
	color: var(--wk-danger-text);
	font-size: var(--wk-text-sm);
}

.npi-tri-home__notice {
	width: min(100%, 480px);
	margin: calc(var(--wk-space-2xl) * -1) auto var(--wk-space-2xl);
	border: 1px solid var(--wk-success-light);
	border-radius: var(--wk-radius-8);
	padding: var(--wk-space-md) var(--wk-space-md);
	background: var(--wk-success-light);
	color: var(--wk-success-text);
	font-size: var(--wk-text-md);
}

.npi-tri-home__notice--error {
	border-color: var(--wk-danger-light);
	background: var(--wk-danger-light);
	color: var(--wk-danger-text);
}

.npi-tri-home__modal[hidden] {
	display: none;
}

.npi-tri-home__modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: grid;
	place-items: center;
	padding: var(--wk-space-1);
	background: var(--wk-overlay-strong);
}

.npi-tri-home__panel {
	position: relative;
	width: min(100%, 520px);
	border-radius: var(--wk-radius-8);
	padding: var(--wk-space-3xl);
	background: var(--wk-surface);
	box-shadow: 0 12px 36px var(--wk-overlay-lg);
	text-align: left;
}

.npi-tri-home__panel h2 {
	margin: 0 0 var(--wk-space-1);
	color: var(--wk-ink);
	font-size: var(--wk-text-h2);
	font-weight: 500;
	letter-spacing: 0;
}

.npi-tri-home__close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: var(--wk-radius-circle);
	background: transparent;
	color: var(--wk-text-secondary);
	font-size: var(--wk-text-h2);
	line-height: 1;
	cursor: pointer;
}

.npi-tri-home__close:hover {
	background: var(--wk-gray-bg);
}

.npi-tri-home__meeting-form {
	display: grid;
	gap: var(--wk-space-lg);
}

.npi-tri-home__meeting-form label {
	display: grid;
	gap: var(--wk-space-sm);
	color: var(--wk-ink);
	font-weight: 500;
}

.npi-tri-home__meeting-form textarea {
	width: 100%;
	border: 1px solid var(--wk-border-soft);
	border-radius: var(--wk-radius-4);
	padding: var(--wk-space-md) var(--wk-space-md);
	background: var(--wk-surface);
	color: var(--wk-ink);
	font: inherit;
}

@media (max-width: 780px) {
	.npi-tri-home__stage {
		align-items: start;
		padding-top: var(--wk-space-3);
	}

	.npi-tri-home h1 {
		margin-bottom: var(--wk-space-3xl);
	}

	.npi-tri-home__grid {
		grid-template-columns: 1fr;
	}

	.npi-tri-home__box {
		min-height: 130px;
	}
}


/* Align homepage colors with the site-wide orange palette. */
.npi-tri-home {
	--npi-tri-primary: var(--wk-navy-panel-2);
	--npi-tri-accent: var(--wk-brand-bright);
	--npi-tri-accent-hover: var(--wk-brand);
}

.npi-tri-home__panel h2 {
	color: var(--npi-tri-accent);
}

.npi-tri-home__box {
	border-color: var(--wk-border-soft);
}

.npi-tri-home__box:focus-within {
	border-color: var(--npi-tri-accent);
	box-shadow: 0 8px 22px var(--wk-brand-tint-sm);
}

.npi-tri-home__meeting-form button {
	border-color: var(--npi-tri-accent);
	background: var(--npi-tri-accent);
	color: var(--wk-white);
}

.npi-tri-home__meeting-form button:hover {
	border-color: var(--npi-tri-accent-hover);
	background: var(--npi-tri-accent-hover);
}

.npi-tri-home__meeting-form textarea:focus {
	border-color: var(--npi-tri-accent);
	outline: none;
	box-shadow: 0 0 0 3px var(--wk-brand-tint-sm);
}

body.home.blog .wiko-footer {
	position: relative !important;
	z-index: 20 !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	border-top: 1px solid var(--wiko-border) !important;
	background: var(--wiko-sidebar-bg) !important;
	flex-shrink: 0 !important;
}

body.home.blog .wiko-footer__inner {
	display: grid !important;
	grid-template-columns: auto auto 1fr !important;
	align-items: center !important;
	justify-items: start !important;
	gap: var(--wk-space-lg) !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 50px !important;
	margin: 0 !important;
	padding: var(--wk-space-sm) var(--wk-space-2xl) !important;
	text-align: left !important;
}

body.home .wiko-footer__brand {
	display: flex !important;
	align-items: center !important;
	justify-self: start !important;
	grid-column: auto !important;
}

body.home .wiko-footer__social {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	justify-self: start !important;
	gap: var(--wk-space-sm) !important;
	margin-left: 0 !important;
	grid-column: auto !important;
}

body.home .wiko-footer__copyright {
	justify-self: end !important;
	margin: 0 !important;
	text-align: right !important;
}

body.home.blog .wiko-footer__inner {
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	padding-top: var(--wk-space-sm) !important;
	padding-bottom: var(--wk-space-sm) !important;
	overflow: hidden !important;
}

body.home.blog .wiko-footer__inner {
	display: grid !important;
	grid-template-columns: auto minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 0 var(--wk-space-1) !important;
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	padding: 0 var(--wk-space-2xl) !important;
	overflow: hidden !important;
	text-align: left !important;
}

body.home .wiko-footer__links {
	display: flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 0 var(--wk-space-md) !important;
	justify-self: center !important;
	justify-content: center !important;
	min-width: 0 !important;
	overflow: hidden !important;
}

body.home .wiko-footer__kb-link {
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
	color: var(--wiko-text-muted) !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	font-size: var(--wk-text-sm) !important;
}

body .wiko-footer__kb-link:focus-visible {
	color: var(--wiko-text) !important;
	background: transparent !important;
}

body .wiko-footer__links .wiko-footer__kb-link + .wiko-footer__kb-link::before {
	content: "·";
	margin-right: var(--wk-space-md);
	color: var(--wiko-border, var(--wk-border-soft));
}

body.home .wiko-footer__meta {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 0 var(--wk-space-md) !important;
	flex: 0 1 auto !important;
	min-width: 0 !important;
	border-top: 0 !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
}

body.home .wiko-footer__meta .wiko-footer__copyright {
	justify-self: auto !important;
	margin: 0 !important;
	text-align: left !important;
	max-height: none !important;
	white-space: nowrap !important;
	font-size: var(--wk-text-sm) !important;
	overflow: visible !important;
	text-overflow: clip !important;
}

body.home .wiko-footer__uscc {
	font-size: var(--wk-text-xs) !important;
	color: var(--wiko-text-muted) !important;
	margin: 0 !important;
	text-align: right !important;
	letter-spacing: 0.3px !important;
	white-space: nowrap !important;
	overflow: visible !important;
	text-overflow: clip !important;
}

body.home .wiko-footer__right {
	display: flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 0 var(--wk-space-lg) !important;
	justify-self: end !important;
	white-space: nowrap !important;
	min-width: 0 !important;
}

body.home .wiko-footer__right .wiko-footer__social {
	gap: var(--wk-space-xs) !important;
}

body.home .wiko-footer__brand {
	display: flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 0 var(--wk-space-lg) !important;
}

body .wiko-footer__brand .wiko-footer__social {
	margin-left: 0 !important;
}


/* USCC inline text in links row — plain text, not a link */
body .wiko-footer__links .wiko-footer__uscc-inline {
	cursor: default !important;
	text-decoration: none !important;
	letter-spacing: 0.3px !important;
}

body .wiko-footer__links .wiko-footer__uscc-inline:focus-visible {
	color: var(--wiko-text-muted) !important;
	background: transparent !important;
}

.wiko-reference-scope {
  font-family: var(--wk-font-sans);
  background: var(--bg);
  color: var(--text);
  line-height: var(--wk-leading);
  -webkit-font-smoothing: antialiased;
  min-height: 0;
}

.wiko-reference-scope a { color: var(--accent-text); text-decoration: none; }

.wiko-reference-scope a:hover { color: var(--accent-hover); }

.wiko-reference-scope button:disabled { opacity: .65; cursor: wait; }


  /* Hero section styles have been moved to individual page-*.css files for proper decoupling.
     Each page has its own hero design — see page-home.css, page-capabilities.css, etc. */

  .btn {
    display: inline-flex; align-items: center; gap: var(--wk-space-sm);
    padding: var(--wk-space-md) var(--wk-space-2xl); border-radius: var(--radius);
    font-size: var(--wk-text-body); font-weight: 600; cursor: pointer;
    font-family: var(--wk-font-sans); text-decoration: none; border: none; transition: all .2s;
  }

  .trust-bar { margin-top: var(--wk-space-2xl); display: flex; gap: var(--wk-space-1); flex-wrap: wrap; align-items: center; }

  .trust-bar span {
    font-size: var(--wk-text-sm); color: var(--text-mute);
    padding: var(--wk-space-sm) var(--wk-space-md); border: 1px solid var(--border); border-radius: var(--wk-radius-6);
  }

  .trust-bar span::before { content: "✓ "; color: var(--success); font-weight: 700; }

  .form-note {
    margin-top: var(--wk-space-lg); padding: var(--wk-space-md) var(--wk-space-lg);
    background: var(--accent-soft); border-radius: var(--radius);
    font-size: var(--wk-text-sm); color: var(--text-dim); border-left: 3px solid var(--accent);
  }

  .stat {
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--radius-lg); padding: var(--wk-space-2xl); text-align: center;
  }

  .stat .num { font-size: var(--wk-text-h1); font-weight: 800; color: var(--accent-text); }

  .inspector {
    max-width: var(--maxw); margin: 0 auto var(--wk-space-4); padding: 0 var(--wk-space-2xl);
  }

  .inspector-header { text-align: center; margin-bottom: var(--wk-space-2); }

  .inspector-header h2 {
    font-size: var(--wk-text-h2);
    font-weight: 800; letter-spacing: -0.02em; line-height: 1.2;
  }

  .inspector-header h2 .np-dot { font-style: normal; font-weight: 400; padding: 0 0.22em; }

  .inspector-shell {
    display: grid; grid-template-columns: 1fr 1fr; gap: var(--wk-space-4xl); align-items: stretch;
  }

  @media (max-width: 820px) { .inspector-shell { grid-template-columns: 1fr; } }

  .inspector-panel {
    display: flex; flex-direction: column;
    border-top: 1px solid var(--border);
  }

  .inspector-item {
    border-bottom: 1px solid var(--border);
    overflow: hidden;
  }

  .inspector-tab {
    width: 100%; text-align: left;
    background: none; border: none; cursor: pointer;
    padding: var(--wk-space-1) var(--wk-space-xs);
    display: flex; align-items: center; justify-content: space-between;
    font-family: var(--wk-font-sans); font-size: var(--wk-text-h3); font-weight: 600;
    color: var(--text-dim); transition: color .2s;
  }

  .inspector-tab:hover { color: var(--text); }

  .inspector-tab .tab-main { display: flex; flex-direction: column; gap: var(--wk-space-xs); }

  .inspector-tab .tab-sub {
    font-size: var(--wk-text-sm); font-weight: 400; color: var(--text-mute);
  }

  .inspector-item-copy {
    max-height: 0; opacity: 0;
    transition: max-height .4s ease, opacity .25s ease, padding .25s ease;
    padding: 0 var(--wk-space-xs); overflow: hidden;
  }

  .inspector-item-copy p {
    font-size: var(--wk-text-md); color: var(--text-dim); line-height: var(--wk-leading);
  }

  .cap-list { display: flex; flex-wrap: wrap; gap: var(--wk-space-xs) 0; margin-top: var(--wk-space-md); }

  .cap-chip {
    font-size: var(--wk-text-xs); padding: 0; border-radius: var(--wk-radius);
    background: none; color: var(--text-dim);
    border: none; white-space: nowrap;
  }

  .cap-chip:not(:last-child)::after {
    content: "/"; margin: 0 0.5em; color: var(--wk-text-light);
  }

  .inspector-media {
    width: 100%;
    height: 100%;
    min-height: 420px;
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--radius-lg); overflow: hidden;
    display: flex; align-items: center; justify-content: center;
  }

  .inspector-media img {
    width: 100%; height: 100%; object-fit: cover; display: block;
    transition: transform .5s cubic-bezier(.4,0,.2,1), opacity .3s;
    transform-origin: center center;
  }

  @media (max-width: 820px) {
    .inspector-media { min-height: 320px; height: 320px; }
  }

  .inspector-media .caption {
    display: none;
  }

  .toast {
    position: fixed; bottom: 32px; left: 50%; transform: translateX(-50%) translateY(100px);
    background: var(--success); color: var(--wk-white);
    padding: var(--wk-space-lg) var(--wk-space-3xl); border-radius: var(--radius);
    font-weight: 600; font-size: var(--wk-text-body);
    box-shadow: var(--shadow); opacity: 0;
    transition: all .35s ease; z-index: 100;
  }



/* 2026-07-29: light content theme and button visibility fixes. */
body {
  background: var(--wk-gray-bg) !important;
}

.wiko-reference-scope {
  --bg: var(--wk-gray-bg) !important;
  --bg-elev: var(--wk-surface) !important;
  --bg-card: var(--wk-surface) !important;
  --border: var(--wk-border-soft) !important;
  --border-strong: var(--wk-border-mid) !important;
  --text: var(--wk-mark) !important;
  --text-dim: var(--wk-text-secondary) !important;
  --text-mute: var(--wk-text-secondary) !important;
  --accent: var(--wk-brand-bright) !important;
  --accent-text: var(--wk-brand-text) !important;
  --accent-hover: var(--wk-brand-dark) !important;
  --accent-soft: var(--wk-brand-tint-xs) !important;
  --success: var(--wk-cat-emerald) !important;
  --warning: var(--wk-warning) !important;
  --danger: var(--wk-danger) !important;
  --shadow: 0 12px 32px var(--wk-navy-tint) !important;
  background: linear-gradient(180deg, var(--wk-surface) 0%, var(--wk-gray-bg) 100%) !important;
  color: var(--text) !important;
}

.wiko-reference-scope button {
  color: var(--text) !important;
  text-shadow: none !important;
}

.wiko-reference-scope button[type="submit"] {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: var(--wk-white) !important;
}

.wiko-reference-scope button[type="submit"]:hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
  color: var(--wk-white) !important;
}

.wiko-reference-scope .inspector-tab {
  min-height: 58px !important;
  color: var(--wk-ink) !important;
  background: transparent !important;
  border: 0 !important;
  visibility: visible !important;
}



/* 2026-07-29 start-npi-js-effect-fix */
body .toast {
  background: var(--wk-cat-emerald) !important;
  color: var(--wk-white) !important;
  border: 1px solid var(--wk-white-tint-20) !important;
  z-index: 9999 !important;
}

body .toast.is-error { background: var(--wk-danger) !important; }

/* 只有这 4 个属性生效：上面浅色 .wiko-reference-scope 块用 !important
   重新声明了其余同名属性，覆盖掉这里的普通声明。 */
.wiko-reference-scope {
    --radius: var(--wk-radius-10);
    --radius-lg: var(--wk-radius-14);
    --maxw: 1180px;
  }

  .phase-bar {
    max-width: var(--maxw); margin: 0 auto var(--wk-space-3);
    padding: 0 var(--wk-space-2xl);
    display: flex; gap: var(--wk-space-sm); flex-wrap: wrap; justify-content: center;
  }

  .phase-bar a {
    padding: var(--wk-space-sm) var(--wk-space-1); border: 1px solid var(--border);
    border-radius: var(--wk-radius-20); font-size: var(--wk-text-md); color: var(--text-dim);
    transition: all .2s;
  }

  .phase-bar a:hover { border-color: var(--accent); color: var(--accent-text); background: var(--accent-soft); }

  .phase {
    max-width: var(--maxw); margin: 0 auto var(--wk-space-4xl);
    padding: 0 var(--wk-space-2xl);
  }

  .phase-head {
    display: flex; align-items: center; gap: var(--wk-space-lg);
    margin-bottom: var(--wk-space-2xl); padding-bottom: var(--wk-space-lg);
    border-bottom: 1px solid var(--border);
  }

  .phase-num {
    width: 48px; height: 48px; border-radius: var(--wk-radius-circle);
    background: var(--accent); color: var(--wk-white);
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: var(--wk-text-h2); flex-shrink: 0;
  }

  .phase-head h2 { font-size: var(--wk-text-xl); }

  .phase-head .anchor { color: var(--text-mute); font-size: var(--wk-text-md); margin-left: auto; }


  /* 两栏：左交付物 / 右说明 */
  .phase-body {
    display: grid; grid-template-columns: 1fr 1fr; gap: var(--wk-space-2xl);
  }

  @media (max-width: 760px) { .phase-body { grid-template-columns: 1fr; } }

  .deliverable-list {
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--radius-lg); padding: var(--wk-space-2xl);
  }

  .deliverable-list h3 { font-size: var(--wk-text-h3); margin-bottom: var(--wk-space-lg); color: var(--accent-text); }

  .deliverable-list ul { list-style: none; }

  .deliverable-list ul li {
    padding: var(--wk-space-sm) 0; font-size: var(--wk-text-md); color: var(--text-dim);
    border-bottom: 1px solid var(--border);
    display: flex; align-items: flex-start; gap: var(--wk-space-sm);
  }

  .deliverable-list ul li:last-child { border: none; }

  .deliverable-list ul li::before { content: "✓"; color: var(--success); font-weight: 700; flex-shrink: 0; }

  .phase-info {
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--radius-lg); padding: var(--wk-space-2xl);
  }

  .phase-info h3 { font-size: var(--wk-text-h3); margin-bottom: var(--wk-space-md); }

  .phase-info p { font-size: var(--wk-text-md); color: var(--text-dim); margin-bottom: var(--wk-space-md); }


  /* 典型周期 + 适用场景 */
  .phase-meta {
    margin-top: var(--wk-space-lg); padding-top: var(--wk-space-lg);
    border-top: 1px solid var(--border);
    display: grid; grid-template-columns: 1fr 1fr; gap: var(--wk-space-md);
  }

  .phase-meta div { font-size: var(--wk-text-md); }

  .phase-meta div strong { color: var(--text); display: block; margin-bottom: var(--wk-space-xs); font-size: var(--wk-text-xs); color: var(--text-mute); font-weight: 500; }

.pipeline-inner {
  background: var(--bg-card); border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: var(--wk-space-3xl) var(--wk-space-2); box-shadow: var(--shadow);
  display: flex; align-items: center; justify-content: space-between; gap: 0;
}

.pipeline-step { text-align: center; flex: 1; }

.pipeline-step .pstep-icon { font-size: var(--wk-text-xl); margin-bottom: var(--wk-space-sm); }

.pipeline-step .pstep-label { font-size: var(--wk-text-md); font-weight: 600; color: var(--text); }

.pipeline-step .pstep-num { font-size: var(--wk-text-xs); color: var(--accent-text); font-weight: 600; margin-top: var(--wk-space-xs); }

.pipeline-step .pstep-gate { font-size: var(--wk-text-caption); color: var(--text-mute); margin-top: var(--wk-space-xs); }

.pipeline-arrow { color: var(--border-strong); font-size: var(--wk-text-h2); flex-shrink: 0; padding: 0 var(--wk-space-xs); }

.domains { max-width: var(--maxw); margin: 0 auto var(--wk-space-3); padding: 0 var(--wk-space-2xl); }

.domains-label { font-size: var(--wk-text-sm); color: var(--text-mute); margin-bottom: var(--wk-space-md); font-weight: 500; }

.domains-chips { display: flex; gap: var(--wk-space-sm); flex-wrap: wrap; }

.domain-chip { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--wk-radius-20); padding: var(--wk-space-sm) var(--wk-space-lg); font-size: var(--wk-text-md); color: var(--text-dim); font-weight: 500; }

.dtype { display: inline-block; font-size: var(--wk-text-caption); font-weight: 600; padding: var(--wk-space-xs) var(--wk-space-sm); border-radius: var(--wk-radius-4); flex-shrink: 0; line-height: var(--wk-leading); }

.dtype-obj  { color: var(--wk-cat-emerald-ink); background: var(--wk-cat-emerald-tint); border: 1px solid var(--wk-cat-emerald-tint-4); }

.dtype-data { color: var(--accent-text);  background: var(--accent-soft);    border: 1px solid var(--wk-cat-sky-tint-4); }

.dtype-doc  { color: var(--text-mute); background: var(--bg-elev);     border: 1px solid var(--border); }

@media (max-width: 760px) {
  .pipeline-inner { flex-wrap: wrap; gap: var(--wk-space-md); padding: var(--wk-space-1); }
  .pipeline-arrow { display: none; }
  .phase-head .result { margin-left: 0; text-align: left; max-width: 100%; }
  .gate-head .result { margin-left: 0; text-align: left; max-width: 100%; }
  .gate-head { flex-wrap: wrap; }
  .cta-inner { flex-direction: column; text-align: center; }
}

/* ============================================
   PATCH: Missing UI classes incorrectly removed
   during style.css → global.css extraction (2026-09-02)
   ============================================ */

.rd-page {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  background: var(--wk-gray-bg);
}

.btn-primary {
  background: var(--wk-brand-bright) !important;
  color: var(--wk-white) !important;
  border: 1px solid var(--wk-brand-bright);
}
.btn-primary:hover {
  background: var(--wk-brand) !important;
  border-color: var(--wk-brand);
}
.btn-ghost {
  background: transparent !important;
  color: var(--wk-brand-bright) !important;
  border: 1.5px solid var(--wk-brand-bright);
}
.btn-ghost:hover {
  background: var(--wk-brand-tint-xs) !important;
}

.btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wk-space-md);
}

.cta-strip {
  padding: var(--wk-space-2) var(--wk-space-2xl);
  background: linear-gradient(135deg, var(--wk-fill-ink) 0%, var(--wk-fill-ink) 100%) !important;
  color: var(--wk-on-dark) !important;
}

.cta-strip .cta-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--wk-space-1);
}

.cta-strip h2 {
  margin: 0 0 var(--wk-space-xs);
  font-size: var(--wk-text-h2);
  font-weight: 700;
  color: var(--wk-on-dark);
}

.cta-strip p {
  margin: 0;
  color: var(--wk-white-tint-75);
}

.hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wk-space-md);
  margin-top: var(--wk-space-1);
}

.accent {
  color: var(--wk-brand-bright);
}

.stats {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wk-space-2xl);
  justify-content: center;
  padding: var(--wk-space-3xl) var(--wk-space-2xl);
  background: var(--wk-surface);
  border-top: 1px solid var(--wk-border-soft);
  border-bottom: 1px solid var(--wk-border-soft);
}

.stat .label {
  font-size: var(--wk-text-xs);
  color: var(--wk-text-secondary);
  margin-top: var(--wk-space-xs);
}

.inspector-tab.is-active {
  background: var(--wk-brand-bright) !important;
  color: var(--wk-white) !important;
  border-radius: var(--wk-radius-8);
}

.inspector-tab.is-active .tab-sub { color: var(--wk-white) !important; }

.inspector-item.is-active .inspector-item-copy {
  max-height: 600px;
  opacity: 1;
  padding: var(--wk-space-lg) var(--wk-space-xs);
}

.arrow {
  font-size: var(--wk-text-h2);
  opacity: 0.6;
}

.completed {
  color: var(--wk-success-text);
}

.rd-button {
  display: inline-flex;
  align-items: center;
  gap: var(--wk-space-sm);
  padding: var(--wk-space-md) var(--wk-space-2xl);
  border-radius: var(--wk-radius-8);
  font-size: var(--wk-text-md);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
}

.rd-button--primary {
  background: var(--wk-brand-bright);
  color: var(--wk-white) !important;
}

.rd-button--primary:hover {
  background: var(--wk-brand);
}

.rd-button--ghost {
  background: transparent;
  color: var(--wk-brand-bright) !important;
  border: 1.5px solid var(--wk-brand-bright);
}

.rd-button--ghost:hover {
  background: var(--wk-brand-tint-xs);
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: calc(var(--wk-space-xs) * -1);
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.wiko-docs-toggle {
  display: flex;
  align-items: center;
  gap: var(--wk-space-sm);
  padding: var(--wk-space-sm) var(--wk-space-md);
  border-radius: var(--wk-radius-6);
  font-size: var(--wk-text-sm);
  cursor: pointer;
  background: var(--wk-gray-bg);
  border: 1px solid var(--wk-border-soft);
  transition: all 0.18s;
}

.wiko-docs-toggle:hover {
  background: var(--wk-border-soft);
}

.wiko-docs-toolbar {
  display: flex;
  align-items: center;
  gap: var(--wk-space-sm);
  padding: var(--wk-space-md) 0;
  border-bottom: 1px solid var(--wk-border-soft);
  margin-bottom: var(--wk-space-lg);
}

.wiki-graph-panel--filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wk-space-sm);
  padding: var(--wk-space-md) 0;
  border-bottom: 1px solid var(--wk-overlay-soft);
}

.wiki-graph-panel--filters input {
  padding: var(--wk-space-sm) var(--wk-space-md);
  border-radius: var(--wk-radius-6);
  border: 1px solid var(--wk-border-soft);
  background: var(--wk-surface);
  font-size: var(--wk-text-sm);
}

/* ====== 阶段 6：内容页暗色模式重映射（2026-09-04） ======
   data-theme 由 header.php 内联脚本写入 <html>（localStorage / prefers-color-scheme）。
   只重映射拆成单一职责的 token；--wk-white/--wk-navy/--wk-brand 原值不动，
   保证「深橙主色」「白字」「深色 QR 模块」在暗色下语义不变。 */
[data-theme="dark"] {
	--wk-surface: var(--wk-navy-panel);
	--wk-gray-bg: var(--wk-navy-deep);
	--wk-mark: var(--wk-navy-text);
	--wk-ink: var(--wk-navy-text);
	--wk-text-secondary: var(--wk-navy-muted);
	--wk-text-light: var(--wk-navy-muted);
	--wk-border-soft: var(--wk-navy-border);
	--wk-border-mid: var(--wk-navy-border);
	--wk-fill-ink: var(--wk-navy-panel-2);
	--wk-fill-deep: var(--wk-navy-panel-2);
	--wk-chart-grid: var(--wk-navy-border);
	--wk-chart-limit: var(--wk-chart-limit-dark);
	--wk-brand-text: var(--wk-brand-soft);
	--wk-brand-dark: var(--wk-brand-soft);
	--wk-brand-light: var(--wk-brand-tint-sm);
	--wk-orange-200: var(--wk-brand-bright);
	--wk-blue-ink: var(--wk-blue-bright);
	--wk-green-ink: var(--wk-green-bright);
	--wk-cat-indigo-ink: #818cf8;
	--wk-cat-emerald-ink: #34d399;
	--wk-success-ink: var(--wk-success-on-dark);
	--wk-warning-ink: var(--wk-warning-on-dark);
	--wk-danger-ink: var(--wk-danger-on-dark);
	--wk-success-text: var(--wk-success-on-dark);
	--wk-warning-text: var(--wk-warning-on-dark);
	--wk-danger-text: var(--wk-danger-on-dark);
	--wk-success-light: var(--wk-success-tint);
	--wk-warning-light: var(--wk-warning-tint);
	--wk-danger-light: var(--wk-danger-tint);
	--wk-phase-2: var(--wk-brand-soft);
	--wk-phase-3: var(--wk-brand-soft);
	--wk-phase-1-tint: var(--wk-brand-tint-xs);
	--wk-phase-2-tint: var(--wk-brand-tint-sm);
	--wk-phase-3-tint: var(--wk-brand-tint-md);
	--wk-phase-1-text: var(--wk-brand-soft);
	--wk-phase-2-text: var(--wk-brand-soft);
	--wk-phase-3-text: var(--wk-brand-soft);
	--wk-navy-tint: var(--wk-white-tint-10);
	--wk-navy-tint-xs: var(--wk-white-tint-10);
}

/* 联系页上班状态「已下班」：off 态文字沿用了边框 token，暗色下会与面板同色，改回亮色墨 */
[data-theme="dark"] .c6-page .status.off { --st-ink: var(--wk-white-tint-55); }

/* 追溯页：箭头与空态提示同样误用边框 token 作文字色，暗色下提亮 */
[data-theme="dark"] .traceability-redesign .phase-nav-arrow,
[data-theme="dark"] .traceability-redesign .dash-empty-hint { color: var(--wk-navy-muted); }

/* 看板页：对比表第二列表头用次要文字色做底、危险/成功徽标用原始色值，暗色下改走暗色专用值 */
[data-theme="dark"] .npi-dashboard-redesign .compare-table th:nth-child(2) { background: var(--wk-navy-panel-2); }
[data-theme="dark"] .npi-dashboard-redesign .compare-table .icon-bad { color: var(--wk-danger-on-dark); }
[data-theme="dark"] .npi-dashboard-redesign .compare-table .icon-good { color: var(--wk-success-on-dark); }
[data-theme="dark"] .npi-dashboard-redesign .log-badge.alert { color: var(--wk-danger-on-dark); }
[data-theme="dark"] .npi-dashboard-redesign .log-badge.normal,
[data-theme="dark"] .npi-dashboard-redesign .log-badge.approved { color: var(--wk-success-on-dark); }

/* wiki 不参与阶段 6：wiki 文件一律不动。主题自带 --wiko-* 暗色体系与阶段 6 的
   navy 重映射同源同值，wiki 页在暗色下自然呈现其既有暗色主题，无需任何额外规则。 */