.reading-sample-link{font:inherit;cursor:pointer;background:transparent!important;color:var(--salon-gold,#c8aa77)!important;border:0!important;border-radius:3px!important;text-decoration:underline;text-underline-offset:4px;padding:8px 2px!important;min-height:44px;box-shadow:none!important}
.reading-sample-entry{display:block;margin:6px auto!important;font-size:13px!important;width:auto!important}
.reading-sample-dialog{--sample-bg:#211e27;--sample-panel:#2c2733;--sample-ink:#f5ede7;--sample-muted:#c5b7ca;--sample-accent:#d5bce8;--sample-line:#51465d;box-sizing:border-box;width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--sample-line);border-radius:8px;background:var(--sample-bg);color:var(--sample-ink);overscroll-behavior:contain;font-family:'Noto Sans KR',sans-serif}
html.theme-light .reading-sample-dialog{--sample-bg:#fffafc;--sample-panel:#f1eaf3;--sample-ink:#403445;--sample-muted:#756475;--sample-accent:#75546e;--sample-line:#d9cdd8}
.reading-sample-dialog::backdrop{background:#12101bd9;backdrop-filter:blur(4px)}
.rsample-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;background:var(--sample-bg);border-bottom:1px solid var(--sample-line)}
html body .reading-sample-dialog .rsample-head h2{font-size:16px!important;line-height:1.5!important;margin:0!important;color:var(--sample-ink)!important}
html body .reading-sample-dialog button{font-family:inherit;box-shadow:none;letter-spacing:normal;transform:none;cursor:pointer}
html body .reading-sample-dialog .rsample-close{width:auto;min-width:68px;min-height:44px;padding:8px;background:transparent;color:var(--sample-ink);border:1px solid var(--sample-line);border-radius:5px;font-size:12px;margin:0}
.rsample-body{padding:24px}
.reading-sample-dialog :is(p,li){color:var(--sample-ink);font-size:15px;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}
.rsample-label,.reading-sample-dialog .rsample-note{color:var(--sample-muted);font-size:12px;line-height:1.75}
.rsample-question{padding-bottom:20px;border-bottom:1px solid var(--sample-line)}
.rsample-answer{padding:22px;background:var(--sample-panel);border:1px solid var(--sample-line);border-radius:5px;margin:24px 0}
.reading-sample-dialog .rsample-answer h3{font-size:23px;line-height:1.6;letter-spacing:-.03em;color:var(--sample-ink);word-break:keep-all;overflow-wrap:break-word}
.rsample-answer small{color:var(--sample-accent)}
.rsample-symbols{padding:12px 20px;list-style:none;border-left:2px solid var(--sample-accent);margin:24px 0}
.rsample-symbols li{font-size:13px;color:var(--sample-muted)}
.rsample-chapter{margin:32px 0}
.reading-sample-dialog .rsample-chapter h3{font-size:17px;color:var(--sample-accent);line-height:1.6}
html body .reading-sample-dialog .rsample-return{width:100%;min-height:48px;border:0;border-radius:5px;background:var(--sample-accent);color:var(--sample-bg);font-size:14px;font-weight:700;margin:20px 0 0;padding:12px}
.reading-sample-dialog :is(a,button):focus-visible{outline:2px solid var(--sample-accent);outline-offset:3px}
html:has(.reading-sample-dialog[open]){overflow:hidden}
.rsample-preview-meaning{white-space:pre-line}
.symbol-companion .rsample-note{font-size:12px!important;line-height:1.8!important;color:var(--sr-muted)!important;margin-top:12px!important}
@media(max-width:480px){.rsample-body{padding:20px}.rsample-head{padding:10px 16px}.rsample-answer{padding:18px}.reading-sample-dialog .rsample-answer h3{font-size:21px}}