/* ══════════════════════════════════════
   Generic Page — Sidebar + Content Layout
   About Us, Contact, Resources, Brands, FAQs, etc.
   ══════════════════════════════════════ */

/* ── Layout grid: sidebar | content ── */
.nco-page-layout{
	display:grid;
	grid-template-columns:280px 1fr;
	gap:28px;
	align-items:start;
	padding:24px 0;
}

/* ── Sidebar (sticky) ── */
.nco-page-sidebar{
	position:sticky;
	top:20px;
}

/* Vertical sidebar appearance → see sidebar-vertical.css (shared) */

/* ══════════════════════════════════════
   Content area
   ══════════════════════════════════════ */

/* ── Content area ── */
.nco-page-content .nco-card{
	padding:28px 32px;
	border-radius:14px;
	background:#fff;
	border:1px solid rgba(0,0,0,.06);
	box-shadow:0 2px 12px rgba(0,0,0,.04);
}

/* Page title */
.nco-page-title{
	margin:0 0 20px;
	font-size:26px;
	font-weight:800;
	color:#111;
	line-height:1.3;
}

/* Page body content */
.nco-page-body{
	font-size:15px;
	line-height:1.75;
	color:#333;
}

.nco-page-body h2,
.nco-page-body h3,
.nco-page-body h4{
	margin:24px 0 10px;
	font-weight:700;
	color:#111;
}

.nco-page-body h2{ font-size:22px; }
.nco-page-body h3{ font-size:18px; }
.nco-page-body h4{ font-size:16px; }

.nco-page-body p{
	margin:0 0 16px;
}

.nco-page-body ul,
.nco-page-body ol{
	padding-left:24px;
	margin:0 0 16px;
}

.nco-page-body li{
	margin-bottom:6px;
}

.nco-page-body a{
	color:#2563eb;
	text-decoration:underline;
	text-underline-offset:2px;
}

.nco-page-body a:hover{
	color:#1d4ed8;
}

.nco-page-body img{
	max-width:100%;
	height:auto;
	border-radius:10px;
	margin:12px 0;
}

.nco-page-body table{
	width:100%;
	border-collapse:collapse;
	margin:16px 0;
	font-size:14px;
}

.nco-page-body table th,
.nco-page-body table td{
	border:1px solid rgba(0,0,0,.1);
	padding:10px 14px;
	text-align:left;
}

.nco-page-body table th{
	background:#f8f9fa;
	font-weight:700;
}

.nco-page-body blockquote{
	border-left:4px solid #2563eb;
	margin:16px 0;
	padding:12px 20px;
	background:#f0f4ff;
	border-radius:0 10px 10px 0;
	color:#1e3a5f;
}

/* ══════════════════════════════════════
   Post listing styles (index.php)
   ══════════════════════════════════════ */
.nco-page-content .nco-post{
	margin:0 0 20px;
	padding-bottom:20px;
	border-bottom:1px solid rgba(0,0,0,.06);
}

.nco-page-content .nco-post:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

.nco-page-content .nco-post-title{
	margin:0 0 6px;
	font-size:20px;
	font-weight:700;
}

.nco-page-content .nco-post-title a{
	color:#111;
	text-decoration:none;
	transition:color .15s ease;
}

.nco-page-content .nco-post-title a:hover{
	color:#0070ba;
}

.nco-page-content .nco-post-meta{
	font-size:12px;
	color:#888;
	margin-bottom:8px;
}

.nco-page-content .nco-post-excerpt{
	font-size:14px;
	color:#555;
	line-height:1.6;
	margin-bottom:8px;
}

/* ══════════════════════════════════════
   Mobile: hide sidebar, full-width content
   ══════════════════════════════════════ */
@media (max-width: 1092px){
	.nco-page-layout{
		grid-template-columns:1fr;
		gap:0;
		padding:12px 0;
	}

	.nco-page-sidebar{
		display:none;
	}

	.nco-page-content .nco-card{
		padding:18px 16px;
		border-radius:10px;
	}

	.nco-page-title{
		font-size:22px;
	}
}