.aksharkosh-wotd { margin: 1.5em 0; font-family: inherit; line-height: 1.55; }
.aksharkosh-wotd [hidden] { display: none !important; }
.aksharkosh-wotd h2 span { font-size: .65em; font-weight: 400; }
.aksharkosh-wotd .wd-card { max-width: 44rem; padding: clamp(1.2rem, 4vw, 2.4rem); border: 1px solid var(--aksharkosh-border, #d8dbea); border-radius: 16px; background: var(--dl-page, #fff); }
.aksharkosh-wotd .wd-card h3 { margin: 0; font-size: clamp(2.5rem, 7vw, 4rem); line-height: 1.25; }
.aksharkosh-wotd .wd-roman { margin: .2em 0 1em; font-size: 1.1em; }
.aksharkosh-wotd .wd-tags { display: flex; gap: .5em; flex-wrap: wrap; }
.aksharkosh-wotd .wd-tags span { padding: .15em .7em; border-radius: 999px; background: color-mix(in srgb, var(--dl-accent, #3b47c4) 12%, transparent); color: var(--dl-accent, #3b47c4); }
.aksharkosh-wotd blockquote { margin: 1.4em 0 .2em; padding-left: .8em; border-left: 3px solid var(--dl-accent, #3b47c4); font-size: 1.15em; }
.aksharkosh-wotd .wd-translation { margin: .4em 0 0; font-size: .9em; opacity: .75; }
.aksharkosh-wotd .wd-actions { display: flex; flex-wrap: wrap; gap: .6em; margin: 1em 0; }
.aksharkosh-wotd button, .aksharkosh-wotd .wd-actions a { display: inline-block; padding: .4em 1em; border: 1px solid var(--dl-accent, #3b47c4); border-radius: 999px; background: var(--dl-page, #fff); color: var(--dl-accent, #3b47c4); font: inherit; font-weight: 600; text-decoration: none; cursor: pointer; }
.aksharkosh-wotd button:hover, .aksharkosh-wotd .wd-actions a:hover { background: var(--dl-accent, #3b47c4); color: #fff; }
.aksharkosh-wotd .ak-speak-notice { display: flex; align-items: center; gap: .35em; width: 100%; margin: -.5em 0 1em; font-size: .85em; color: var(--aksharkosh-error, #b91c1c); }
.aksharkosh-wotd .ak-speak-notice[hidden] { display: none; }
.aksharkosh-wotd .ak-speak-notice button { padding: 0 .2em; border: 0; background: transparent; color: inherit; }
.aksharkosh-wotd :is(button, a):focus-visible { outline: 2px solid var(--dl-accent, #3b47c4); outline-offset: 2px; }
.aksharkosh-wotd .wd-previous ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .5em 1em; padding: 0; list-style: none; }
.aksharkosh-wotd .wd-previous a { color: var(--dl-accent, #3b47c4); }
.aksharkosh-wotd .wd-previous time { margin-right: .4em; font-size: .85em; opacity: .7; }