html:has(dialog.context-preview[open]){overflow:hidden;scrollbar-gutter:stable}
dialog.context-preview{position:fixed;inset:0;margin:auto;padding:0;width:min(860px,calc(100% - 40px));max-width:none;height:min(780px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);border:1px solid #536172;border-radius:12px;background:#151d26;color:#e8edf4;overflow:visible;box-shadow:0 24px 90px #0009;font-family:'Dokkaebi UI','Pretendard Variable',system-ui,sans-serif}
.context-preview::backdrop{background:rgb(4 9 15 / .66)}.context-preview:not([open]){display:none}.context-preview-shell{display:flex;flex-direction:column;height:100%;min-height:0;border-radius:inherit;overflow:hidden}.context-preview-header{display:flex;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid #354150;background:#1b2631;flex-shrink:0}.context-preview-header h2{font-size:19px;line-height:1.5;margin:0;min-width:0;flex:1;word-break:keep-all;overflow-wrap:anywhere;outline:none}.context-preview-header button{font:inherit;font-size:13px;color:#d9e4ef;cursor:pointer;flex-shrink:0}.context-back{background:transparent;border:1px solid #546375;border-radius:5px;padding:8px 10px}.context-close{border:0;background:transparent;padding:8px 0 8px 8px;display:flex;align-items:center;gap:10px}.context-close span{font-size:23px;line-height:1}.context-preview-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:26px 30px 30px;scrollbar-gutter:stable}.context-preview-body *{box-sizing:border-box}.context-preview-body p{font-size:15px;line-height:1.9;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}.context-preview-body h3,.context-preview-body h4{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}.context-skill-head{display:flex;align-items:center;gap:15px}.context-skill-head h3{font-size:25px;margin:4px 0 0}.context-preview-body .context-eyebrow{font-size:12px;color:#adc1d3;line-height:1.6;margin:0}.context-skill-icon{object-fit:contain;background:#242f3b;border:1px solid #495b6e;border-radius:7px;flex-shrink:0}.context-section{margin:24px 0}.context-section h4{font-size:14px;color:#a8cbd8;margin:23px 0 8px}.context-section>p{margin:0}.context-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.context-tags>span{font-size:12px;color:#b9cada;border:1px solid #435366;border-radius:4px;padding:4px 8px}.context-evidence,.context-related-definition{border-top:1px solid #354150;border-bottom:1px solid #354150;padding:12px 0;margin:22px 0}.context-evidence summary,.context-related-definition summary{font-size:13px;color:#a8cbd8;cursor:pointer;padding:5px 0}.context-evidence>div{padding:10px 0}.context-source{font-size:12px;line-height:1.8;color:#a5cfdf;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.context-source span{display:inline-block;margin-left:5px;font-size:11px;color:#bac7d4}.context-source-date{display:block;color:#98aabd;font-size:11px;margin:5px 0 0}.context-preview-body .context-note{font-size:13px;color:#b1c0cf;line-height:1.8;margin:12px 0 18px}.context-selection-action{display:flex;justify-content:flex-end;margin-top:24px;padding-top:18px;border-top:1px solid #354150}.context-button{font:inherit;font-size:13px;font-weight:650;background:#253342;border:1px solid #526478;border-radius:5px;color:#e8edf4;padding:10px 14px;min-height:42px;cursor:pointer}.context-button:disabled{opacity:.5;cursor:default}.context-primary{background:#e6b17d;color:#251b13;border-color:#e6b17d}.context-primary[aria-pressed=true]{background:#253b43;color:#bee3ed;border-color:#648c9d}.context-preview button:focus-visible,.context-preview summary:focus-visible,.context-preview a:focus-visible,.context-preview input:focus-visible{outline:2px solid #ffbe85;outline-offset:3px}.context-count{color:#a8becf;font-size:13px!important;margin:18px 0 12px}.context-skill-list,.context-term-list{list-style:none;padding:0;margin:0;border-top:1px solid #354150}.context-skill-list>li,.context-term-list>li{border-bottom:1px solid #354150}.context-skill-row{display:flex;align-items:flex-start;width:100%;gap:14px;text-align:left;padding:17px 0;border:0;background:none;color:#e8edf4;cursor:pointer;font:inherit}.context-skill-row>span:nth-child(2){flex:1;min-width:0}.context-skill-row strong{display:block;font-size:16px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}.context-skill-row small{display:block;font-size:12px;line-height:1.7;color:#a9bdd0;margin-top:2px}.context-skill-summary{display:block;font-size:13px;line-height:1.8;color:#bdcad7;margin-top:7px;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere}.context-row-arrow{align-self:center;color:#9fb6ca;font-size:26px}.context-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:22px}.context-pagination>span{font-size:13px;color:#aebfce}.context-search{margin:0 0 24px}.context-search>label{display:block;color:#b7cadb;font-size:13px;margin-bottom:9px}.context-search>div{display:flex;gap:9px}.context-search input{font:inherit;font-size:16px;min-width:0;flex:1;width:0;border:1px solid #536679;border-radius:5px;padding:11px 13px;background:#101820;color:#e8edf4}.context-term-list button{display:block;width:100%;text-align:left;font:inherit;border:0;background:transparent;color:#e8edf4;padding:18px 0;cursor:pointer}.context-term-list strong{font-size:16px;line-height:1.7}.context-term-list small{margin-left:12px;color:#9db5c9;font-size:12px}.context-term-list span{display:block;margin-top:7px;color:#bdcad7;font-size:14px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}.context-term h3{font-size:22px;margin:5px 0 13px}.context-term>p{margin:12px 0}.context-term{padding:9px 0 20px}.context-empty{color:#b8c7d5;padding:22px 0}.context-preview-body .context-error{color:#ffbcac;font-size:13px;margin-top:18px}
@media(max-width:500px){dialog.context-preview{width:calc(100% - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:9px}.context-preview-header{padding:13px 14px;gap:10px}.context-preview-header h2{font-size:16px}.context-back{font-size:12px!important;padding:8px}.context-close{font-size:12px!important;gap:5px}.context-close span{font-size:22px}.context-preview-body{padding:19px 16px 24px;scrollbar-gutter:auto}.context-skill-head h3{font-size:23px}.context-skill-row{gap:10px}.context-skill-row .context-skill-icon{width:40px;height:40px}.context-skill-row strong{font-size:15px}.context-skill-summary{font-size:13px}.context-term-list small{display:block;margin-left:0;margin-top:3px}.context-search>div{gap:7px}.context-search input{padding-inline:10px}.context-button{padding-inline:11px}}