.wp-block-dream-cgpa-calculator {
	background: #f7fafc;
	padding: 20px;
	border-radius: 10px;
	border: 1px solid #e2e8f0;
	font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	max-width: 100%;
	box-sizing: border-box;
}

.cgpa-semester-title {
	margin-top: 20px;
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 18px;
	color: #2d3748;
	padding-bottom: 8px;
	border-bottom: 2px solid #4299e1;
}

.cgpa-semester-title:first-child {
	margin-top: 0;
}

.cgpa-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 15px;
	background: #ffffff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	overflow: hidden;
	table-layout: fixed;

	thead {
		background: linear-gradient(to bottom, #4299e1, #3182ce);
		
		th {
			color: #ffffff;
			font-weight: 600;
			text-transform: uppercase;
			font-size: 12px;
			letter-spacing: 0.5px;
			padding: 12px 10px;
			text-align: left;
			border: none;
			white-space: nowrap;
		}
	}

	tbody {
		tr {
			border-bottom: 1px solid #e2e8f0;
			transition: background-color 0.2s ease;

			&:hover {
				background-color: #f7fafc;
			}

			&:last-child {
				border-bottom: none;
			}
		}

		td {
			padding: 12px 10px;
			border: none;
			border-right: 1px solid #e2e8f0;
			text-align: left;
			vertical-align: middle;
			color: #2d3748;
			word-wrap: break-word;
			overflow-wrap: break-word;

			&:last-child {
				border-right: none;
			}
		}
	}

	// Column widths
	th:nth-child(1),
	td:nth-child(1) {
		width: 15%;
		min-width: 100px;
	}

	th:nth-child(2),
	td:nth-child(2) {
		width: 40%;
		min-width: 200px;
	}

	th:nth-child(3),
	td:nth-child(3) {
		width: 12%;
		min-width: 80px;
		text-align: center;
	}

	th:nth-child(4),
	td:nth-child(4) {
		width: 15%;
		min-width: 80px;
		text-align: center;
		font-weight: 600;
	}

	th:nth-child(5),
	td:nth-child(5) {
		width: 18%;
		min-width: 100px;
		text-align: center;
		font-weight: 600;
	}
}

// Responsive design for mobile
@media screen and (max-width: 768px) {
	.wp-block-dream-cgpa-calculator {
		padding: 15px;
		overflow-x: auto;
	}

	.cgpa-table {
		min-width: 600px;
		font-size: 13px;

		th,
		td {
			padding: 10px 8px;
			font-size: 12px;
		}

		th {
			font-size: 11px;
			padding: 10px 6px;
		}
	}

	.cgpa-semester-title {
		font-size: 16px;
	}

	.cgpa-semester-summary,
	.cgpa-overall-summary {
		font-size: 14px;
	}
}

.cgpa-semester-summary,
.cgpa-overall-summary {
	margin: 15px 0;
	font-weight: 500;
	font-size: 15px;
	color: #2d3748;
	line-height: 1.6;

	strong {
		color: #3182ce;
		font-weight: 600;
	}
}

.cgpa-overall-summary {
	background: linear-gradient(to right, #4299e1, #3182ce);
	color: #ffffff;
	padding: 15px 20px;
	border-radius: 6px;
	margin-top: 25px;
	font-size: 16px;

	strong {
		color: #ffffff;
		font-weight: 700;
	}
}

hr {
	border: none;
	border-top: 2px solid #e2e8f0;
	margin: 25px 0;
}