/* Regatta Duisburg – spacing & width options of the blocks ("Abstand & Breite"). */
.rde-layout {
	box-sizing: border-box;
	width: 100%;
}

/* Side spacing so the block does not touch the page edges */
.rde-layout.rde-space-s {
	padding-inline: clamp(12px, 2vw, 16px);
	padding-block: 12px;
}

.rde-layout.rde-space-m {
	padding-inline: clamp(16px, 4vw, 40px);
	padding-block: 24px;
}

.rde-layout.rde-space-l {
	padding-inline: clamp(20px, 7vw, 80px);
	padding-block: 40px;
}

/* Limit to the content width of the theme (regatta-duisburg.com: 1280px) and centre */
.rde-layout.rde-contained {
	max-width: var(--container-max-width-px, 1280px);
	margin-left: auto !important;
	margin-right: auto !important;
}

/* With spacing, the padding is added on top of the content width */
.rde-layout.rde-contained.rde-space-s { max-width: calc(var(--container-max-width-px, 1280px) + 32px); }
.rde-layout.rde-contained.rde-space-m { max-width: calc(var(--container-max-width-px, 1280px) + 80px); }
.rde-layout.rde-contained.rde-space-l { max-width: calc(var(--container-max-width-px, 1280px) + 160px); }

/* Download buttons (PNG / PDF) of the venue map and the race course */
.rde-export {
	display: inline-flex;
	gap: 6px;
}

.rde-export button {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 32px;
	margin: 0;
	padding: 4px 10px;
	border: 1px solid rgba(217, 255, 3, 0.45);
	border-radius: 999px;
	background: transparent;
	color: var(--color-secondary, #d9ff03);
	font: 700 12px/1 var(--font-body, "DM Sans", sans-serif);
	letter-spacing: 0.06em;
	cursor: pointer;
}

.rde-export button:hover,
.rde-export button:focus-visible {
	background: var(--color-secondary, #d9ff03);
	color: var(--color-dark, #14206c);
	outline: none;
}

.rde-export button[aria-busy="true"] {
	opacity: 0.6;
	cursor: progress;
}

.rde-export svg {
	width: 14px;
	height: 14px;
}