[data-sanskrit-display] { position: relative; }
[data-sanskrit-display] [hidden] { display: none !important; }
.rssanskrit-settings, .rssanskrit-settings * { box-sizing: border-box; }
.rssanskrit-settings { display: flex; justify-content: flex-end; position: relative; margin-block-end: .5rem; z-index: 2; }
.rssanskrit-settings__button { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: .5rem; border: 1px solid var(--color-border); border-radius: 6px; background: var(--color-surface); color: var(--color-heading); cursor: pointer; }
.rssanskrit-settings__button:focus-visible, .rssanskrit-settings input:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.rssanskrit-settings__panel { position: absolute; inset-inline-end: 0; top: calc(100% + .3rem); width: min(22rem, 100%); padding: 1rem; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-surface); color: var(--color-text); font-family: var(--font-body); font-size: .9rem; line-height: 1.4; box-shadow: 0 3px 12px color-mix(in srgb, var(--color-text) 10%, transparent); }
.rssanskrit-settings__panel label { display: flex; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; }
.rssanskrit-settings__panel label:not([hidden]) + label:not([hidden]) { margin-top: 1rem; }
.rssanskrit-settings input { appearance: none; flex: 0 0 2.6rem; width: 2.6rem; height: 1.5rem; border-radius: 1rem; border: 1px solid var(--color-border); background: var(--color-text-soft); cursor: pointer; position: relative; }
.rssanskrit-settings input::after { content: ''; position: absolute; width: 1.1rem; height: 1.1rem; left: .15rem; top: .15rem; border-radius: 50%; background: var(--color-surface); }
.rssanskrit-settings input:checked { background: var(--color-primary); }
.rssanskrit-settings input:checked::after { left: 1.25rem; }
.rssanskrit-syllable { font-weight: 400; font-style: normal; }
.rssanskrit-syllable--guru { font-weight: 700; }
.rssanskrit-syllable--special { font-style: italic; }
.rssanskrit-metre-name { text-align: end; font-family: var(--font-body); font-size: .85rem; line-height: 1.5; color: var(--color-text-soft); margin-block: .5rem; overflow-wrap: anywhere; }
.rssanskrit--hide-grammar .rssanskritoutput__translation--word_by_word .rssanskritoutput__grammar { display: none; }

/* Share the first sentence identifier's row instead of reserving a toolbar row. */
.rssanskrit-settings-anchor { position: relative; display: flex; align-items: center; min-block-size: 2.75rem; padding-inline-end: 3.25rem; box-sizing: border-box; overflow-wrap: anywhere; }
.rssanskrit-settings-anchor > .rssanskrit-settings { position: absolute; inset-inline: 0; top: 50%; transform: translateY(-50%); margin: 0; pointer-events: none; }
.rssanskrit-settings-anchor > .rssanskrit-settings > * { pointer-events: auto; }
.rssanskrit-settings__panel { text-transform: none; letter-spacing: normal; font-weight: 400; text-align: start; }
