#hero .hero-choice-label .sample-open{display:inline-block;position:relative;z-index:2;background:none;border:0;color:#554271;padding:2px 0;font:inherit;text-align:start;text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:normal}
#word-sample{border:1px solid #ded5e6;border-radius:18px;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;margin:auto;background:#faf9f6;color:#18161b}
#word-sample::backdrop{background:#18151c99}
.sample-body{padding:28px;position:relative;font:16px/1.5 system-ui,sans-serif}
.sample-body h2{font-size:22px;line-height:1.2;margin:0 32px 12px 0}
.sample-close{position:absolute;right:9px;top:9px;width:44px;height:44px;border:0;background:none;font-size:25px;cursor:pointer}
.sample-sentence{font-size:26px;margin:18px 0;color:#241b31}
.sample-word{font:inherit;color:inherit;border:0;border-bottom:2px solid #78569b;background:#eee5f6;padding:4px;cursor:pointer}
#sample-answer{border-left:3px solid #775990;padding:4px 12px}
#sample-answer p{margin:.35em 0}
.sample-review{font-size:14px;color:#514b58}
.sample-more{color:#58406f;text-decoration:underline}
