﻿/*
Theme Name: LlmWikis Knowledge Theme
Theme URI: http://llmwikis.org/
Author: LlmWikis maintainers
Description: A focused block theme for the first LlmWikis.org launch surface.
Version: 0.1.0
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: llmwikis-knowledge-theme
*/

:root {
	--llmwikis-ink: #141518;
	--llmwikis-muted: #5b6470;
	--llmwikis-paper: #fbfbf7;
	--llmwikis-panel: #ffffff;
	--llmwikis-line: #d9ded8;
	--llmwikis-teal: #0f766e;
	--llmwikis-blue: #1d4ed8;
	--llmwikis-rust: #b45309;
	--llmwikis-red: #b91c1c;
	--llmwikis-gold: #f4c542;
	--llmwikis-radius: 6px;
}

body {
	background: var(--llmwikis-paper);
	color: var(--llmwikis-ink);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 17px;
	line-height: 1.6;
	letter-spacing: 0;
}

a {
	color: var(--llmwikis-blue);
	text-underline-offset: 0.18em;
}

.llmwikis-site-header {
	background: rgba(251, 251, 247, 0.94);
	border-bottom: 1px solid var(--llmwikis-line);
	position: sticky;
	top: 0;
	z-index: 10;
}

.llmwikis-header-inner,
.llmwikis-footer-inner {
	align-items: center;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1180px;
	padding: 16px 24px;
}

.llmwikis-brand {
	color: var(--llmwikis-ink);
	font-size: 1rem;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
}

.llmwikis-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: flex-end;
}

.llmwikis-nav a {
	color: var(--llmwikis-ink);
	font-size: 0.92rem;
	font-weight: 650;
	text-decoration: none;
}

.llmwikis-nav a:hover,
.llmwikis-brand:hover {
	color: var(--llmwikis-teal);
}

.llmwikis-hero {
	background-image:
		linear-gradient(90deg, rgba(8, 13, 17, 0.88), rgba(8, 13, 17, 0.58) 48%, rgba(8, 13, 17, 0.22)),
		url("assets/images/llmwikis-knowledge-map.png");
	background-position: center;
	background-size: cover;
	color: #ffffff;
	display: flex;
	min-height: clamp(520px, 78vh, 780px);
}

.llmwikis-hero-content {
	margin: auto;
	max-width: 1180px;
	padding: 72px 24px;
	width: 100%;
}

.llmwikis-eyebrow,
.llmwikis-kicker {
	color: var(--llmwikis-gold);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.llmwikis-hero h1 {
	font-size: clamp(3rem, 8vw, 6.5rem);
	letter-spacing: 0;
	line-height: 0.96;
	margin: 12px 0 20px;
	max-width: 780px;
}

.llmwikis-hero p {
	font-size: clamp(1.12rem, 2vw, 1.45rem);
	line-height: 1.5;
	margin: 0 0 28px;
	max-width: 760px;
}

.llmwikis-actions,
.llmwikis-button-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.llmwikis-button {
	align-items: center;
	background: var(--llmwikis-gold);
	border: 1px solid var(--llmwikis-gold);
	border-radius: var(--llmwikis-radius);
	color: #191919;
	display: inline-flex;
	font-weight: 800;
	justify-content: center;
	min-height: 44px;
	padding: 10px 16px;
	text-decoration: none;
}

.llmwikis-button.secondary {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.72);
	color: #ffffff;
}

.llmwikis-band {
	padding: 72px 24px;
}

.llmwikis-band.compact {
	padding-bottom: 48px;
	padding-top: 48px;
}

.llmwikis-inner {
	margin: 0 auto;
	max-width: 1180px;
}

.llmwikis-narrow {
	margin: 0 auto;
	max-width: 820px;
}

.llmwikis-section-title {
	font-size: clamp(2rem, 4vw, 3.3rem);
	letter-spacing: 0;
	line-height: 1.08;
	margin: 0 0 18px;
}

.llmwikis-lede {
	color: var(--llmwikis-muted);
	font-size: 1.16rem;
	max-width: 830px;
}

.llmwikis-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 32px;
}

.llmwikis-grid.two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.llmwikis-card,
.llmwikis-notice,
.llmwikis-fact {
	background: var(--llmwikis-panel);
	border: 1px solid var(--llmwikis-line);
	border-radius: var(--llmwikis-radius);
	padding: 22px;
}

.llmwikis-card h2,
.llmwikis-card h3,
.llmwikis-notice h2,
.llmwikis-notice h3 {
	font-size: 1.18rem;
	line-height: 1.22;
	margin: 0 0 10px;
}

.llmwikis-card p,
.llmwikis-notice p,
.llmwikis-fact p {
	color: var(--llmwikis-muted);
	margin: 0;
}

.llmwikis-card a {
	font-weight: 750;
}

.llmwikis-notice {
	border-left: 5px solid var(--llmwikis-teal);
}

.llmwikis-warning {
	border-left-color: var(--llmwikis-rust);
}

.llmwikis-route-list,
.llmwikis-checklist {
	list-style: none;
	margin: 24px 0 0;
	padding: 0;
}

.llmwikis-route-list li,
.llmwikis-checklist li {
	border-bottom: 1px solid var(--llmwikis-line);
	padding: 12px 0;
}

.llmwikis-route-list code,
.llmwikis-checklist strong,
.llmwikis-table strong {
	color: var(--llmwikis-ink);
}

.llmwikis-table {
	border-collapse: collapse;
	margin-top: 26px;
	width: 100%;
}

.llmwikis-table th,
.llmwikis-table td {
	border: 1px solid var(--llmwikis-line);
	padding: 14px;
	text-align: left;
	vertical-align: top;
}

.llmwikis-table th {
	background: #eef5f3;
	font-size: 0.88rem;
	text-transform: uppercase;
}

.llmwikis-split {
	display: grid;
	gap: 32px;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
}

.llmwikis-page-header {
	background: #eef5f3;
	border-bottom: 1px solid var(--llmwikis-line);
	padding: 58px 24px;
}

.llmwikis-site-footer {
	background: var(--llmwikis-ink);
	color: #ffffff;
}

.llmwikis-site-footer a {
	color: #ffffff;
}

.llmwikis-footer-note {
	color: #d7dad7;
	font-size: 0.92rem;
	margin: 0;
	max-width: 760px;
}

.wp-site-blocks {
	min-height: 100vh;
}

.entry-content > * {
	margin-block-start: 0;
}

@media (max-width: 860px) {
	.llmwikis-header-inner,
	.llmwikis-footer-inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.llmwikis-nav {
		justify-content: flex-start;
	}

	.llmwikis-grid,
	.llmwikis-grid.two,
	.llmwikis-split {
		grid-template-columns: 1fr;
	}

	.llmwikis-hero {
		min-height: 560px;
	}
}

@media (max-width: 520px) {
	.llmwikis-band,
	.llmwikis-page-header {
		padding-left: 18px;
		padding-right: 18px;
	}

	.llmwikis-hero-content {
		padding: 56px 18px;
	}

	.llmwikis-nav {
		gap: 10px;
	}

	.llmwikis-table {
		display: block;
		overflow-x: auto;
	}
}
