.aksharkosh-noting { margin: 1.5em auto 3em; line-height: 1.55; color: inherit; font-family: inherit; }
.aksharkosh-noting .nt-head { padding: 1.6em 1.8em; margin-bottom: 1.6em; border: 1px solid var(--aksharkosh-border, #dedbd1); border-radius: 14px; background: #fff; }
.aksharkosh-noting .nt-head h2 { margin: .15em 0; font-size: clamp(1.7em, 3vw, 2.5em); }
.aksharkosh-noting .nt-head p { margin: .4em 0; }
.aksharkosh-noting label { display: block; margin-bottom: .35em; font-weight: 700; }
.aksharkosh-noting input[type="search"] { box-sizing: border-box; width: 100%; max-width: 40rem; padding: .75em .9em; border: 1px solid #bbb8af; border-radius: 7px; background: #fff; color: inherit; font: inherit; }
.aksharkosh-noting .nt-filters { display: flex; flex-wrap: wrap; gap: .45em; margin: 1.1em 0; }
.aksharkosh-noting button { padding: .35em .8em; border: 1px solid var(--dl-accent, #3b47c4); border-radius: 999px; background: #fff; color: var(--dl-accent, #3b47c4); font: inherit; font-weight: 600; cursor: pointer; }
.aksharkosh-noting button:hover, .aksharkosh-noting button[aria-pressed="true"] { background: var(--dl-accent, #3b47c4); color: #fff; }
.aksharkosh-noting :is(button, input):focus-visible { outline: 2px solid var(--dl-accent, #3b47c4); outline-offset: 2px; }
.aksharkosh-noting [hidden] { display: none !important; }
.aksharkosh-noting [data-nt-status] { min-height: 1.5em; }
.aksharkosh-noting [data-nt-group] h3 { border-bottom: 1px solid #dedbd1; padding-bottom: .35em; }
.aksharkosh-noting [data-nt-group] h3 span { font-size: .7em; opacity: .65; }
.aksharkosh-noting .nt-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 21rem), 1fr)); gap: 1em; list-style: none; padding: 0; }
.aksharkosh-noting .nt-list li { padding: 1.15em 1.25em; border: 1px solid var(--aksharkosh-border, #dedbd1); border-radius: 12px; background: #fff; }
.aksharkosh-noting .nt-list h4 { margin: 0; font-family: inherit; font-size: 1.45em; line-height: 1.4; }
.aksharkosh-noting .nt-list p { margin: .4em 0; }
.aksharkosh-noting [data-nt-roman] { opacity: .7; }
.aksharkosh-noting .nt-usage { padding-top: .5em; border-top: 1px solid var(--aksharkosh-border, #eeece7); font-family: inherit; }
