/* EWARNET chapter system — navy/gold */
:root {
	--ew-panel: #141B29;
	--ew-panel2: #1B2436;
	--ew-line: #26324a;
	--ew-gold: #E8B94A;
	--ew-gold-dim: #8a6f27;
	--ew-tx: #E9ECF3;
	--ew-tx2: #95A0B8;
	--ew-tx3: #5F6B84;
}

.ew-chapters {
	margin: 26px 0;
	border: 1px solid var(--ew-line);
	border-radius: 6px;
	background: var(--ew-panel);
	overflow: hidden;
}
.ew-ch-title {
	margin: 0;
	padding: 12px 16px;
	border-bottom: 1px solid var(--ew-line);
	font-size: 16px;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--ew-tx);
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.ew-ch-count { font-size: 11px; letter-spacing: .08em; color: var(--ew-tx3); text-transform: none; }
.ew-ch-list { list-style: none; margin: 0; padding: 0; max-height: 420px; overflow-y: auto; }
.ew-ch-list li { margin: 0; }
.ew-ch-jump {
	display: flex;
	gap: 12px;
	width: 100%;
	padding: 10px 16px;
	background: none;
	border: 0;
	border-bottom: 1px solid rgba(38, 50, 74, .5);
	color: var(--ew-tx);
	text-align: left;
	cursor: pointer;
	font: inherit;
}
.ew-ch-jump:hover { background: var(--ew-panel2); }
.ew-ch-jump.ew-active { background: var(--ew-panel2); box-shadow: inset 3px 0 0 var(--ew-gold); }
.ew-ch-time {
	color: var(--ew-gold);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	min-width: 58px;
	flex: 0 0 auto;
}
.ew-ch-label { font-size: 14.5px; line-height: 1.4; }
.ew-ch-note { display: block; font-size: 12px; color: var(--ew-tx3); margin-top: 2px; }

/* inline timestamp buttons inside comments */
.ew-ch-inline {
	display: inline;
	width: auto;
	padding: 0 2px;
	border: 0;
	background: none;
	color: var(--ew-gold);
	font-weight: 600;
	cursor: pointer;
	font-variant-numeric: tabular-nums;
}
.ew-ch-inline:hover { text-decoration: underline; }

/* creator credit */
.ew-credit {
	margin: 18px 0;
	padding: 12px 16px;
	border: 1px solid var(--ew-line);
	border-radius: 6px;
	background: var(--ew-panel);
	font-size: 14px;
	color: var(--ew-tx2);
}
.ew-credit a { color: var(--ew-gold); text-decoration: none; }
.ew-credit a:hover { text-decoration: underline; }

/* skaha strip */
.ew-skaha {
	margin: 18px 0;
	padding: 14px 18px;
	border: 1px solid var(--ew-gold-dim);
	border-radius: 6px;
	background: linear-gradient(100deg, rgba(232, 185, 74, .09), rgba(232, 185, 74, .02) 60%);
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}
.ew-skaha-k {
	font-weight: 700;
	letter-spacing: .08em;
	color: var(--ew-gold);
	flex: 0 0 auto;
}
.ew-skaha-t { flex: 1 1 240px; font-size: 14px; color: var(--ew-tx2); }
.ew-skaha-t strong { color: var(--ew-tx); }
.ew-skaha-b {
	background: var(--ew-gold);
	color: #12151c !important;
	border-radius: 4px;
	padding: 9px 16px;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	flex: 0 0 auto;
}
.ew-skaha-b:hover { background: #f5c95d; }

@media (max-width: 600px) {
	.ew-skaha-b { width: 100%; text-align: center; }
}

/* curator note on VOD page */
.ew-curator {
	margin: 0 0 22px;
	padding: 2px 0 2px 15px;
	border-left: 2px solid var(--ew-gold);
	color: var(--ew-tx2);
	font-size: 15px;
	line-height: 1.65;
}
.ew-curator b {
	display: block;
	color: var(--ew-tx);
	font-size: 11.5px;
	letter-spacing: .14em;
	text-transform: uppercase;
	margin-bottom: 4px;
}