:root {
	--rpgpostmarathon-gold:   #c9a227;
	--rpgpostmarathon-silver: #aeb3ba;
	--rpgpostmarathon-bronze: #b0733f;
}
@media (prefers-color-scheme: light) {
	:root:not([data-theme="dark"]) {
		--rpgpostmarathon-gold:   #8d6b12;
		--rpgpostmarathon-silver: #6b7079;
		--rpgpostmarathon-bronze: #8a5327;
	}
}
:root[data-theme="light"] {
	--rpgpostmarathon-gold:   #8d6b12;
	--rpgpostmarathon-silver: #6b7079;
	--rpgpostmarathon-bronze: #8a5327;
}
:root[data-theme="dark"] {
	--rpgpostmarathon-gold:   #c9a227;
	--rpgpostmarathon-silver: #aeb3ba;
	--rpgpostmarathon-bronze: #b0733f;
}

.rpgpostmarathon {
	font-size: var(--md-t-body);
	color: var(--md-ink-dim);
}
.rpgpostmarathon *,
.rpgpostmarathon *::before,
.rpgpostmarathon *::after { box-sizing: border-box; }

.rpgpostmarathon-visually-hidden {
	position: absolute;
	width: 1px; height: 1px;
	margin: -1px; padding: 0; border: 0;
	overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}

/* ============================================================
   Links und Knöpfe
   ============================================================ */
.rpgpostmarathon-link {
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--md-ink-dim);
	transition: color var(--md-dur) var(--md-ease);
}
.rpgpostmarathon-link::after { content: " \2192"; color: var(--md-accent-soft); }
.rpgpostmarathon-link:hover { color: var(--md-ink); }
.rpgpostmarathon-link--danger { color: var(--md-ink-faint); }
.rpgpostmarathon-link--danger::after { color: var(--md-accent); }

.rpgpostmarathon-button { display: inline-block; }
.rpgpostmarathon-button--danger { border-color: var(--md-accent-soft); color: var(--md-ink); }
.rpgpostmarathon-button--danger:hover { border-color: var(--md-accent); }

/* Navigation im Seitenkopf */
.rpgpostmarathon-nav {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	margin-top: 1.2rem;
}

/* ============================================================
   Hinweise
   ============================================================ */
.rpgpostmarathon-notice { margin: 1.4rem 0; }
.rpgpostmarathon-notice--success { border-left-color: var(--md-ink); }
.rpgpostmarathon-notice--error { border-left-color: var(--md-accent); }

/* ============================================================
   Kopf des laufenden Marathons
   ============================================================ */
.rpgpostmarathon-current__header { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }

.rpgpostmarathon-current__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .5rem 1rem;
	margin: 0;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.rpgpostmarathon-current__number { font-variant-numeric: tabular-nums; }

/* Die Phase ist ein Zustand — sie steht als Wort da, nicht als Kasten. */
.rpgpostmarathon-phase { color: var(--md-ink-dim); }
.rpgpostmarathon-phase--running { color: var(--md-ink-bright); }
.rpgpostmarathon-phase--announced { color: var(--md-ink); }
.rpgpostmarathon-phase--cancelled { color: var(--md-accent-soft); }

.rpgpostmarathon-current__title { margin-top: .4rem; }

.rpgpostmarathon-current__dates {
	margin: .7rem 0 0;
	font-size: var(--md-t-micro);
	color: var(--md-ink-dim);
}
.rpgpostmarathon-current__timezone { color: var(--md-ink-faint); }

