html, body {background: #fff; color: #111; font: normal 16px/1.2 Arial;}
.hidden {display: none;}
.container {max-width: 800px; margin: 0 auto; padding: 30px 10px; box-sizing: border-box;}
a {color: #1a5fdc;}
h1 {font-size: 45px; margin: 0 0 15px; text-align: center;}
h2 {font-size: 22px; margin: 0 0 35px; text-align: center;}

.option-row {margin: 25px 0;}
.option-row p {font-size: 16px; margin: 0 0 10px;}
.option-row select {font-size: 14px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; width: 250px; max-width: 100%;}

.graph {float: right; margin-left: 25px;}
button {font-size: 20px; padding: 10px 20px; width: 200px; background: #fcad09; color: #fff; border: none; border-radius: 5px; cursor: pointer; vertical-align: middle;}
button.run {background: #1a5fdc; margin-left: 25px;}
.chart {display: inline-block;}
.spouse-chart {display: none;}
.spouse-chart.active {display: inline-block;}

.roll-container {margin: 20px 0;}
.rc-caption {font-weight: bold;}
.rc-item {}
.rc-item.yhbrs span {color: #1aa709; font-weight: bold;}
.rc-item.yhbrs span.cn {color: #fff; margin: 5px 0 10px; display: block; background: #3187e0; padding: 10px;   border-radius: 5px; width: max-content;}
.rc-items {display: none; margin: 15px 0;}
.clear-result {margin-left: 25px; cursor: pointer; vertical-align: middle; text-decoration: underline;}
footer {margin: 60px 0 0; padding-top: 25px; border-top: 1px solid #e1e1e1; font-size: 13px;}
footer a {margin-left: 15px;}
.coffee-support {display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 8px; padding: 18px; border-radius: 8px; background: #fff8e7; color: #4a3510; font-size: 14px; text-align: center;}
.coffee-support a {display: inline-block; margin: 0; padding: 9px 14px; border-radius: 6px; background: #fcad09; color: #fff; font-weight: bold; text-decoration: none; white-space: nowrap; box-shadow: 0 2px 5px rgba(120, 77, 0, .2);}
.coffee-support a:hover {background: #e99b00;}
.seo-content {position: relative; clear: both; margin-top: 85px; padding-top: 42px; border-top: 1px solid #e5e9ef; color: #3d4248; font-size: 15px; line-height: 1.55;}
.seo-content::before {content: "About DV Lottery odds"; position: absolute; top: 0; left: 50%; padding: 5px 12px; border: 1px solid #e5e9ef; border-radius: 20px; background: #fff; color: #7a828c; font-size: 12px; letter-spacing: .02em; transform: translate(-50%, -50%); white-space: nowrap;}
.seo-content section {margin-top: 34px;}
.seo-content section:first-child {margin-top: 0;}
.seo-content h2 {margin-bottom: 12px; font-size: 21px; line-height: 1.3; text-align: left;}
.seo-content h3 {margin: 25px 0 9px; font-size: 17px; line-height: 1.35;}
.seo-content p {margin: 0 0 15px;}
.table-wrap {overflow-x: auto;}
.country-list table {width: 100%; border-collapse: collapse;}
.country-list th, .country-list td {padding: 11px 12px; border: 1px solid #e1e1e1; text-align: right;}
.country-list th {background: #f7f7f7; font-weight: bold;}
.country-list th:first-child, .country-list td:first-child {width: 40%; text-align: left;}
.country-list td.y {background: #ffffe7;}
.country-list td.g {background: #efffe7;}
.country-list td.r {background: #ffe7e7;}
.country-stats {display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 25px 0;}
.country-stats div {padding: 18px; border: 1px solid #e1e1e1; border-radius: 6px; background: #fafafa;}
.country-stats span, .country-stats strong {display: block;}
.country-stats span {margin-bottom: 6px; color: #666; font-size: 13px;}
.country-stats strong {font-size: 18px;}
.not-found {margin: 60px 0; text-align: center;}
	
	
@media screen and (max-width: 980px) {
	h1 {text-align: center; font-size: 25px;}
	.graph {float: none; margin: 0; text-align: center;}
	button {display: block; margin: 10px auto !important;}
	.clear-result {display: block; text-align: center; margin: 0;}
	footer a {display: block; margin: 10px 0;}
	.coffee-support {display: block;}
	.coffee-support a {width: max-content; margin: 12px auto;}
	.seo-content {margin-top: 65px; padding-top: 36px; font-size: 14px;}
	.seo-content h2 {font-size: 19px;}
	.country-stats {grid-template-columns: 1fr;}
	.country-list th, .country-list td {padding: 8px; font-size: 14px;}
}