/*
Theme Name: justblog
Theme URI: https://example.com/justblog
Author: JustBlog Team
Description: Standalone WordPress theme for justblog.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: justblog
*/

:root {
	--jb-container: 1120px;
	--jb-border: #e5e7eb;
	--jb-text: #111827;
	--jb-muted: #6b7280;
	--jb-bg: #ffffff;
	--jb-surface: #f9fafb;
	--jb-accent: #1769e0;
}

* { box-sizing: border-box; }
body {
	margin: 0;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--jb-text);
	background: var(--jb-bg);
}
a { color: var(--jb-accent); text-decoration: none; }
.jb-container { width: min(var(--jb-container), calc(100% - 32px)); margin: 0 auto; }
.jb-site-header, .jb-site-footer { border-bottom: 1px solid var(--jb-border); }
.jb-footer-inner, .jb-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 0; }
.jb-brand-link { display: inline-flex; gap: 10px; align-items: center; font-weight: 700; color: inherit; }
.jb-brand-mark { width: 32px; height: 32px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: var(--jb-accent); color: #fff; }
.jb-content-area { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 32px; padding: 32px 0; }
.jb-entry { padding: 24px 0; border-bottom: 1px solid var(--jb-border); }
.jb-entry-title { margin: 0 0 12px; font-size: 1.5rem; }
.jb-entry-summary, .jb-entry-content { color: var(--jb-muted); line-height: 1.8; }
.jb-primary-nav .jb-menu { display: flex; gap: 16px; list-style: none; margin: 0; padding: 0; }
.jb-primary-nav .menu-item { margin: 0; }
.jb-primary-nav a { color: inherit; }
@media (max-width: 900px) {
	.jb-content-area { grid-template-columns: 1fr; }
}