body {
	padding: 5pt;
}

.pure-menu-link {
	color: #222;
}

th.vertical {
	rotate: 90;
}

table {
	width: 100%;
	border-collapse: collapse;
	border: 0px solid black;
}

table.stats {
	border: 1px solid black;
	font-size: 80%;
}

th, td {
	border: 0px solid black;
	padding: 8px;
	text-align: left;
}

th.stats, td.stats {
	border: 1px solid black;
	padding: 4px;
	text-align: right;
}

th {
	background-color: #f2f2f2;
	position: relative;
}

th.stats_vert {
	height: 300px;  /* Adjust this value as needed */
	border: 1px solid black;
	vertical-align: bottom;  /* Ensure text stays at the bottom */
}

th div {
	transform: rotate(-90deg);
	transform-origin: bottom left;
	white-space: nowrap;
	position: absolute;
	bottom: 5pt;
	left: 75%;
	/* transform: translateX(-50%) rotate(-90deg); */
}

current_day_0, current_day_1, current_day_2, current_day_3, current_day_4, current_day_5, current_day_6 {
	color: black;
	font-weight: normal;
}

.hamclock_cover {
	background-color: transparent;
	border: 1px solid purple;
	z-index: 1000;
	pointer-events: none;
	position: absolute;
}

.band-conditions {
	--condition-terrible: #d55e00;
	--condition-poor: #e69f00;
	--condition-fair: #f0e442;
	--condition-good: #009e73;
	--condition-unknown: #777;
	max-width: 980px;
}

.band-condition-meta,
.band-condition-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.band-condition-meta {
	color: #555;
	margin: 0 0 14px;
}

.band-condition-meta span {
	background: #f2f2f2;
	padding: 4px 8px;
}

.band-condition-cards {
	margin: 0 0 16px;
}

.band-condition-card {
	border: 1px solid #d8d8d8;
	border-left: 8px solid var(--condition-unknown);
	border-radius: 6px;
	min-width: 96px;
	padding: 8px 10px 10px;
}

.band-condition-dial {
	display: block;
	height: 54px;
	margin: 0 auto 4px;
	max-width: 118px;
	width: 100%;
}

.band-dial-track,
.band-dial-segment {
	fill: none;
	stroke-linecap: round;
	stroke-width: 8;
}

.band-dial-track {
	stroke: rgba(0, 0, 0, 0.12);
}

.band-dial-segment.condition-terrible {
	stroke: var(--condition-terrible);
}

.band-dial-segment.condition-poor {
	stroke: var(--condition-poor);
}

.band-dial-segment.condition-fair {
	stroke: var(--condition-fair);
}

.band-dial-segment.condition-good {
	stroke: var(--condition-good);
}

.band-dial-needle {
	stroke: #222;
	stroke-linecap: round;
	stroke-width: 3;
}

.band-dial-hub {
	fill: #222;
}

.band-condition-card dt {
	color: #555;
	font-size: 0.85rem;
}

.band-condition-card dd {
	font-size: 1.35rem;
	font-weight: bold;
	margin: 2px 0 0;
}

.band-condition-summary {
	font-weight: bold;
}

.band-condition-table .band-condition-status {
	border-left: 8px solid var(--condition-unknown);
	font-weight: bold;
}

.band-condition-table.pure-table td {
	background: #fff;
}

.band-condition-table.pure-table tr.condition-row:nth-child(2n) td:not(.band-condition-status) {
	background: #f7f7f7;
}

.band-condition-card.condition-terrible,
.band-condition-table.pure-table td.band-condition-status.condition-terrible {
	background: #fff1eb;
	border-left-color: var(--condition-terrible);
}

.band-condition-card.condition-poor,
.band-condition-table.pure-table td.band-condition-status.condition-poor {
	background: #fff6df;
	border-left-color: var(--condition-poor);
}

.band-condition-card.condition-fair,
.band-condition-table.pure-table td.band-condition-status.condition-fair {
	background: #fffde0;
	border-left-color: var(--condition-fair);
}

.band-condition-card.condition-good,
.band-condition-table.pure-table td.band-condition-status.condition-good {
	background: #e8f7f1;
	border-left-color: var(--condition-good);
}

.band-condition-card.condition-unknown,
.band-condition-table.pure-table td.band-condition-status.condition-unknown {
	background: #f3f3f3;
	border-left-color: var(--condition-unknown);
}

.band-condition-note {
	color: #555;
	font-size: 0.9rem;
}