/* ============================================================================
   CRAIGSLIST POSTING SERVICE DEEP PAGE STYLES
   (page-craigslist-posting-service.php)
   ============================================================================ */

/* TL;DR box */
.tldr-box {
	background: #fff;
	border: 2px solid #ffb81c;
	border-radius: 16px;
	padding: 32px 30px;
	margin-top: 20px;
	box-shadow: 0 4px 18px rgba(255, 184, 28, 0.12);
}
.tldr-box h2 {
	font-size: 1.35rem;
	color: #0a1628;
	margin: 0 0 22px;
	display: inline-block;
	padding: 6px 14px;
	background: #ffb81c;
	border-radius: 8px;
}
.tldr-list {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.tldr-row {
	display: grid;
	grid-template-columns: 180px 1fr;
	gap: 18px;
	padding: 12px 0;
	border-bottom: 1px solid #f1f5f9;
}
.tldr-row:last-child { border-bottom: none; }
.tldr-row dt {
	font-weight: 700;
	color: #0a1628;
	font-size: 0.875rem;
	letter-spacing: 0.02em;
}
.tldr-row dd {
	margin: 0;
	color: #4a5568;
	line-height: 1.6;
	font-size: 0.95rem;
}
@media (max-width: 700px) {
	.tldr-row { grid-template-columns: 1fr; gap: 4px; }
}

/* What we do detail list */
.service-detail-list {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin-top: 40px;
}
.service-detail {
	display: grid;
	grid-template-columns: 80px 1fr;
	gap: 24px;
	align-items: start;
	padding: 28px;
	background: #fff;
	border-radius: 14px;
	border: 1px solid #e5e7eb;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.service-detail:hover {
	border-color: #ffb81c;
	box-shadow: 0 6px 18px rgba(10,22,40,0.06);
}
.service-detail__number {
	font-size: 1.5rem;
	font-weight: 800;
	color: #ffb81c;
	background: rgba(255, 184, 28, 0.1);
	width: 70px;
	height: 70px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.service-detail__content h3 {
	font-size: 1.2rem;
	color: #0a1628;
	margin: 0 0 12px;
}
.service-detail__content p {
	color: #4a5568;
	line-height: 1.75;
	margin: 0 0 12px;
	font-size: 0.975rem;
}
.service-detail__content p:last-child { margin-bottom: 0; }

@media (max-width: 700px) {
	.service-detail { grid-template-columns: 1fr; }
	.service-detail__number { width: 56px; height: 56px; font-size: 1.2rem; }
}

/* Manual posting content blocks */
.manual-content-block {
	background: #fff;
	border-radius: 12px;
	padding: 28px 30px;
	border: 1px solid #e5e7eb;
	margin-bottom: 22px;
}
.manual-content-block h3 {
	font-size: 1.2rem;
	color: #0a1628;
	margin: 0 0 14px;
	padding-bottom: 12px;
	border-bottom: 2px solid #ffb81c;
}
.manual-content-block p {
	color: #4a5568;
	line-height: 1.75;
	margin: 0 0 14px;
}
.manual-content-block p:last-child { margin-bottom: 0; }
.performance-stats {
	list-style: none;
	padding: 18px 22px;
	margin: 16px 0;
	background: #f8fafc;
	border-radius: 10px;
}
.performance-stats li {
	padding: 6px 0;
	color: #4a5568;
	line-height: 1.5;
	font-size: 0.95rem;
}
.performance-stats strong { color: #0a1628; }

/* Categories grid */
.categories-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
	gap: 24px;
	margin-top: 40px;
}
.category-card {
	background: #fff;
	border-radius: 14px;
	padding: 28px 26px;
	border: 1px solid #e5e7eb;
	transition: border-color 0.2s ease, transform 0.2s ease;
}
.category-card:hover { border-color: #ffb81c; transform: translateY(-3px); }
.category-card h3 {
	font-size: 1.25rem;
	color: #0a1628;
	margin: 0 0 6px;
}
.category-card__fee {
	display: inline-block;
	padding: 4px 12px;
	background: #fffaf0;
	color: #ffb81c;
	border-radius: 16px;
	font-size: 0.8rem;
	font-weight: 600;
	margin: 0 0 16px;
}
.category-card p {
	color: #4a5568;
	line-height: 1.65;
	font-size: 0.925rem;
	margin: 0 0 14px;
}
.category-card p:last-child { margin-bottom: 0; }
.category-card strong { color: #0a1628; }

/* Process steps detailed */
.process-steps-detailed {
	display: flex;
	flex-direction: column;
	gap: 22px;
	margin-top: 40px;
}
.process-step-detailed {
	background: #fff;
	border-radius: 14px;
	padding: 28px 30px;
	border-left: 4px solid #ffb81c;
	border-top: 1px solid #e5e7eb;
	border-right: 1px solid #e5e7eb;
	border-bottom: 1px solid #e5e7eb;
}
.process-step-detailed__number {
	display: inline-block;
	font-size: 0.8rem;
	font-weight: 700;
	color: #ffb81c;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}
.process-step-detailed h3 {
	font-size: 1.2rem;
	color: #0a1628;
	margin: 0 0 12px;
}
.process-step-detailed p {
	color: #4a5568;
	line-height: 1.75;
	margin: 0;
}

/* Who we serve - industry deep grid */
.industry-deep-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
	gap: 22px;
	margin-top: 40px;
}
.industry-deep-card {
	background: #fff;
	border-radius: 14px;
	padding: 28px 26px;
	border: 1px solid #e5e7eb;
}
.industry-deep-card h3 {
	font-size: 1.2rem;
	color: #0a1628;
	margin: 0 0 8px;
}
.industry-deep-card__stats {
	display: inline-block;
	padding: 4px 12px;
	background: rgba(22, 163, 74, 0.1);
	color: #16a34a;
	border-radius: 16px;
	font-size: 0.8rem;
	font-weight: 600;
	margin: 0 0 16px;
}
.industry-deep-card p {
	color: #4a5568;
	line-height: 1.65;
	font-size: 0.925rem;
	margin: 0 0 12px;
}
.industry-deep-card p:last-child { margin-bottom: 0; }
.industry-deep-card strong { color: #0a1628; }

/* Guarantee deep content */
.guarantee-deep-content { position: relative; z-index: 1; }
.guarantee-content-block {
	background: rgba(255,255,255,0.04);
	padding: 28px 30px;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,0.1);
	margin-top: 22px;
}
.guarantee-content-block h3 {
	color: #ffb81c;
	font-size: 1.15rem;
	margin: 0 0 14px;
}
.guarantee-content-block p {
	color: rgba(255,255,255,0.85);
	line-height: 1.75;
	margin: 0 0 12px;
	font-size: 0.975rem;
}
.guarantee-content-block p:last-child { margin-bottom: 0; }

/* Why choose us */
.why-choose-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
	gap: 22px;
	margin-top: 40px;
}
.why-choose-card {
	background: #fff;
	border-radius: 14px;
	padding: 30px 28px;
	border: 1px solid #e5e7eb;
	position: relative;
	transition: transform 0.2s ease, border-color 0.2s ease;
}
.why-choose-card:hover { transform: translateY(-3px); border-color: #ffb81c; }
.why-choose-card__number {
	font-size: 0.8rem;
	font-weight: 700;
	color: #ffb81c;
	letter-spacing: 0.1em;
	margin-bottom: 12px;
}
.why-choose-card h3 {
	font-size: 1.15rem;
	color: #0a1628;
	margin: 0 0 12px;
}
.why-choose-card p {
	color: #4a5568;
	line-height: 1.7;
	margin: 0;
	font-size: 0.95rem;
}


/* ---- Service page restructure additions (readability, SEO-safe) ---- */
.service-detail__takeaway{font-weight:600;font-size:1.05rem;line-height:1.5;color:var(--lap-navy,#0A1F44);margin:0 0 .85rem;border-left:3px solid var(--lap-gold,#F5B83D);padding-left:.85rem;}
.manual-steps{margin:0 0 1.25rem;padding-left:0;list-style:none;counter-reset:manualstep;display:grid;gap:.5rem;}
.manual-steps li{counter-increment:manualstep;position:relative;padding:.55rem .75rem .55rem 2.75rem;background:#f5f7fb;border-radius:8px;line-height:1.45;}
.manual-steps li::before{content:counter(manualstep);position:absolute;left:.6rem;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;background:var(--lap-blue,#1E5BE0);color:#fff;font-weight:700;font-size:.85rem;border-radius:50%;}
.cl-timeline{display:grid;gap:1rem;margin:1rem 0 1.25rem;}
.cl-era{display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:start;padding:1rem 1.1rem;background:#f5f7fb;border-radius:10px;border-left:4px solid var(--lap-blue,#1E5BE0);}
.cl-era__year{font-weight:700;color:var(--lap-blue,#1E5BE0);font-size:1rem;letter-spacing:.02em;}
.cl-era__body p{margin:0;line-height:1.6;}
@media (max-width:640px){.cl-era{grid-template-columns:1fr;gap:.35rem;}}