.rpgpostmarathon-countdown {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .5rem .8rem;
	margin: .7rem 0 0;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.rpgpostmarathon-countdown__time {
	font-variant-numeric: tabular-nums;
	color: var(--md-ink);
}

.rpgpostmarathon-current__description { margin: 1.6rem 0 0; }

/* ============================================================
   Karten — eine Haarlinie, keine Fläche
   ============================================================ */
.rpgpostmarathon-card {
	padding: clamp(1.1rem, 2.4vw, 1.6rem);
	border: 1px solid var(--md-rule-hair);
}
.rpgpostmarathon-card + .rpgpostmarathon-card { margin-top: 1.4rem; }

.rpgpostmarathon-card__title { margin-bottom: .9rem; }
.rpgpostmarathon-card__meta {
	margin: 0 0 1.1rem;
	font-size: var(--md-t-micro);
	line-height: 1.7;
	color: var(--md-ink-faint);
}

.rpgpostmarathon-current__grid {
	display: grid;
	gap: 1.4rem;
	margin-top: clamp(1.5rem, 3vw, 2.25rem);
}
@media (min-width: 900px) {
	.rpgpostmarathon-current__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rpgpostmarathon-current__grid > .rpgpostmarathon-card + .rpgpostmarathon-card { margin-top: 0; }
}

.rpgpostmarathon-none__text,
.rpgpostmarathon-empty { margin: 0; color: var(--md-ink-faint); }

/* ============================================================
   Fortschrittsbalken
   ------------------------------------------------------------
   Der Stand ist ein Zustand: die Füllung trägt Helligkeit,
   die Wortachse steht eine Stufe leiser als die Postachse.
   ============================================================ */
.rpgpostmarathon-bar + .rpgpostmarathon-bar { margin-top: 1rem; }

.rpgpostmarathon-bar__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: .3rem .8rem;
	margin-bottom: .4rem;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
}
.rpgpostmarathon-bar__label { color: var(--md-ink-faint); }
.rpgpostmarathon-bar__value {
	font-variant-numeric: tabular-nums;
	color: var(--md-ink);
}

.rpgpostmarathon-bar__track {
	position: relative;
	height: 2px;
	background: var(--md-rule-hair);
}
/* Das Plugin liefert eine blanke Zahl von 0 bis 100, keinen Prozentwert. */
.rpgpostmarathon-bar__fill {
	width: calc(var(--rpgpostmarathon-fill, 0) * 1%);
	max-width: 100%;
	height: 100%;
	background: var(--md-ink-dim);
	transition: width var(--md-dur) var(--md-ease);
}
.rpgpostmarathon-bar--words .rpgpostmarathon-bar__fill { background: var(--md-ink-faint); }
.rpgpostmarathon-bar--close .rpgpostmarathon-bar__fill { background: var(--md-ink); }
.rpgpostmarathon-bar--reached .rpgpostmarathon-bar__track { height: 3px; }
.rpgpostmarathon-bar--reached .rpgpostmarathon-bar__fill { background: var(--md-ink-bright); }
.rpgpostmarathon-bar--reached .rpgpostmarathon-bar__value { color: var(--md-ink-bright); }

/* ============================================================
   Zielstand und Kennzahlen
   ============================================================ */
