/* =========================================================================
		   BLOG LISTING & BLOG DETAIL PAGES
		   ========================================================================= */
		.dc-blog-page {
			background: var(--dc-cream);
		}

		/* PAGE HERO */
		.dc-page-hero {
			position: relative;
			padding: 190px 0 90px;
			background-size: cover;
			background-position: center;
			color: #ffffff;
		}

		.dc-page-hero::before {
			content: '';
			position: absolute;
			inset: 0;
			background: linear-gradient(180deg, rgba(15, 12, 8, 0.88) 0%, rgba(15, 12, 8, 0.72) 100%);
		}

		.dc-page-hero-title {
			font-family: var(--dc-font-serif);
			font-size: clamp(30px, 4.4vw, 54px);
			font-weight: 600;
			line-height: 1.2;
			max-width: 900px;
			margin: 0 auto 16px;
			text-wrap: balance;
		}

		.dc-page-hero-desc {
			font-size: 15px;
			line-height: 1.7;
			color: rgba(255, 255, 255, 0.75);
			max-width: 620px;
			margin: 0 auto 24px;
		}

		.dc-breadcrumb {
			display: inline-flex;
			align-items: center;
			flex-wrap: wrap;
			justify-content: center;
			gap: 10px;
			font-size: 12px;
			letter-spacing: 1.5px;
			text-transform: uppercase;
			color: var(--dc-gold-light);
		}

		.dc-breadcrumb a {
			color: rgba(255, 255, 255, 0.7);
			transition: var(--dc-transition);
		}

		.dc-breadcrumb a:hover {
			color: var(--dc-gold);
		}

		.dc-breadcrumb i {
			font-size: 9px;
			color: var(--dc-gold-dark);
		}

		.dc-article-hero {
			padding-bottom: 80px;
		}

		/* SECTIONS */
		.dc-blog-section {
			padding: 80px 0;
		}

		.dc-blog-related {
			background: var(--dc-cream-alt);
		}

		/* META ROW */
		.dc-blog-meta {
			display: flex;
			flex-wrap: wrap;
			gap: 6px 18px;
			font-size: 12px;
			letter-spacing: 0.5px;
			color: var(--dc-text-muted);
			margin-bottom: 12px;
		}

		.dc-blog-meta i {
			color: var(--dc-gold-dark);
			margin-right: 5px;
		}

		.dc-blog-meta.light {
			color: rgba(255, 255, 255, 0.8);
			margin-bottom: 0;
		}

		.dc-blog-meta.light i {
			color: var(--dc-gold);
		}

		.dc-blog-badge {
			position: absolute;
			top: 16px;
			left: 16px;
			padding: 6px 14px;
			border-radius: 50px;
			background: rgba(15, 12, 8, 0.82);
			color: var(--dc-gold-light);
			font-size: 10px;
			font-weight: 600;
			letter-spacing: 1.5px;
			text-transform: uppercase;
			backdrop-filter: blur(6px);
		}

		/* FEATURED POST */
		.dc-blog-featured {
			display: grid;
			grid-template-columns: 1.15fr 1fr;
			background: #ffffff;
			border: 1px solid rgba(197, 168, 128, 0.25);
			border-radius: 18px;
			overflow: hidden;
			box-shadow: 0 20px 50px rgba(30, 25, 19, 0.08);
			margin-bottom: 56px;
		}

		.dc-blog-featured-media {
			position: relative;
			display: block;
			min-height: 380px;
			overflow: hidden;
		}

		.dc-blog-featured-media img {
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.dc-blog-featured:hover .dc-blog-featured-media img {
			transform: scale(1.04);
		}

		.dc-blog-featured-body {
			padding: 48px 44px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-start;
		}

		.dc-blog-featured-title {
			font-family: var(--dc-font-serif);
			font-size: clamp(22px, 2.3vw, 32px);
			font-weight: 600;
			line-height: 1.3;
			color: #1a1612;
			margin-bottom: 14px;
		}

		.dc-blog-featured-title a:hover,
		.dc-blog-card-title a:hover {
			color: var(--dc-gold-dark);
		}

		/* TOOLBAR: FILTERS + SEARCH */
		.dc-blog-toolbar {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 20px;
			margin-bottom: 36px;
		}

		.dc-blog-filters {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
		}

		.dc-blog-filter {
			padding: 9px 20px;
			border-radius: 50px;
			border: 1px solid rgba(158, 127, 85, 0.4);
			background: transparent;
			color: var(--dc-text-dark);
			font-size: 12px;
			font-weight: 500;
			letter-spacing: 1px;
			text-transform: uppercase;
			white-space: nowrap;
			cursor: pointer;
			transition: var(--dc-transition);
		}

		.dc-blog-filter:hover {
			border-color: var(--dc-gold-dark);
			color: var(--dc-gold-dark);
		}

		.dc-blog-filter.active {
			background: var(--dc-dark);
			border-color: var(--dc-dark);
			color: var(--dc-gold-light);
		}

		.dc-blog-search {
			position: relative;
			flex: 0 0 260px;
		}

		.dc-blog-search input {
			width: 100%;
			padding: 11px 46px 11px 20px;
			border-radius: 50px;
			border: 1px solid rgba(158, 127, 85, 0.4);
			background: #ffffff;
			font-size: 14px;
			color: var(--dc-text-dark);
			outline: none;
			transition: var(--dc-transition);
		}

		.dc-blog-search input:focus {
			border-color: var(--dc-gold-dark);
			box-shadow: 0 0 0 3px rgba(197, 168, 128, 0.2);
		}

		.dc-blog-search button {
			position: absolute;
			top: 0;
			right: 4px;
			width: 42px;
			height: 100%;
			border: none;
			background: transparent;
			color: var(--dc-gold-dark);
			cursor: pointer;
		}

		/* POST CARD */
		.dc-blog-card {
			height: 100%;
			display: flex;
			flex-direction: column;
			background: #ffffff;
			border: 1px solid rgba(197, 168, 128, 0.22);
			border-radius: 16px;
			overflow: hidden;
			transition: var(--dc-transition);
		}

		.dc-blog-card:hover {
			transform: translateY(-6px);
			box-shadow: 0 22px 44px rgba(30, 25, 19, 0.12);
			border-color: rgba(197, 168, 128, 0.55);
		}

		.dc-blog-card-media {
			position: relative;
			display: block;
			aspect-ratio: 16 / 10;
			overflow: hidden;
		}

		.dc-blog-card-media img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.dc-blog-card:hover .dc-blog-card-media img {
			transform: scale(1.06);
		}

		.dc-blog-card-body {
			padding: 24px 24px 26px;
			display: flex;
			flex-direction: column;
			flex: 1;
		}

		.dc-blog-card-title {
			font-family: var(--dc-font-serif);
			font-size: 20px;
			font-weight: 600;
			line-height: 1.35;
			color: #1a1612;
			margin-bottom: 10px;
		}

		.dc-blog-card-title a,
		.dc-blog-featured-title a {
			transition: var(--dc-transition);
		}

		.dc-blog-card-excerpt {
			font-size: 14px;
			line-height: 1.7;
			color: #6b6357;
			margin-bottom: 20px;
		}

		.dc-blog-readmore {
			margin-top: auto;
			display: inline-flex;
			align-items: center;
			gap: 10px;
			font-size: 12px;
			font-weight: 600;
			letter-spacing: 1.5px;
			text-transform: uppercase;
			color: var(--dc-gold-dark);
			transition: var(--dc-transition);
		}

		.dc-blog-readmore:hover {
			gap: 16px;
			color: var(--dc-text-dark);
		}

		.dc-blog-empty {
			text-align: center;
			padding: 40px 0 0;
			color: var(--dc-text-muted);
		}

		/* PAGINATION */
		.dc-blog-pagination {
			display: flex;
			justify-content: center;
			gap: 10px;
			margin-top: 56px;
		}

		.dc-blog-pagination a {
			width: 44px;
			height: 44px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			border: 1px solid rgba(158, 127, 85, 0.4);
			font-size: 14px;
			font-weight: 500;
			color: var(--dc-text-dark);
			transition: var(--dc-transition);
		}

		.dc-blog-pagination a:hover,
		.dc-blog-pagination a.active {
			background: var(--dc-dark);
			border-color: var(--dc-dark);
			color: var(--dc-gold-light);
		}

		.dc-blog-pagination a.disabled {
			opacity: 0.4;
			pointer-events: none;
		}

		/* NEWSLETTER */
		.dc-blog-newsletter {
			background: radial-gradient(circle at 50% 20%, #1c150c 0%, #0d0a06 100%);
			padding: 70px 0;
		}

		.dc-blog-newsletter-inner {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 40px;
		}

		.dc-blog-newsletter-form {
			display: flex;
			flex-wrap: wrap;
			gap: 12px;
			flex: 0 1 480px;
		}

		.dc-blog-newsletter-form input {
			flex: 1 1 220px;
			min-width: 0;
			padding: 13px 22px;
			border-radius: 50px;
			border: 1px solid rgba(197, 168, 128, 0.4);
			background: rgba(255, 255, 255, 0.06);
			color: #ffffff;
			font-size: 14px;
			outline: none;
		}

		.dc-blog-newsletter-form input::placeholder {
			color: rgba(255, 255, 255, 0.5);
		}

		.dc-blog-newsletter-form input:focus {
			border-color: var(--dc-gold);
		}

		.dc-blog-newsletter-msg {
			flex-basis: 100%;
			margin: 0;
			font-size: 13px;
			color: var(--dc-gold-light);
		}

		/* =========================================================================
		   ARTICLE (BLOG DETAIL)
		   ========================================================================= */
		.dc-article {
			font-size: 16.5px;
			line-height: 1.85;
			color: #3a3329;
		}

		.dc-article p {
			margin-bottom: 22px;
		}

		.dc-article-lead {
			font-family: 'Cormorant Garamond', Georgia, serif;
			font-size: 24px;
			line-height: 1.55;
			color: #1a1612;
		}

		.dc-article h2 {
			font-family: var(--dc-font-serif);
			font-size: clamp(22px, 2.4vw, 30px);
			font-weight: 600;
			line-height: 1.3;
			color: #1a1612;
			margin: 40px 0 16px;
		}

		.dc-article ul,
		.dc-article ol {
			padding-left: 22px;
			margin-bottom: 26px;
		}

		.dc-article li {
			margin-bottom: 8px;
			padding-left: 4px;
		}

		.dc-article li::marker {
			color: var(--dc-gold-dark);
			font-weight: 600;
		}

		.dc-article-figure {
			margin: 34px 0;
		}

		.dc-article-figure img,
		.dc-article-gallery img {
			width: 100%;
			border-radius: 14px;
			object-fit: cover;
		}

		.dc-article-figure img {
			max-height: 480px;
		}

		.dc-article-gallery {
			margin-top: 8px;
			margin-bottom: 8px;
		}

		.dc-article-gallery img {
			aspect-ratio: 4 / 3;
		}

		.dc-article-figure figcaption {
			margin-top: 10px;
			font-size: 13px;
			font-style: italic;
			color: var(--dc-text-muted);
			text-align: center;
		}

		.dc-article-quote {
			margin: 36px 0;
			padding: 28px 32px;
			background: #ffffff;
			border-left: 3px solid var(--dc-gold);
			border-radius: 0 14px 14px 0;
		}

		.dc-article-quote p {
			font-family: 'Cormorant Garamond', Georgia, serif;
			font-size: 26px;
			font-style: italic;
			line-height: 1.45;
			color: #1a1612;
			margin-bottom: 10px;
		}

		.dc-article-quote cite {
			font-size: 12px;
			font-style: normal;
			letter-spacing: 2px;
			text-transform: uppercase;
			color: var(--dc-gold-dark);
		}

		.dc-article-footer {
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;
			gap: 16px;
			margin-top: 44px;
			padding: 22px 0;
			border-top: 1px solid rgba(158, 127, 85, 0.3);
			border-bottom: 1px solid rgba(158, 127, 85, 0.3);
		}

		.dc-article-tags {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
		}

		.dc-article-tags a {
			padding: 6px 14px;
			border-radius: 50px;
			background: var(--dc-cream-alt);
			font-size: 12px;
			line-height: 1.5;
			color: var(--dc-text-dark);
			transition: var(--dc-transition);
		}

		.dc-article-tags a:hover {
			background: var(--dc-dark);
			color: var(--dc-gold-light);
		}

		.dc-article-share {
			display: flex;
			align-items: center;
			gap: 8px;
			font-size: 12px;
			letter-spacing: 1.5px;
			text-transform: uppercase;
			color: var(--dc-text-muted);
		}

		.dc-article-share a {
			width: 38px;
			height: 38px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			border: 1px solid rgba(158, 127, 85, 0.4);
			font-size: 14px;
			color: var(--dc-text-dark);
			transition: var(--dc-transition);
		}

		.dc-article-share a:hover,
		.dc-article-share a.copied {
			background: var(--dc-gold-gradient);
			border-color: transparent;
			color: #120e09;
		}

		.dc-article-author {
			display: flex;
			gap: 20px;
			align-items: center;
			margin-top: 32px;
			padding: 26px;
			background: #ffffff;
			border: 1px solid rgba(197, 168, 128, 0.25);
			border-radius: 16px;
		}

		.dc-article-author-avatar {
			flex: none;
			width: 68px;
			height: 68px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			background: var(--dc-dark);
			color: var(--dc-gold);
			font-family: 'Cinzel', serif;
			font-size: 22px;
			font-weight: 700;
		}

		.dc-article-author h4 {
			font-family: var(--dc-font-serif);
			font-size: 18px;
			margin-bottom: 4px;
			color: #1a1612;
		}

		.dc-article-author p {
			font-size: 14px;
			line-height: 1.6;
			color: #6b6357;
			margin: 0;
		}

		.dc-article-nav {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 16px;
			margin-top: 32px;
		}

		.dc-article-nav a {
			padding: 20px 22px;
			border: 1px solid rgba(197, 168, 128, 0.3);
			border-radius: 14px;
			background: #ffffff;
			transition: var(--dc-transition);
		}

		.dc-article-nav a:hover {
			border-color: var(--dc-gold-dark);
			transform: translateY(-3px);
		}

		.dc-article-nav span {
			display: block;
			font-size: 11px;
			font-weight: 600;
			letter-spacing: 2px;
			text-transform: uppercase;
			color: var(--dc-gold-dark);
			margin-bottom: 6px;
		}

		.dc-article-nav strong {
			display: block;
			font-family: var(--dc-font-serif);
			font-size: 16px;
			font-weight: 600;
			line-height: 1.4;
			color: #1a1612;
		}

		/* SIDEBAR */
		.dc-blog-sidebar {
			position: sticky;
			top: 100px;
			display: flex;
			flex-direction: column;
			gap: 26px;
		}

		.dc-blog-widget {
			padding: 28px 26px;
			background: #ffffff;
			border: 1px solid rgba(197, 168, 128, 0.25);
			border-radius: 16px;
		}

		.dc-blog-widget-title {
			font-family: var(--dc-font-serif);
			font-size: 20px;
			font-weight: 600;
			color: #1a1612;
			padding-bottom: 12px;
			margin-bottom: 18px;
			border-bottom: 1px solid rgba(197, 168, 128, 0.35);
		}

		.dc-blog-mini {
			display: flex;
			gap: 14px;
			align-items: center;
			padding: 10px 0;
		}

		.dc-blog-mini img {
			flex: 0 0 76px;
			width: 76px;
			height: 64px;
			object-fit: cover;
			border-radius: 10px;
		}

		.dc-blog-mini h4 {
			font-family: var(--dc-font-serif);
			font-size: 15px;
			font-weight: 600;
			line-height: 1.4;
			color: #1a1612;
			margin-bottom: 4px;
			transition: var(--dc-transition);
		}

		.dc-blog-mini:hover h4 {
			color: var(--dc-gold-dark);
		}

		.dc-blog-mini span {
			font-size: 12px;
			color: var(--dc-text-muted);
		}

		.dc-blog-cats {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.dc-blog-cats a {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 11px 0;
			font-size: 14px;
			border-bottom: 1px dashed rgba(158, 127, 85, 0.3);
			transition: var(--dc-transition);
		}

		.dc-blog-cats li:last-child a {
			border-bottom: none;
		}

		.dc-blog-cats a:hover {
			color: var(--dc-gold-dark);
			padding-left: 6px;
		}

		.dc-blog-cats em {
			min-width: 28px;
			padding: 2px 8px;
			border-radius: 50px;
			background: var(--dc-cream-alt);
			font-size: 12px;
			font-style: normal;
			text-align: center;
			color: var(--dc-text-muted);
		}

		.dc-blog-widget-cta {
			position: relative;
			overflow: hidden;
			background-size: cover;
			background-position: center;
			border: none;
			padding: 40px 28px;
			text-align: center;
		}

		.dc-blog-widget-cta::before {
			content: '';
			position: absolute;
			inset: 0;
			background: rgba(15, 12, 8, 0.8);
		}

		.dc-blog-widget-cta > div {
			position: relative;
		}

		.dc-blog-widget-cta h3 {
			font-family: var(--dc-font-serif);
			font-size: 24px;
			color: #ffffff;
			margin-bottom: 20px;
		}

		/* =========================================================================
		   RESPONSIVE
		   ========================================================================= */
		@media (max-width: 991.98px) {
			.dc-page-hero {
				padding: 150px 0 70px;
			}

			.dc-blog-section {
				padding: 60px 0;
			}

			.dc-blog-featured {
				grid-template-columns: 1fr;
				margin-bottom: 44px;
			}

			.dc-blog-featured-media {
				min-height: 0;
				aspect-ratio: 16 / 9;
			}

			.dc-blog-featured-body {
				padding: 32px 28px;
			}

			.dc-blog-toolbar {
				flex-direction: column-reverse;
				align-items: stretch;
			}

			.dc-blog-search {
				flex: 1 1 auto;
			}

			.dc-blog-newsletter-inner {
				flex-direction: column;
				align-items: stretch;
				gap: 26px;
			}

			.dc-blog-newsletter-form {
				flex: 1 1 auto;
			}

			.dc-blog-sidebar {
				position: static;
			}
		}

		@media (max-width: 575.98px) {
			.dc-page-hero {
				padding: 120px 0 54px;
			}

			.dc-page-hero-desc {
				font-size: 14px;
			}

			.dc-blog-section {
				padding: 44px 0;
			}

			.dc-blog-featured-body {
				padding: 26px 20px 28px;
			}

			/* Filter chips scroll sideways instead of stacking */
			.dc-blog-filters {
				flex-wrap: nowrap;
				overflow-x: auto;
				margin: 0 -12px;
				padding: 0 12px 6px;
				scrollbar-width: none;
			}

			.dc-blog-filters::-webkit-scrollbar {
				display: none;
			}

			.dc-blog-card-body {
				padding: 20px 20px 22px;
			}

			.dc-blog-pagination {
				margin-top: 40px;
				gap: 8px;
			}

			.dc-blog-pagination a {
				width: 40px;
				height: 40px;
			}

			.dc-article {
				font-size: 16px;
				line-height: 1.8;
			}

			.dc-article-lead {
				font-size: 21px;
			}

			.dc-article-quote {
				padding: 22px 20px;
			}

			.dc-article-quote p {
				font-size: 22px;
			}

			.dc-article-footer {
				flex-direction: column;
				align-items: flex-start;
			}

			.dc-article-author {
				flex-direction: column;
				align-items: flex-start;
				padding: 22px 20px;
			}

			.dc-article-nav {
				grid-template-columns: 1fr;
			}

			.dc-article-nav a.text-end {
				text-align: left !important;
			}

			.dc-blog-widget {
				padding: 24px 20px;
			}

			.dc-blog-newsletter {
				padding: 54px 0;
			}

			.dc-blog-newsletter-form .dc-btn-gold {
				flex: 1 1 100%;
			}
		}

		/* =========================================================================
		   LONG-FORM GUIDE PAGES (tables, contents, checklist, FAQ)
		   ========================================================================= */
		.dc-guide {
			max-width: 860px;
			margin: 0 auto;
		}

		.dc-guide section[id] {
			scroll-margin-top: 100px;
		}

		.dc-guide h3 {
			font-family: var(--dc-font-serif);
			font-size: 21px;
			font-weight: 600;
			line-height: 1.35;
			color: #1a1612;
			margin: 30px 0 14px;
		}

		.dc-guide a:not(.dc-btn-gold) {
			color: var(--dc-gold-dark);
			text-decoration: underline;
			text-underline-offset: 3px;
		}

		.dc-guide a:not(.dc-btn-gold):hover {
			color: var(--dc-text-dark);
		}

		.dc-guide .dc-article-figure img {
			height: auto;
		}

		.dc-guide-toc {
			margin: 34px 0 8px;
			padding: 26px 30px;
			background: #ffffff;
			border: 1px solid rgba(197, 168, 128, 0.3);
			border-radius: 16px;
		}

		.dc-guide .dc-guide-toc-title {
			font-size: 20px;
			margin: 0 0 12px;
		}

		.dc-guide-toc ol {
			margin-bottom: 0;
			font-size: 15px;
			line-height: 1.6;
		}

		.dc-guide-toc a:not(.dc-btn-gold) {
			color: var(--dc-text-dark);
			text-decoration: none;
		}

		.dc-guide-toc a:not(.dc-btn-gold):hover {
			color: var(--dc-gold-dark);
			text-decoration: underline;
		}

		.dc-guide-table-wrap {
			margin: 8px 0 28px;
			background: #ffffff;
			border: 1px solid rgba(197, 168, 128, 0.3);
			border-radius: 14px;
			overflow: hidden;
		}

		.dc-guide-table {
			width: 100%;
			border-collapse: collapse;
			font-size: 15px;
			line-height: 1.6;
		}

		.dc-guide-table thead th {
			padding: 14px 20px;
			background: var(--dc-dark);
			color: var(--dc-gold-light);
			font-size: 11px;
			font-weight: 600;
			letter-spacing: 2px;
			text-transform: uppercase;
			text-align: left;
		}

		.dc-guide-table tbody th,
		.dc-guide-table tbody td {
			padding: 14px 20px;
			vertical-align: top;
			text-align: left;
			border-top: 1px solid rgba(197, 168, 128, 0.25);
		}

		.dc-guide-table tbody th {
			font-weight: 600;
			color: #1a1612;
		}

		.dc-guide-table-stack tbody th {
			width: 36%;
		}

		.dc-guide-table tbody tr:nth-child(even) {
			background: rgba(244, 238, 227, 0.45);
		}

		.dc-guide .dc-guide-checklist {
			list-style: none;
			padding: 22px 26px;
			background: #ffffff;
			border: 1px solid rgba(197, 168, 128, 0.3);
			border-radius: 14px;
		}

		.dc-guide-checklist li {
			padding-left: 0;
		}

		.dc-guide-checklist li:last-child {
			margin-bottom: 0;
		}

		.dc-guide-checklist label {
			display: flex;
			align-items: flex-start;
			gap: 12px;
			cursor: pointer;
		}

		.dc-guide-checklist input {
			flex: none;
			width: 18px;
			height: 18px;
			margin-top: 6px;
			accent-color: var(--dc-gold-dark);
			cursor: pointer;
		}

		.dc-guide-checklist input:checked + span {
			color: var(--dc-text-muted);
			text-decoration: line-through;
		}

		.dc-guide-table tbody th {
			min-width: 160px;
		}

		.dc-guide-table tbody tr.dc-guide-table-total th,
		.dc-guide-table tbody tr.dc-guide-table-total td {
			font-weight: 600;
			color: #1a1612;
			background: rgba(197, 168, 128, 0.18);
		}

		.dc-guide-table tbody th.dc-guide-table-sub {
			font-weight: 500;
			color: var(--dc-text-muted);
		}

		.dc-guide-scroll-hint {
			display: none;
			margin: -20px 0 28px;
			font-size: 12px;
			color: var(--dc-text-muted);
		}

		.dc-guide-scroll-hint i {
			color: var(--dc-gold-dark);
			margin-right: 4px;
		}

		.dc-guide-keyfact {
			margin: 0 0 24px;
			padding: 20px 24px;
			background: #ffffff;
			border: 1px solid rgba(197, 168, 128, 0.3);
			border-left: 3px solid var(--dc-gold);
			border-radius: 0 14px 14px 0;
			font-size: 17px;
			line-height: 1.7;
			color: #1a1612;
		}

			padding: 20px 0;
			border-bottom: 1px solid rgba(158, 127, 85, 0.3);
		}

		.dc-guide-faq-item:first-child {
			padding-top: 4px;
		}

		.dc-guide .dc-guide-faq-item h3 {
			font-size: 19px;
			margin: 0 0 8px;
		}

		.dc-guide-faq-item p {
			margin-bottom: 0;
		}

		.dc-guide-cta {
			margin-top: 48px;
			padding: 38px 40px 42px;
			background: radial-gradient(circle at 50% 20%, #1c150c 0%, #0d0a06 100%);
			border-radius: 18px;
			color: rgba(255, 255, 255, 0.8);
		}

		.dc-guide .dc-guide-cta h2 {
			color: #ffffff;
			margin-top: 0;
		}

		.dc-guide .dc-guide-cta a:not(.dc-btn-gold) {
			color: var(--dc-gold-light);
		}

		.dc-guide .dc-guide-cta a:not(.dc-btn-gold):hover {
			color: #ffffff;
		}

		.dc-guide-disclaimer {
			margin: 28px 0 0;
			padding: 16px 20px;
			border-left: 3px solid var(--dc-gold);
			background: var(--dc-cream-alt);
			border-radius: 0 10px 10px 0;
			font-size: 14px;
			line-height: 1.7;
			color: var(--dc-text-muted);
		}

		@media (max-width: 575.98px) {
			.dc-guide-toc {
				padding: 22px 20px;
			}

			/* Two-column tables stack: label above value */
			.dc-guide-table-stack thead {
				position: absolute;
				width: 1px;
				height: 1px;
				overflow: hidden;
				clip: rect(0, 0, 0, 0);
			}

			.dc-guide-table-stack,
			.dc-guide-table-stack tbody,
			.dc-guide-table-stack tr,
			.dc-guide-table-stack tbody th,
			.dc-guide-table-stack tbody td {
				display: block;
				width: 100%;
			}

			.dc-guide-table-stack tbody tr {
				padding: 14px 18px;
				border-top: 1px solid rgba(197, 168, 128, 0.25);
			}

			.dc-guide-table-stack tbody tr:first-child {
				border-top: none;
			}

			.dc-guide-table-stack tbody th,
			.dc-guide-table-stack tbody td {
				padding: 0;
				border-top: none;
			}

			.dc-guide-table-stack tbody th {
				margin-bottom: 4px;
			}

			/* Wider tables keep their columns and scroll sideways */
			.dc-guide-table-wrap.is-scrollable {
				overflow-x: auto;
				-webkit-overflow-scrolling: touch;
			}

			.dc-guide-table-wrap.is-scrollable .dc-guide-table {
				min-width: 560px;
				font-size: 14px;
			}

			.dc-guide-table-wrap.is-scrollable .dc-guide-table-wide {
				min-width: 720px;
			}

			.dc-guide-table-wrap.is-scrollable thead th,
			.dc-guide-table-wrap.is-scrollable tbody th,
			.dc-guide-table-wrap.is-scrollable tbody td {
				padding: 12px 14px;
			}

			.dc-guide-scroll-hint {
				display: block;
			}

			.dc-guide .dc-guide-checklist {
				padding: 18px 18px;
			}

			.dc-guide-cta {
				padding: 28px 22px 32px;
			}
		}