.gloss{position:relative;border-bottom:1px dotted color-mix(in srgb,var(--road-accent-ink, #b57f2c) 55%,transparent);cursor:help}.gloss:hover,.gloss:focus-visible{border-bottom-color:var(--road-accent-ink, #b57f2c)}.gloss:focus-visible{border-radius:2px;outline:2px solid var(--road-accent-ink, #b57f2c);outline-offset:3px}.gloss-pop{position:absolute;z-index:40;bottom:calc(100% + .6rem);left:50%;width:max-content;max-width:min(19rem,72vw);padding:.8rem .95rem;border:1px solid var(--road-border, rgba(32, 29, 25, .16));background:var(--road-paper, #f4f1ea);box-shadow:0 6px 22px #201d1921;color:var(--road-text, #201d19);font:.92rem / 1.45 var(--font-read, Georgia, serif);text-align:left;display:none;transform:translate(-50%);cursor:auto}@media (hover: hover) and (pointer: fine){.gloss-pop:after{content:"";position:absolute;top:100%;left:0;right:0;height:.65rem}}.gloss-pop strong{color:var(--road-accent-ink, #b57f2c);font:600 .7rem / 1 var(--font-ui, system-ui, sans-serif);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:.4rem}.gloss:hover .gloss-pop,.gloss:focus .gloss-pop,.gloss:focus-within .gloss-pop{display:block;animation:gloss-pop-in .14s ease both}@keyframes gloss-pop-in{0%{opacity:0;transform:translate(-50%,.25rem)}to{opacity:1;transform:translate(-50%)}}.profile .gloss{border-bottom-color:color-mix(in srgb,var(--gold, #e7ad50) 55%,transparent)}.profile .gloss:hover,.profile .gloss:focus-visible{border-bottom-color:var(--gold, #e7ad50)}.profile .gloss:focus-visible{outline-color:var(--gold, #e7ad50)}.profile .gloss-pop{border-color:var(--line, rgba(190, 198, 226, .24));background:var(--panel, #14131f);box-shadow:0 8px 26px #0000008c;color:var(--ink, #f2ecdf)}.profile .gloss-pop strong{color:var(--gold, #e7ad50)}@media (prefers-reduced-motion: reduce){.gloss:hover .gloss-pop,.gloss:focus .gloss-pop,.gloss:focus-within .gloss-pop{animation:none}}@media (max-width: 620px){.rd-reading p,.rd-reading li{position:relative}.rd-reading .gloss{position:static}.rd-reading .gloss-pop{inset:auto 0 auto 0;top:calc(100% + .5rem);bottom:auto;width:auto;max-width:none;transform:none}.rd-reading .gloss-pop:after{top:auto;bottom:100%;height:.55rem}.rd-reading .gloss:hover .gloss-pop,.rd-reading .gloss:focus .gloss-pop,.rd-reading .gloss:focus-within .gloss-pop{animation-name:gloss-pop-in-flat}.gloss-pop{max-width:84vw}@keyframes gloss-pop-in-flat{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:none}}}@media print{.gloss-pop{display:none}.gloss{border-bottom:0}}
