/* Cookie banner (js/consent.js). Self-contained: it does not depend on the site's other styles. */
.mc-root { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100000; display: flex; justify-content: center; padding: 12px; pointer-events: none; }
.mc-root[hidden] { display: none; }
.mc-box { pointer-events: auto; box-sizing: border-box; width: 100%; max-width: 760px; max-height: calc(100vh - 24px); overflow-y: auto; background: #ffffff; color: #1c1c1c; border: 1px solid #d5dcdc; border-radius: 12px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25); padding: 18px 20px; font-family: inherit; font-size: 15px; line-height: 1.45; text-align: start; }
.mc-title { margin: 0 0 8px 0; font-size: 18px; line-height: 1.3; color: #0e7878; }
.mc-text { margin: 0 0 14px 0; color: #1c1c1c; }
.mc-link { color: #0e7878; text-decoration: underline; }
.mc-panel { margin: 0 0 14px 0; padding: 0; border-top: 1px solid #e3e8e8; }
.mc-option { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #e3e8e8; cursor: pointer; }
.mc-option input { flex: 0 0 auto; width: 20px; height: 20px; margin: 2px 0 0 0; accent-color: #0e7878; }
.mc-option-text { display: block; }
.mc-option-text strong { display: block; color: #1c1c1c; }
.mc-desc { display: block; color: #4a5555; font-size: 14px; }
.mc-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
/* "Reject all" and "Accept all" look exactly alike on purpose: refusing must be as easy as accepting. */
.mc-btn { appearance: none; -webkit-appearance: none; box-sizing: border-box; min-height: 44px; padding: 10px 20px; border: 2px solid #0e7878; border-radius: 8px; background: #0e7878; color: #ffffff; font: inherit; font-weight: 700; cursor: pointer; }
.mc-btn:hover, .mc-btn:focus-visible { background: #0a5d5d; border-color: #0a5d5d; outline: 3px solid rgba(14, 120, 120, 0.35); outline-offset: 2px; }
.mc-btn-text { background: transparent; color: #0e7878; border-color: transparent; text-decoration: underline; }
.mc-btn-text:hover, .mc-btn-text:focus-visible { background: #eef6f6; color: #0a5d5d; border-color: transparent; }
.mc-save { width: 100%; margin-top: 12px; }
@media (max-width: 560px) {
	.mc-root { padding: 0; }
	.mc-box { max-width: none; border-radius: 12px 12px 0 0; padding: 16px; }
	.mc-actions .mc-btn { flex: 1 1 100%; }
}