article#the-content {
	width: 100%;
	display: block;

	a {
		text-decoration: underline;
		font-style: italic;
		font-weight: var(--fw-medium);
	}

	p {
		&:first-child {
			margin-top: 0;
		}
	}

	.irl {
		padding: 1rem;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	table {
		width: 100%;
		overflow: auto;
		font-size: 0.75rem;
		thead {
			tr {
				th {
					background-color: black;
					color: var(--cp-bg-primary);
					padding: 4px;
				}
			}
		}
		tbody {
			tr {
				td {
					padding: 8px 2px;
					border-bottom: 1px dashed var(--trans-dark-1);
				}
			}
		}

		@media (max-width: 768px) {
			display: block;
			width: 100%;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
			font-size: 0.65rem;
		}
	}

	ul {
		padding-left: 1rem;
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
		li {
			ul {
				list-style: square;
				display: flex;
				flex-direction: column;
				gap: 0.5rem;
				padding-left: 1rem;
			}
		}
	}

	ol {
		padding-left: 1rem;
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}

	p {
		img {
			max-width: 100%;
			height: auto;
			display: block;
		}
	}
	figure {
		width: 100% !important;
		display: block;
		img {
			max-width: 100%;
			height: auto;
			display: block;
		}
	}
	div.code-toolbar {
		width: 100%;
		overflow: hidden;
		pre {
			box-sizing: border-box;
			width: 100%;

			code {
				display: block;
				width: 100%;
				font-size: 0.75rem;
				span {
					font-size: 0.75rem;
				}
			}
		}
	}

	div.jasa-layanan {
		background-color: var(--cp-warning);
		padding: 1rem;
		color: var(--cp-bg-primary);
		ul {
			li {
				a {
					color: var(--cp-bg-primary);
				}
			}
		}
	}
}