.aksharkosh-reader {
	margin: 1.5em 0;
}
.aksharkosh-reader .rd-entry label {
	display: block;
	margin-bottom: 0.35em;
	font-weight: 600;
}
.aksharkosh-reader textarea {
	box-sizing: border-box;
	width: 100%;
	height: 22rem;
	min-height: 8rem;
	padding: 0.75em;
	border: 1px solid var(--aksharkosh-border, rgba(128, 128, 128, 0.5));
	border-radius: 6px;
	background: var(--aksharkosh-pane-bg, transparent);
	color: inherit;
	font-family: inherit;
	font-size: 1.1em;
	line-height: 1.7;
	resize: vertical;
}
.aksharkosh-reader .rd-entry-actions,
.aksharkosh-reader .rd-controls,
.aksharkosh-reader .rd-reading-head {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5em;
}
.aksharkosh-reader .rd-entry-actions { margin-top: 0.65em; }
.aksharkosh-reader .rd-reading-head {
	justify-content: space-between;
	margin: 1.25em 0 0.5em;
}
.aksharkosh-reader .rd-reading-head strong { font-weight: 600; }
.aksharkosh-reader button,
.aksharkosh-reader select {
	padding: 0.4em 0.85em;
	border: 1px solid var(--dl-accent, #3b47c4);
	border-radius: 999px;
	background: var(--dl-page, #fff);
	color: var(--dl-accent, #3b47c4);
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}
.aksharkosh-reader button:hover:not(:disabled) { background: var(--dl-accent, #3b47c4); color: #fff; }
.aksharkosh-reader button.rd-primary { background: var(--dl-accent, #3b47c4); color: #fff; }
.aksharkosh-reader button.rd-primary:hover:not(:disabled) { filter: brightness(0.9); }
.aksharkosh-reader button:disabled { opacity: 0.5; cursor: default; }
.aksharkosh-reader .ak-speak-notice {
	display: flex;
	align-items: center;
	gap: 0.35em;
	width: 100%;
	margin: 0 0 0.5em;
	font-size: 0.85em;
	color: var(--aksharkosh-error, #b91c1c);
}
.aksharkosh-reader .ak-speak-notice[hidden] { display: none; }
.aksharkosh-reader .ak-speak-notice button { padding: 0 0.2em; border: 0; background: transparent; color: inherit; }
.aksharkosh-reader textarea:focus-visible,
.aksharkosh-reader button:focus-visible,
.aksharkosh-reader select:focus-visible,
.aksharkosh-reader ruby:focus-visible {
	outline: 2px solid var(--aksharkosh-focus, rgba(37, 99, 235, 0.6));
	outline-offset: 2px;
}
.aksharkosh-reader .rd-note,
.aksharkosh-reader .rd-usage,
.aksharkosh-reader .rd-status {
	font-size: 0.9em;
}
.aksharkosh-reader .rd-note { opacity: 0.75; }
.aksharkosh-reader .rd-result {
	--rd-hindi-size: 1.6rem;
	box-sizing: border-box;
	min-height: 7rem;
	padding: 1.5em;
	border: 1px solid var(--aksharkosh-border, rgba(128, 128, 128, 0.5));
	border-radius: 6px;
	background: var(--aksharkosh-pane-bg, transparent);
	font-size: var(--rd-hindi-size);
	line-height: 3;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}
.aksharkosh-reader .rd-result[data-size="small"] { --rd-hindi-size: 1.25rem; }
.aksharkosh-reader .rd-result[data-size="large"] { --rd-hindi-size: 2rem; }
.aksharkosh-reader .rd-run {
	display: inline-block;
	margin-inline: 0.12em;
	white-space: nowrap;
}
.aksharkosh-reader .rd-result ruby {
	display: inline-grid;
	grid-template-columns: max-content;
	grid-template-rows: auto auto;
	justify-items: center;
	vertical-align: text-bottom;
	white-space: nowrap;
	border-radius: 3px;
	cursor: pointer;
}
.aksharkosh-reader .rd-result .rd-base {
	grid-row: 2;
	line-height: 1.25;
}
.aksharkosh-reader .rd-result rt {
	display: block;
	grid-row: 1;
	padding-bottom: calc(var(--rd-hindi-size) * 0.55);
	font-size: 0.62em;
	line-height: 1.1;
	text-align: center;
}
.aksharkosh-reader .rd-result[data-size="small"] rt { font-size: 0.52em; }
.aksharkosh-reader .rd-result[data-size="large"] rt { font-size: 0.72em; }
.aksharkosh-reader .rd-result.rd-hidden rt { visibility: hidden; }
.aksharkosh-reader .rd-result.rd-hidden ruby:hover rt,
.aksharkosh-reader .rd-result.rd-hidden ruby:focus-visible rt,
.aksharkosh-reader .rd-result.rd-hidden ruby.rd-revealed rt { visibility: visible; }
.aksharkosh-reader .rd-fallback-text + .rd-fallback-text {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid var(--aksharkosh-border, rgba(128, 128, 128, 0.5));
}
.aksharkosh-reader .rd-usage,
.aksharkosh-reader .rd-status { margin: 0.65em 0 0; }
.aksharkosh-reader .rd-usage:empty,
.aksharkosh-reader .rd-status:empty { display: none; }
.aksharkosh-reader .rd-error { color: #b42318; }
@media print {
	@page { margin: 15mm; }
	body * { visibility: hidden !important; }
	.aksharkosh-reader .rd-result,
	.aksharkosh-reader .rd-result * { visibility: visible !important; }
	.aksharkosh-reader {
		position: absolute;
		inset: 0;
		width: 100%;
		margin: 0;
	}
	.aksharkosh-reader .rd-entry,
	.aksharkosh-reader .rd-reading-head,
	.aksharkosh-reader .rd-usage,
	.aksharkosh-reader .rd-status { display: none !important; }
	.aksharkosh-reader .rd-result {
		--rd-hindi-size: 19pt !important;
		min-height: 0;
		padding: 0;
		border: 0;
		line-height: 3;
		color: #000;
	}
	.aksharkosh-reader .rd-result rt { font-size: 0.62em !important; visibility: visible !important; }
}