/**
 * Frontend Styles
 *
 * Styles for the public-facing side
 *
 * @package    Quellcoder\QuellcoderCalculator
 * @since      1.0.0
 */

.quellcoder-calculator-wrapper {
	margin: 20px 0;
}

.example-shortcode {
	padding: 20px;
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin: 20px 0;
}

.example-shortcode h3 {
	margin-top: 0;
	margin-bottom: 15px;
	color: #333;
}

.example-shortcode p {
	margin-bottom: 10px;
	color: #666;
}

.example-shortcode .shortcode-content {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ddd;
}