.doc-section-wrapper {
		width: 100%;
	}

	/* ── Card grid ── */
	.document-grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 16px;
		margin-bottom: 16px;
	}

	.document-card {
		background: #fff;
		border: 0.5px solid #cde0f0;
		border-radius: 12px;
		overflow: hidden;
	}

	.document-card-head {
		background: #0c3c63;
		color: #fff;
		padding: 12px 16px;
		font-size: 14px;
		font-weight: 600;
		display: flex;
		align-items: center;
		gap: 10px;
		font-family: Roboto, sans-serif;
	}

	.document-card-head i {
		font-size: 18px;
	}

	.document-card-body {
		padding: 14px 16px;
	}

	.document-card-body ol {
		padding-left: 1.3rem;
		margin: 0;
	}

	.document-card-body ol li {
		font-size: 14px;
		padding: 3px 0;
		line-height: 1.6;
		color: #333;
		font-family: Roboto, sans-serif;
	}

	/* ── Tab region: matches card grid exactly ── */
	.doc-tab-region {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 16px;
	}

	.doc-tab-partition {
		background: #fff;
		border: 0.5px solid #cde0f0;
		border-radius: 12px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}

	.doc-tab-nav-btn {
		width: 100%;
		padding: 12px 16px;
		font-size: 14px;
		font-weight: 600;
		cursor: pointer;
		border: none;
		color: #fff;
		background: #0c3c63;
		text-align: left;
		font-family: Roboto, sans-serif;
		transition: background 0.2s;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.doc-tab-nav-btn .btn-label {
		flex: 1;
	}

	.doc-tab-nav-btn .btn-toggle {
		width: 22px;
		height: 22px;
		border-radius: 50%;
		background: rgba(255,255,255,0.15);
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		color: rgba(255,255,255,0.8);
		flex-shrink: 0;
		transition: background 0.2s, color 0.2s;
		line-height: 1;
	}

	.doc-tab-nav-btn.active .btn-toggle {
		background: rgba(255,255,255,0.2);
		color: #fff;
	}

	.doc-tab-nav-btn .btn-toggle:hover {
		background: rgba(192, 57, 43, 0.5);
	}

	.doc-tab-nav-btn.active {
		background: #0a2a45;
	}

	.doc-tab-panel {
		padding: 14px 16px;
		background: #fff;
		display: none;
		flex: 1;
	}

	.doc-tab-panel.active {
		display: block;
	}

	.doc-tab-panel ol {
		padding-left: 1.3rem;
		margin: 0;
	}

	.doc-tab-panel ol li {
		font-size: 14px;
		padding: 3px 0;
		line-height: 1.6;
		color: #333;
		font-family: Roboto, sans-serif;
	}

	@media screen and (max-width: 576px) {
		.document-grid {
			grid-template-columns: 1fr;
		}

		.doc-tab-region {
			grid-template-columns: 1fr;
		}

		.doc-tab-nav-btn {
			font-size: 13px;
			padding: 11px 14px;
		}
	}

	/* ── Dark mode ── */
	body.dark-mode .document-card {
		background: #1a2a3a;
		border-color: #1e4060;
	}

	body.dark-mode .document-card-head {
		background: #0a2a45;
	}

	body.dark-mode .document-card-body ol li {
		color: #cdd9e5;
	}

	body.dark-mode .doc-tab-partition {
		background: #1a2a3a;
		border-color: #1e4060;
	}

	body.dark-mode .doc-tab-nav-btn {
		background: #0a2a45;
	}

	body.dark-mode .doc-tab-nav-btn.active {
		background: #061a2e;
	}

	body.dark-mode .doc-tab-panel {
		background: #1a2a3a;
	}

	body.dark-mode .doc-tab-panel ol li {
		color: #cdd9e5;
	}

.doc-tab-region-3col {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
}

@media screen and (max-width: 576px) {
    .doc-tab-region-3col {
        grid-template-columns: 1fr;
    }
}