:root {
		--sl-primary: #EB6F46;
		--sl-primary-dark: #d85f36;
		--sl-secondary: #ffc107;
		--sl-secondary-dark: #e0a800;
		--sl-danger: #dc3545;
		--sl-danger-dark: #bb2d3b;
		--sl-dark: #331b17;
		--sl-text: #5a4038;
		--sl-muted: #8f736a;
		--sl-bg: #fffaf7;
		--sl-card: #ffffff;
		--sl-panel: #fff3ed;
		--sl-border: #f2ddd5;
		--sl-shadow: 0 16px 40px rgba(51, 27, 23, 0.08);
		--sl-radius: 20px;
	}

	body {
		background: var(--sl-bg);
		color: var(--sl-text);
	}

	.section-title {
		font-size: 2.3rem;
		font-weight: 800;
		color: var(--sl-dark);
		margin-bottom: 14px;
	}

	.section-subtitle {
		max-width: 840px;
		margin: 0 auto;
		color: var(--sl-muted);
		font-size: 1.04rem;
		line-height: 1.85;
	}

	.sl-badge {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 9px 16px;
		border-radius: 999px;
		background: rgba(235, 111, 70, 0.12);
		color: var(--sl-primary-dark);
		font-size: 13px;
		font-weight: 700;
		letter-spacing: .2px;
		margin-bottom: 18px;
		border: 1px solid rgba(235, 111, 70, 0.15);
	}

	.btn-sl-primary {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		background: #fff;
		color: var(--sl-primary);
		border: none;
		border-radius: 999px;
		padding: 14px 28px;
		font-weight: 700;
		box-shadow: 0 10px 24px rgba(220, 53, 69, 0.12);
		transition: all .3s ease;
	}

	.btn-sl-primary:hover {
		color: var(--sl-primary-dark);
		transform: translateY(-2px);
	}

	.btn-sl-outline {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		border: 1px solid rgba(255, 255, 255, .35);
		color: #fff;
		background: rgba(255, 255, 255, .08);
		border-radius: 999px;
		padding: 14px 28px;
		font-weight: 600;
		transition: all .3s ease;
	}

	.btn-sl-outline:hover {
		color: #fff;
		background: rgba(255, 255, 255, .16);
	}

	.btn-sl-soft {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		background: rgba(235, 111, 70, 0.1);
		color: var(--sl-primary-dark);
		border: 1px solid rgba(235, 111, 70, 0.14);
		border-radius: 999px;
		padding: 12px 22px;
		font-weight: 700;
		transition: all .3s ease;
	}

	.btn-sl-soft:hover {
		background: rgba(235, 111, 70, 0.18);
		color: var(--sl-danger-dark);
	}

	.sl-hero {
		position: relative;
		overflow: hidden;
		padding: 110px 0 90px;
		background:
			radial-gradient(circle at top right, rgba(255, 193, 7, .22), transparent 24%),
			radial-gradient(circle at left center, rgba(255, 255, 255, .08), transparent 30%),
			linear-gradient(135deg, #5a1d22 0%, #dc3545 38%, #EB6F46 72%, #ffc107 100%);
	}

	.sl-hero::before {
		content: '';
		position: absolute;
		inset: 0;
		background:
			linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, transparent 42%),
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='1'%3E%3Cpath d='M0 90h180M90 0v180'/%3E%3Ccircle cx='90' cy='90' r='48'/%3E%3C/g%3E%3C/svg%3E");
		background-size: cover, 260px;
		pointer-events: none;
	}

	.hero-content,
	.hero-panel {
		position: relative;
		z-index: 2;
	}

	.hero-kicker {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		background: rgba(255, 255, 255, .12);
		border: 1px solid rgba(255, 255, 255, .18);
		color: #fff;
		border-radius: 999px;
		padding: 8px 16px;
		font-size: 13px;
		font-weight: 700;
		margin-bottom: 18px;
	}

	.hero-title {
		color: #fff;
		font-size: 3.1rem;
		font-weight: 800;
		line-height: 1.12;
		margin-bottom: 20px;
	}

	.hero-title span {
		color: #fff0a8;
	}

	.hero-text {
		max-width: 670px;
		color: rgba(255, 255, 255, .9);
		font-size: 1.08rem;
		line-height: 1.9;
		margin-bottom: 30px;
	}

	.hero-actions {
		display: flex;
		flex-wrap: wrap;
		gap: 14px;
		margin-bottom: 28px;
	}

	.hero-points {
		display: flex;
		flex-wrap: wrap;
		gap: 14px 24px;
	}

	.hero-points .item {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		color: rgba(255, 255, 255, .9);
		font-size: .95rem;
	}

	.hero-points .item i {
		color: #ffe082;
	}

	.hero-preview-card {
		background: rgba(255, 255, 255, .13);
		border: 1px solid rgba(255, 255, 255, .18);
		border-radius: 26px;
		backdrop-filter: blur(14px);
		box-shadow: 0 25px 60px rgba(51, 27, 23, .24);
		padding: 18px;
	}

	.blog-panel-top {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		background: rgba(255, 255, 255, .94);
		border-radius: 18px;
		padding: 14px;
		margin-bottom: 14px;
	}

	.blog-chip,
	.blog-control {
		background: #fff8f5;
		border: 1px solid #f2ddd5;
		border-radius: 999px;
		padding: 9px 14px;
		font-size: .83rem;
		color: var(--sl-text);
		display: inline-flex;
		align-items: center;
		gap: 8px;
		font-weight: 600;
	}

	.blog-panel-grid {
		background: rgba(255, 255, 255, .96);
		border-radius: 22px;
		padding: 16px;
	}

	.blog-featured-card {
		background: linear-gradient(135deg, #fff9f6 0%, #fff1e7 100%);
		border: 1px solid var(--sl-border);
		border-radius: 22px;
		padding: 20px;
		margin-bottom: 14px;
	}

	.blog-featured-tag,
	.blog-mini-tag,
	.category-pill,
	.meta-pill {
		display: inline-flex;
		align-items: center;
		gap: 7px;
		padding: 7px 12px;
		border-radius: 999px;
		font-size: .76rem;
		font-weight: 700;
	}

	.blog-featured-tag,
	.category-pill.featured {
		background: rgba(220, 53, 69, .12);
		color: var(--sl-danger-dark);
	}

	.blog-mini-tag,
	.category-pill.guides {
		background: rgba(255, 193, 7, .22);
		color: #7a5900;
	}

	.category-pill.operations {
		background: rgba(235, 111, 70, .12);
		color: var(--sl-primary-dark);
	}

	.category-pill.compliance {
		background: rgba(141, 45, 55, .12);
		color: #7b2530;
	}

	.meta-pill {
		background: #fff;
		border: 1px solid var(--sl-border);
		color: var(--sl-muted);
	}

	.blog-featured-card h3 {
		font-size: 1.45rem;
		line-height: 1.35;
		margin: 14px 0 10px;
		color: var(--sl-dark);
		font-weight: 800;
	}

	.blog-featured-card p,
	.blog-mini-card p,
	.blog-card p,
	.newsletter-panel p,
	.insight-card p,
	.sidebar-card p,
	.topic-card p,
	.faq-card p {
		color: var(--sl-muted);
		line-height: 1.8;
		margin-bottom: 0;
	}

	.blog-mini-wrap {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.blog-mini-card,
	.blog-card,
	.insight-card,
	.sidebar-card,
	.topic-card,
	.faq-card,
	.newsletter-panel,
	.summary-panel {
		background: var(--sl-card);
		border: 1px solid var(--sl-border);
		border-radius: var(--sl-radius);
		padding: 28px;
		box-shadow: 0 8px 22px rgba(51, 27, 23, .04);
		transition: all .3s ease;
		height: 100%;
	}

	.blog-mini-card:hover,
	.blog-card:hover,
	.insight-card:hover,
	.sidebar-card:hover,
	.topic-card:hover {
		transform: translateY(-6px);
		box-shadow: var(--sl-shadow);
	}

	.blog-mini-card h4,
	.blog-card h4,
	.insight-card h4,
	.sidebar-card h4,
	.topic-card h4,
	.faq-card h5 {
		color: var(--sl-dark);
		font-weight: 700;
		margin: 14px 0 10px;
	}

	.blog-icon,
	.insight-icon,
	.topic-icon,
	.sidebar-icon {
		width: 64px;
		height: 64px;
		border-radius: 18px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 28px;
		margin-bottom: 18px;
	}

	.bg-primary-soft {
		background: linear-gradient(135deg, #EB6F46, #ff946d);
	}

	.bg-secondary-soft {
		background: linear-gradient(135deg, #ffc107, #ffd95f);
		color: #5c3b00 !important;
	}

	.bg-danger-soft {
		background: linear-gradient(135deg, #dc3545, #ef6874);
	}

	.bg-warm-soft {
		background: linear-gradient(135deg, #f08b5d, #EB6F46);
	}

	.bg-dark-soft {
		background: linear-gradient(135deg, #5a1d22, #8d2d37);
	}

	.bg-mix-soft {
		background: linear-gradient(135deg, #EB6F46, #dc3545);
	}

	.summary-strip {
		position: relative;
		margin-top: -46px;
		z-index: 4;
	}

	.summary-panel {
		padding: 34px 24px;
	}

	.summary-item i {
		font-size: 30px;
		color: var(--sl-primary);
		margin-bottom: 14px;
	}

	.summary-item h3 {
		font-size: 1.08rem;
		color: var(--sl-dark);
		font-weight: 700;
		margin-bottom: 10px;
	}

	.summary-item p {
		color: var(--sl-muted);
		line-height: 1.8;
		margin: 0;
	}

	.trust-bar {
		background: linear-gradient(180deg, #fff9f6 0%, #fff4ee 100%);
		border-top: 1px solid var(--sl-border);
		border-bottom: 1px solid var(--sl-border);
	}

	.trust-chip {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 10px 16px;
		background: #fff;
		border: 1px solid var(--sl-border);
		border-radius: 999px;
		color: var(--sl-muted);
		font-size: .92rem;
		font-weight: 600;
	}

	.trust-chip i {
		color: var(--sl-primary);
	}

	.blog-card .meta-row,
	.blog-mini-card .meta-row,
	.blog-featured-card .meta-row {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 14px;
	}

	.blog-card .read-link,
	.blog-mini-card .read-link,
	.blog-featured-card .read-link {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		margin-top: 16px;
		font-weight: 700;
		color: var(--sl-primary-dark);
	}

	.blog-card .read-link:hover,
	.blog-mini-card .read-link:hover,
	.blog-featured-card .read-link:hover {
		color: var(--sl-danger-dark);
	}

	.topics-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 18px;
	}

	.topic-card {
		text-align: center;
	}

	.topic-card h4 {
		margin-top: 0;
	}

	.insight-list,
	.sidebar-list,
	.category-list,
	.archive-list {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.insight-list li,
	.sidebar-list li,
	.category-list li,
	.archive-list li {
		position: relative;
		padding-left: 30px;
		margin-bottom: 16px;
		color: var(--sl-text);
		line-height: 1.7;
	}

	.insight-list li::before,
	.sidebar-list li::before,
	.category-list li::before,
	.archive-list li::before {
		content: "\e64c";
		font-family: 'themify';
		position: absolute;
		left: 0;
		top: 2px;
		color: var(--sl-danger);
		font-size: 15px;
	}

	.sidebar-search {
		display: flex;
		align-items: center;
		gap: 12px;
		background: #fff8f5;
		border: 1px solid var(--sl-border);
		border-radius: 999px;
		padding: 12px 16px;
		color: var(--sl-muted);
		font-weight: 600;
	}

	.newsletter-panel {
		background: linear-gradient(135deg, #ffffff 0%, #fff7f2 100%);
		padding: 38px;
		box-shadow: var(--sl-shadow);
	}

	.newsletter-form {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
		margin-top: 22px;
	}

	.newsletter-input {
		flex: 1 1 280px;
		background: #fff;
		border: 1px solid var(--sl-border);
		border-radius: 999px;
		padding: 14px 18px;
		color: var(--sl-text);
	}

	.newsletter-input:focus {
		outline: none;
		border-color: rgba(235, 111, 70, .35);
		box-shadow: 0 0 0 4px rgba(235, 111, 70, .08);
	}

	.stats-section {
		background: linear-gradient(180deg, #fff9f5 0%, #fff2e8 100%);
	}

	.stat-card {
		background: #fff;
		border: 1px solid var(--sl-border);
		border-radius: 18px;
		padding: 28px 18px;
		text-align: center;
		height: 100%;
		box-shadow: 0 10px 24px rgba(51, 27, 23, .05);
	}

	.stat-number {
		font-size: 2.5rem;
		color: var(--sl-primary);
		font-weight: 800;
		margin-bottom: 6px;
	}

	.stat-label {
		color: var(--sl-muted);
		font-size: .95rem;
		font-weight: 600;
	}

	.cta-section {
		background:
			radial-gradient(circle at top right, rgba(255, 255, 255, .08), transparent 20%),
			linear-gradient(135deg, #5a1d22 0%, #dc3545 42%, #EB6F46 78%, #ffc107 100%);
		color: #fff;
		padding: 82px 0;
	}

	.cta-section h2 {
		color: #fff;
		font-size: 2.35rem;
		font-weight: 800;
		margin-bottom: 14px;
	}

	.cta-section p {
		max-width: 760px;
		margin: 0 auto 25px;
		color: rgba(255, 255, 255, .88);
		line-height: 1.85;
	}

	@media (min-width: 1200px) {
		.container {
			max-width: 1140px;
		}
	}

	@media (max-width: 991px) {
		.hero-title {
			font-size: 2.45rem;
		}

		.summary-strip {
			margin-top: -30px;
		}

		.topics-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media (max-width: 767px) {
		.sl-hero {
			padding: 82px 0 62px;
		}

		.hero-title {
			font-size: 2rem;
		}

		.hero-actions {
			flex-direction: column;
			align-items: stretch;
		}

		.btn-sl-primary,
		.btn-sl-outline,
		.btn-sl-soft {
			justify-content: center;
		}

		.newsletter-panel,
		.summary-panel,
		.blog-card,
		.blog-mini-card,
		.sidebar-card,
		.topic-card,
		.insight-card,
		.faq-card {
			padding: 24px 18px;
		}

		.blog-mini-wrap,
		.topics-grid {
			grid-template-columns: 1fr;
		}

		.section-title {
			font-size: 1.85rem;
		}

		.cta-section h2 {
			font-size: 1.85rem;
		}
	}

	@media (max-width: 575px) {
		.hero-title {
			font-size: 1.75rem;
		}

		.stat-number {
			font-size: 2rem;
		}

		.blog-panel-top {
			padding: 12px;
		}

		.blog-control,
		.blog-chip {
			width: 100%;
			justify-content: center;
		}
	}

	@media print {

		.sl-hero,
		.cta-section,
		.hero-actions,
		.btn-sl-primary,
		.btn-sl-outline,
		.btn-sl-soft {
			display: none !important;
		}

		.blog-card,
		.blog-mini-card,
		.sidebar-card,
		.topic-card,
		.insight-card,
		.faq-card,
		.stat-card,
		.summary-panel,
		.newsletter-panel {
			box-shadow: none !important;
			break-inside: avoid;
		}
	}