.try-it__card{gap:var(--s-3);padding:var(--s-5);border:var(--border) solid var(--outline);border-radius:var(--radius);background:var(--surface);display:grid}.try-it__body,.try-it__status,.try-it__correct{gap:var(--s-3);display:grid}.try-it__card p,.try-it__card h2{margin:0}.try-it__progress,.try-it__type,.try-it__gloss,.try-it__no-js,.try-it__correct-label{font-size:var(--small-size);line-height:var(--small-line);color:var(--text-muted)}.try-it__prompt{font-size:var(--h3-size);line-height:var(--h3-line)}.try-it__form{gap:var(--s-2);display:grid}.try-it__input{min-height:var(--target);padding-inline:var(--s-3);border:var(--border) solid var(--outline);border-radius:var(--radius);background:var(--bg);color:var(--text);font-family:var(--font-slovene);font-size:var(--body-size)}.try-it__check,.try-it__next{min-height:var(--target);padding:var(--s-3) var(--s-5);border:var(--border) solid var(--primary);border-radius:var(--radius);font:inherit;font-size:var(--button-size);line-height:var(--button-line);font-weight:var(--button-weight);cursor:pointer;justify-self:start}.try-it__check{background:var(--primary);color:var(--on-primary)}.try-it__next{background:var(--bg);color:var(--link)}.try-it__check[hidden],.try-it__next[hidden],.try-it__done[hidden]{display:none}.try-it__outcome{align-items:center;gap:var(--s-2);font-weight:var(--button-weight);display:flex}.try-it__badge{width:var(--s-3);height:var(--s-3);background:currentColor;flex:none;transform:rotate(45deg)}.try-it__status[data-kind=right] .try-it__outcome,.try-it__status[data-kind=near] .try-it__outcome{color:var(--success)}.try-it__status[data-kind=mistake] .try-it__outcome{color:var(--error)}.try-it__status[data-kind=unknown] .try-it__badge{border:var(--border) solid currentcolor;background:0 0}.try-it__answer{font-family:var(--font-slovene);font-size:var(--body-size)}.try-it__spoken{margin-block:var(--s-4);color:var(--text-muted)}