.aksharkosh-matra { margin: 1.5em 0; }
.aksharkosh-matra > label { display: block; margin-bottom: .35em; font-weight: 600; }
.aksharkosh-matra textarea { box-sizing: border-box; width: 100%; height: 22rem; padding: .75em; border: 1px solid var(--aksharkosh-border, #888); border-radius: 6px; background: var(--aksharkosh-pane-bg, transparent); color: inherit; font: inherit; line-height: 1.7; resize: vertical; }
.aksharkosh-matra .mt-options { display: flex; flex-wrap: wrap; gap: .6em 1.25em; margin: 1em 0 .3em; }
.aksharkosh-matra .mt-options label { cursor: pointer; }
.aksharkosh-matra .mt-options select { padding: .25em .55em; border: 1px solid var(--aksharkosh-border, #888); border-radius: 999px; background: var(--dl-page, #fff); color: inherit; font: inherit; }
.aksharkosh-matra .mt-note { margin: 0 0 1em; opacity: .8; font-size: .9em; }
.aksharkosh-matra .mt-chhand { margin: 1em 0; padding: .6em .9em; border-radius: 6px; background: var(--aksharkosh-pane-bg, #f6f6fa); font-weight: 600; }
.aksharkosh-matra .mt-results { list-style: none; margin: 0; padding: 0; }
.aksharkosh-matra .mt-result { min-width: 0; padding: .85em 0; border-bottom: 1px solid var(--aksharkosh-border, #ddd); }
.aksharkosh-matra .mt-line { font: inherit; line-height: 1.7; white-space: normal; word-break: normal; }
.aksharkosh-matra .mt-total { margin-top: .2em; font-weight: 600; }
.aksharkosh-matra .mt-pattern { display: flex; flex-wrap: wrap; gap: .55em .9em; max-width: 100%; margin-top: .55em; overflow-x: auto; }
.aksharkosh-matra .mt-word-group { display: inline-flex; flex: none; gap: .15em; white-space: nowrap; }
.aksharkosh-matra .mt-word-group.mt-part { margin-left: .6em; }
.aksharkosh-matra .mt-unit { display: inline-flex; flex-direction: column; align-items: center; min-width: 2em; }
.aksharkosh-matra .mt-unit span:not(:first-child) { font-family: ui-monospace, Consolas, monospace; }
.aksharkosh-matra .mt-how { margin: 1.25em 0; padding: .75em 1em; border-radius: 6px; background: var(--aksharkosh-pane-bg, #f6f6fa); }
.aksharkosh-matra textarea:focus-visible, .aksharkosh-matra input:focus-visible, .aksharkosh-matra select:focus-visible, .aksharkosh-matra summary:focus-visible { outline: 2px solid var(--dl-accent, #3b47c4); outline-offset: 2px; }