.ogd-block {
	margin: 0 0 40px;
	padding: 14px 16px;
	border: 1px solid #d9e2dd;
	border-left: 4px solid #143928;
	border-radius: 8px;
	background: #f4f8f6;
}
.ogd-block-title { font-weight: 700; color: #143928; margin-bottom: 8px; }
.ogd-list { list-style: none; margin: 0; padding: 0; }
.ogd-item { padding: 6px 0; border-top: 1px dashed #d9e2dd; }
.ogd-item:first-child { border-top: 0; }
.ogd-name { font-weight: 600; }
.ogd-inc { color: #2f6b4f; font-size: .9em; }
.ogd-old { text-decoration: line-through; color: #9aa5a0; font-size: .9em; }
.ogd-free-tag { color: #b32d2e; font-weight: 700; }
.ogd-variations { margin-top: 6px; }
.ogd-var { display: inline-flex; align-items: center; gap: 6px; margin-right: 12px; }
.ogd-var-select { min-width: 135px; padding: 4px 8px; }
.ogd-toggle { cursor: pointer; }
.ogd-badge {
	display: inline-block; margin-left: 6px; padding: 1px 8px;
	background: #143928; color: #fff; border-radius: 10px; font-size: .78em; vertical-align: middle;
}
.ogd-free { color: #2f6b4f; font-weight: 700; }