button.word{font:inherit;color:inherit;background:transparent;border:0;border-bottom:1px dotted currentColor;border-radius:0;padding:0;min-height:0;cursor:help;line-height:inherit}
button.word:hover,button.word:focus-visible{background:color-mix(in srgb,CanvasText 12%,Canvas);outline:2px solid #608cde;outline-offset:2px}
.word-popup{position:fixed;z-index:1000;box-sizing:border-box;max-height:calc(100vh - 24px);overflow:auto;padding:16px;border:1px solid #888;border-radius:12px;background:Canvas;color:CanvasText;box-shadow:0 6px 24px #0004;font:16px/1.5 system-ui,sans-serif;text-align:left}
.word-popup strong{display:block;font-size:20px}.word-popup p{margin:10px 0}.word-popup small{font-size:12px;opacity:.8}.word-popup button.word-close{float:right;font:14px system-ui;padding:6px;min-height:32px}.word-popup a{color:#1d4ed8}@media(prefers-color-scheme:dark){.word-popup a{color:#93c5fd}}

@media(max-width:600px){.word-popup{left:12px!important;right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;max-height:55dvh;border-radius:18px;padding:20px}.word-popup button.word-close{min-width:44px;min-height:44px}.word-popup summary{min-height:44px;padding:12px 0}}
