/* SPK-DROPINCAT v3 – tiles match .di-svc; note ≥72px on phone; Kategorier focus-visible only */
.di .dc{margin:0 0 8px;display:flex;flex-direction:column;gap:8px}
.di .dc-q{width:100%;box-sizing:border-box;height:44px;padding:0 12px;border:1px solid #d4d4ce;border-radius:10px;font:inherit;font-size:16px;background:#fff;color:#1c1c1c}
.di .dc-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.di .dc-tiles[hidden],.di .dc-hd[hidden],.di .dc-n[hidden]{display:none!important}
.di .dc-t{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:1/1;min-height:0;min-width:0;padding:8px 6px;box-sizing:border-box;border:1px solid #d4d4ce;border-radius:14px;background:#fff;color:#1c1c1c;font-family:Jost,sans-serif;font-size:13px;font-weight:500;line-height:1.2;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.di .dc-t:active{background:#f4f4f1}
.di .dc-t:focus,.di .dc-bk:focus{outline:none}
.di .dc-t:focus-visible,.di .dc-bk:focus-visible{outline:2px solid #0D4A57;outline-offset:2px}
.di .dc-t.dc-has{border-color:#0D4A57}
.di .dc-i{display:flex;color:#0D4A57}
.di .dc-tl{max-width:100%;overflow-wrap:anywhere;hyphens:auto}
.di .dc-n{position:absolute;top:6px;right:6px;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:10px;background:#0D4A57;color:#fff;font-size:12px;font-weight:600;line-height:20px;text-align:center}
.di .dc-hd{display:flex;align-items:center;gap:10px;min-height:40px}
.di .dc-bk{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 12px 0 8px;border:1px solid #d4d4ce;border-radius:12px;background:#fff;color:#1c1c1c;font-family:Jost,sans-serif;font-size:13px;font-weight:500;cursor:pointer}
.di .dc-ht{font-family:Jost,sans-serif;font-size:15px;font-weight:600;color:#1c1c1c;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.di .di-svc.dc-off{display:none!important}
.di .di-svc [data-dis][hidden]{display:none!important}
@media (min-width:900px){.di .dc-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.di .dc-t{aspect-ratio:auto;min-height:92px;border-radius:12px}}
.di .dc-nw{position:relative;display:block;width:100%}
.di .dc-nw textarea{display:block;width:100%;box-sizing:border-box;padding-right:48px!important;min-height:72px;height:auto}
/* beat html.spk-m body textarea{min-height:44px} without !important */
html.spk-m body .di .dc-nw textarea,
html.spk-m body .di .dc-nw #di-desc{min-height:72px;height:auto}
.di .dc-mic{position:absolute!important;right:6px;bottom:6px;width:36px!important;height:36px!important;min-height:0!important;padding:0!important;margin:0!important;display:flex!important;align-items:center;justify-content:center;border:1px solid #d4d4ce!important;border-radius:50%!important;background:#fff!important;color:#0D4A57!important;box-shadow:none!important;cursor:pointer}
.di .dc-mic .blv-vc__t,.di .dc-mic .blv-vc__dot{display:none!important}
.di .dc-mic svg{width:18px;height:18px}
.di .dc-mic.is-on{background:#0D4A57!important;color:#fff!important;border-color:#0D4A57!important}
.di .blv-vc.dc-vs{display:block!important;max-width:none!important;width:auto!important;margin:2px 0 0!important;padding:0!important;min-height:0!important;border:0!important;background:none!important}
.di .blv-vc.dc-vs .blv-vc__s:empty{display:none}
.di .blv-vc.dc-vs .blv-vc__s{margin:0;font-size:12px;color:#55534e}