.rpgpostmarathon-status {
	margin: 1rem 0 0;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.rpgpostmarathon-status--reached { color: var(--md-ink-bright); }
.rpgpostmarathon-status--missed { color: var(--md-accent-soft); }

.rpgpostmarathon-stat {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: .3rem .8rem;
	margin: .5rem 0 0;
}
.rpgpostmarathon-stat__label {
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.rpgpostmarathon-stat__value {
	font-weight: 400;
	font-variant-numeric: tabular-nums;
	color: var(--md-ink);
}

.rpgpostmarathon-average {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .8rem;
	margin: 1.2rem 0 0;
	padding-top: 1.1rem;
	border-top: 1px solid var(--md-rule-hair);
}
.rpgpostmarathon-average__label {
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.rpgpostmarathon-average__value {
	margin: .25rem 0 0;
	font-family: var(--md-f-serif);
	font-size: 1.15rem;
	letter-spacing: var(--md-ls-display);
	font-variant-numeric: tabular-nums;
	color: var(--md-ink-bright);
}

/* Haken und Strich in den Tabellen */
.rpgpostmarathon-check { font-variant-numeric: tabular-nums; }
.rpgpostmarathon-check--reached { color: var(--md-ink-bright); }
.rpgpostmarathon-check--open { color: var(--md-ink-faint); }

/* ============================================================
   Treppchen
   ------------------------------------------------------------
   Kein Emoji, kein Farbfleck: der Rang steht im Wort und in
   der Helligkeit des Punktes davor.
   ============================================================ */
.rpgpostmarathon-section-title { margin: clamp(2rem, 4vw, 3rem) 0 .9rem; }

.rpgpostmarathon-podiums__note {
	margin: 0 0 1.2rem;
	font-size: var(--md-t-micro);
	color: var(--md-ink-faint);
}
.rpgpostmarathon-podiums__note:empty { display: none; }

.rpgpostmarathon-podiums__grid,
.rpgpostmarathon-archive__grid {
	display: grid;
	gap: 1.4rem;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.rpgpostmarathon-podium {
	padding: 1.1rem 1.2rem;
	border: 1px solid var(--md-rule-hair);
}
.rpgpostmarathon-podium__title {
	margin: 0 0 .9rem;
	font-family: var(--md-f-serif);
	font-weight: 400;
	font-size: var(--md-t-head);
	letter-spacing: var(--md-ls-head);
	text-transform: uppercase;
	color: var(--md-ink);
}

.rpgpostmarathon-podium__places {
	margin: 0;
	padding: 0;
	list-style: none;
}

.rpgpostmarathon-place {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: baseline;
	gap: .2rem .7rem;
	padding: .6rem 0;
	border-top: 1px solid var(--md-rule-hair);
	font-size: var(--md-t-micro);
}
.rpgpostmarathon-place:first-child { border-top: 0; }

/* Die Medaille ist gezeichnet, nicht gesetzt: die Scheibe ist die Fläche,
   die beiden Pseudo-Elemente sind das Band. Den Metallton setzt der Platz
   als --rpgpostmarathon-medal, die Scheibe liest ihn nur aus. */
.rpgpostmarathon-place--gold   { --rpgpostmarathon-medal: var(--rpgpostmarathon-gold); }
.rpgpostmarathon-place--silver { --rpgpostmarathon-medal: var(--rpgpostmarathon-silver); }
.rpgpostmarathon-place--bronze { --rpgpostmarathon-medal: var(--rpgpostmarathon-bronze); }

.rpgpostmarathon-place__icon {
	position: relative;
	grid-row: 1 / span 2;
	align-self: center;
	width: 12px; height: 12px;
	margin-top: 7px;
	border-radius: 50%;
	background: var(--rpgpostmarathon-medal, var(--md-ink-dim));
}
.rpgpostmarathon-place__icon::before,
.rpgpostmarathon-place__icon::after {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: calc(100% - 3px);
	width: 2px;
	height: 8px;
	background: var(--rpgpostmarathon-medal, var(--md-ink-dim));
	opacity: .5;
	transform-origin: bottom center;
}
.rpgpostmarathon-place__icon::before { left: 2px;  transform: rotate(24deg); }
.rpgpostmarathon-place__icon::after  { right: 2px; transform: rotate(-24deg); }

.rpgpostmarathon-place__medal {
	grid-column: 2;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.rpgpostmarathon-place__names {
	grid-column: 2;
	min-width: 0;
	font-family: var(--md-f-serif);
	font-size: 1rem;
	letter-spacing: var(--md-ls-display);
	color: var(--md-ink);
}
.rpgpostmarathon-place__names a { color: var(--md-ink-bright); }
.rpgpostmarathon-place__names a:hover { color: var(--md-accent-soft); }
.rpgpostmarathon-place__value {
	grid-column: 3;
	grid-row: 1 / span 2;
	align-self: center;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
	color: var(--md-ink-dim);
}

.rpgpostmarathon-place--empty {
	display: block;
	color: var(--md-ink-faint);
}

/* ============================================================
   Tagesverlauf
   ============================================================ */
.rpgpostmarathon-daily__legend {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 1.2rem;
	margin: 0 0 1rem;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.rpgpostmarathon-daily__key::before {
	content: "";
	display: inline-block;
	width: 14px; height: 2px;
	margin-right: .5rem;
	vertical-align: middle;
	background: var(--md-ink-dim);
}
.rpgpostmarathon-daily__key--words::before { background: var(--md-ink-faint); }

.rpgpostmarathon-daily__list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.rpgpostmarathon-daily__day {
	display: grid;
	grid-template-columns: 6rem minmax(0, 1fr) auto;
	align-items: center;
	gap: .7rem;
	padding: .45rem 0;
	border-top: 1px solid var(--md-rule-hair);
	font-size: var(--md-t-micro);
}
.rpgpostmarathon-daily__day:first-child { border-top: 0; }

.rpgpostmarathon-daily__date {
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.rpgpostmarathon-daily__bars {
	display: grid;
	gap: 2px;
	min-width: 0;
}
.rpgpostmarathon-daily__bar {
	display: block;
	width: calc(var(--rpgpostmarathon-fill, 0) * 1%);
	min-width: 2px;
	max-width: 100%;
	height: 2px;
	background: var(--md-ink-dim);
}
.rpgpostmarathon-daily__bar--words { background: var(--md-ink-faint); }

.rpgpostmarathon-daily__values {
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
	color: var(--md-ink-dim);
}

@media (max-width: 620px) {
	.rpgpostmarathon-daily__day { grid-template-columns: 5rem minmax(0, 1fr); }
	.rpgpostmarathon-daily__values { grid-column: 2; }
}

/* ============================================================
   Tabellen — Rangliste, Teilnehmer, Hall of Fame
   ============================================================ */
.rpgpostmarathon-table-wrap { overflow-x: auto; }

.rpgpostmarathon-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}
.rpgpostmarathon-table th,
.rpgpostmarathon-table td {
	padding: .7rem 1rem .7rem 0;
	background: none;
	text-align: left;
	vertical-align: top;
}
.rpgpostmarathon-table th:last-child,
.rpgpostmarathon-table td:last-child { padding-right: 0; }

.rpgpostmarathon-table thead th {
	padding-top: 0;
	border-bottom: 1px solid var(--md-rule-soft);
	font-size: var(--md-t-kicker);
	font-weight: 400;
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--md-ink-faint);
}

.rpgpostmarathon-table tbody th,
.rpgpostmarathon-table tbody td {
	border-bottom: 1px solid var(--md-rule-hair);
	font-size: var(--md-t-micro);
	line-height: 1.7;
	color: var(--md-ink-dim);
}
.rpgpostmarathon-table tbody tr:last-child th,
.rpgpostmarathon-table tbody tr:last-child td { border-bottom: 0; }

/* Der Name führt die Zeile, bleibt aber in ihrer Schrift und Größe;
   er hebt sich nur über die Helligkeit ab. */
.rpgpostmarathon-table tbody th[scope="row"] {
	font-weight: 400;
	font-size: var(--md-t-micro);
	color: var(--md-ink);
}
.rpgpostmarathon-table tbody th[scope="row"] a { color: var(--md-ink-bright); }
.rpgpostmarathon-table tbody th[scope="row"] a:hover { color: var(--md-accent-soft); }

.rpgpostmarathon-table tbody td { font-variant-numeric: tabular-nums; }

/* ============================================================
   Teilnehmerliste hinter einem Auszug
   ============================================================ */
.rpgpostmarathon-participants { margin-top: clamp(1.5rem, 3vw, 2.25rem); }

.rpgpostmarathon-participants__summary,
.rpgpostmarathon-own__summary {
	cursor: pointer;
	list-style: none;
}
.rpgpostmarathon-participants__summary::-webkit-details-marker,
.rpgpostmarathon-own__summary::-webkit-details-marker { display: none; }
.rpgpostmarathon-participants__summary::after,
.rpgpostmarathon-own__summary::after {
	content: " +";
	color: var(--md-accent-soft);
}
.rpgpostmarathon-participants__details[open] > .rpgpostmarathon-participants__summary::after,
.rpgpostmarathon-own__change[open] > .rpgpostmarathon-own__summary::after { content: " \2212"; }

.rpgpostmarathon-own__summary {
	margin-top: 1.2rem;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-dim);
	transition: color var(--md-dur) var(--md-ease);
}
.rpgpostmarathon-own__summary:hover { color: var(--md-ink); }

.rpgpostmarathon-participants__quote {
	margin: .8rem 0 1.1rem;
	font-size: var(--md-t-micro);
	color: var(--md-ink-faint);
}

.rpgpostmarathon-own__leave { margin: 1.2rem 0 0; }

/* ============================================================
   Formular für das eigene Ziel
   ============================================================ */
.rpgpostmarathon-form { margin: 0; }
.rpgpostmarathon-form__fields {
	display: grid;
	gap: 1rem;
	margin-top: 1rem;
}
@media (min-width: 520px) {
	.rpgpostmarathon-form__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.rpgpostmarathon-form__row { display: grid; gap: .35rem; }

.rpgpostmarathon-form__hint {
	margin: .9rem 0 1.2rem;
	font-size: var(--md-t-micro);
	line-height: 1.7;
	color: var(--md-ink-faint);
}

.rpgpostmarathon-form--inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	margin-top: 1.2rem;
}

/* ============================================================
   Archiv
   ============================================================ */
.rpgpostmarathon-archive-card__header { margin-bottom: .8rem; }
.rpgpostmarathon-archive-card__title {
	margin: 0;
	font-family: var(--md-f-serif);
	font-weight: 400;
	font-size: 1.15rem;
	letter-spacing: var(--md-ls-display);
	text-transform: uppercase;
	color: var(--md-ink-bright);
}
.rpgpostmarathon-archive-card__title a { color: inherit; }
.rpgpostmarathon-archive-card__title a:hover { color: var(--md-accent-soft); }

.rpgpostmarathon-archive-card__dates,
.rpgpostmarathon-archive-card__status {
	margin: .4rem 0 0;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.rpgpostmarathon-archive-card__status { margin-bottom: 1rem; }

.rpgpostmarathon-archive-card__podiums { margin-top: 1.1rem; }
.rpgpostmarathon-archive-card__podiums:empty { display: none; }
.rpgpostmarathon-archive-card__podiums .rpgpostmarathon-podium {
	padding: 0;
	border: 0;
}
.rpgpostmarathon-archive-card__podiums .rpgpostmarathon-podium + .rpgpostmarathon-podium { margin-top: 1rem; }

.rpgpostmarathon-archive-card__more { margin: 1.2rem 0 0; }

.rpgpostmarathon-view__back {
	margin: clamp(2rem, 4vw, 3rem) 0 0;
	padding-top: 1.2rem;
	border-top: 1px solid var(--md-rule-hair);
}

/* ============================================================
   Hall of Fame und Profilkasten
   ============================================================ */
.rpgpostmarathon-hof__ref { display: inline; }
.rpgpostmarathon-hof__marathon {
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	font-variant-numeric: tabular-nums;
	color: var(--md-ink-faint);
}
.rpgpostmarathon-hof__marathon:hover { color: var(--md-ink); }

.rpgpostmarathon-profile__current { margin-bottom: 1.1rem; }

.rpgpostmarathon-profile__stat {
	margin: .4rem 0 0;
	font-size: var(--md-t-micro);
	color: var(--md-ink-dim);
}
.rpgpostmarathon-profile__stat a { color: var(--md-ink); }

.rpgpostmarathon-profile__medals {
	margin: 0 0 .9rem;
	padding: 0;
	list-style: none;
}
.rpgpostmarathon-profile__medals:empty { display: none; }
.rpgpostmarathon-profile__medal {
	grid-template-columns: auto minmax(0, 1fr) auto;
	padding: .45rem 0;
}
.rpgpostmarathon-profile__medal-title {
	grid-column: 2;
	min-width: 0;
	font-family: var(--md-f-serif);
	font-size: 1rem;
	letter-spacing: var(--md-ls-display);
	color: var(--md-ink);
}
.rpgpostmarathon-profile__medal .rpgpostmarathon-hof__marathon {
	grid-column: 3;
	grid-row: 1 / span 2;
	align-self: center;
}

.rpgpostmarathon-profile__records { margin-top: .9rem; }
.rpgpostmarathon-profile__records:empty { display: none; }

/* ============================================================
   Widgets ausserhalb der Seite
   ------------------------------------------------------------
   Der Kopfbalken ist ein .md-notice und erbt dessen Fläche;
   Banner und Siegerkasten stehen als eigene Haarlinie da.
   ============================================================ */
.rpgpostmarathon-widget--header .rpgpostmarathon-widget__subtitle {
	font-family: var(--md-f-serif);
	letter-spacing: var(--md-ls-display);
	color: var(--md-ink);
}
.rpgpostmarathon-widget--header .rpgpostmarathon-widget__bars {
	flex: 1 1 12rem;
	align-self: center;
	min-width: 0;
	margin-top: 0;
}
.rpgpostmarathon-widget--header .rpgpostmarathon-countdown { margin: 0; }

.rpgpostmarathon-widget--banner,
.rpgpostmarathon-widget--winners {
	padding: clamp(1.1rem, 2.4vw, 1.6rem);
	border: 1px solid var(--md-rule-hair);
	font-size: var(--md-t-body);
	color: var(--md-ink-dim);
}
.rpgpostmarathon-widget__title {
	margin: .4rem 0 0;
	font-family: var(--md-f-serif);
	font-weight: 400;
	font-size: 1.3rem;
	letter-spacing: var(--md-ls-display);
	text-transform: uppercase;
	color: var(--md-ink-bright);
}
.rpgpostmarathon-widget__title a { color: inherit; }
.rpgpostmarathon-widget__title a:hover { color: var(--md-accent-soft); }

.rpgpostmarathon-widget--banner .rpgpostmarathon-widget__subtitle,
.rpgpostmarathon-widget--winners .rpgpostmarathon-widget__subtitle { margin-top: .5rem; }

.rpgpostmarathon-widget__bars { margin-top: 1rem; }
.rpgpostmarathon-widget__podiums { margin-top: 1.1rem; }
.rpgpostmarathon-widget__podiums .rpgpostmarathon-podium {
	padding: 0;
	border: 0;
}
.rpgpostmarathon-widget__podiums .rpgpostmarathon-podium + .rpgpostmarathon-podium { margin-top: 1rem; }
.rpgpostmarathon-widget__action { margin: 1.2rem 0 0; }

/* ============================================================
   Schmale Schirme — die Tabellen werden zu Listen
   ============================================================ */
@media (max-width: 760px) {
	.rpgpostmarathon-table thead { display: none; }
	.rpgpostmarathon-table,
	.rpgpostmarathon-table tbody,
	.rpgpostmarathon-table tr,
	.rpgpostmarathon-table th,
	.rpgpostmarathon-table td { display: block; width: 100%; }
	.rpgpostmarathon-table tbody tr {
		padding: .8rem 0;
		border-bottom: 1px solid var(--md-rule-hair);
	}
	.rpgpostmarathon-table tbody th,
	.rpgpostmarathon-table tbody td { padding: .1rem 0; border-bottom: 0; }
}