/* Explicode — GitHub Light theme for Docsify */

/* Reset & base */
*, *::before, *::after { box-sizing: border-box; }
* { -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: none; }
html, body { height: 100%; }
body { margin: 0; overflow-x: hidden; background-color: #ffffff; color: #1f2328; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5; }
img { max-width: 100%; }
body:not(.ready) { overflow: hidden; }
body:not(.ready) [data-cloak], body:not(.ready) .app-nav, body:not(.ready) > nav { display: none; }
div#app { font-size: 30px; font-weight: lighter; margin: 40vh auto; text-align: center; color: #1f2328; }
div#app:empty::before { content: 'Loading...'; }
.progress { background-color: #0969da; height: 2px; left: 0; position: fixed; right: 0; top: 0; transition: width 0.2s, opacity 0.4s; width: 0%; z-index: 999999; }
main { display: block; position: relative; width: 100vw; height: 100%; }
main.hidden { display: none; }
body.sticky .sidebar, body.sticky .sidebar-toggle { position: fixed; }
.content { padding-top: 60px; position: absolute; top: 0; right: 0; bottom: 0; left: 270px; transition: left 280ms cubic-bezier(0.4,0,0.2,1); }
body.close .content { left: 0; }
.sidebar { background-color: #f6f8fa; border-right: 1px solid #d0d7de; color: #1f2328; display: flex; flex-direction: column; overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; transition: transform 280ms cubic-bezier(0.4,0,0.2,1); width: 270px; z-index: 20; }
.sidebar > h1 { margin: 0; font-size: 1.05rem; font-weight: 600; text-align: center; flex-shrink: 0; padding: 14px 16px 13px; border-bottom: 1px solid #d0d7de; position: relative; display: flex; align-items: center; justify-content: center; }
.sidebar > h1 a { color: #1f2328; text-decoration: none; display: block; }

#xp-sidebar-close { display: none; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; color: #57606a; font-size: 14px; line-height: 1; padding: 4px 6px; border-radius: 4px; transition: color 0.15s, background 0.15s; }
#xp-sidebar-close:hover { color: #1f2328; background: rgba(208,215,222,0.32); }
@media screen and (max-width: 599px) { #xp-sidebar-close { display: flex; align-items: center; justify-content: center; } }

.xp-sidebar-scroll { flex: 1; overflow-y: scroll; padding: 24px 0 8px; min-height: 0; padding-right: 4px; }
.xp-sidebar-scroll .sidebar-nav { margin-left: 8px; padding-bottom: 16px; }
.xp-sidebar-scroll::-webkit-scrollbar { width: 4px; }
.xp-sidebar-scroll::-webkit-scrollbar-thumb { background: transparent; border-radius: 4px; }
.xp-sidebar-scroll:hover::-webkit-scrollbar-thumb { background: rgba(136,136,136,0.4); }
.xp-sidebar-scroll:hover::-webkit-scrollbar-track { background: rgba(136,136,136,0.1); }
.sidebar ul { margin: 0; padding: 0; }
.sidebar ul, .sidebar ul li { list-style: none; }
.sidebar ul li a { border-bottom: none; display: block; }
.sidebar ul li ul { margin-left: 0; }
.sidebar-nav li.collapse > ul { display: block !important; }
.sidebar li > p { margin-left: 8px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #6e7781; padding: 12px 8px 4px; }
.sidebar ul li .section-link { font-size: 12px; color: #57606a; }
.xp-sidebar-footer { flex-shrink: 0; border-top: 1px solid #d0d7de; padding: 10px 16px; display: flex; align-items: center; justify-content: center; }
.xp-sidebar-footer span, .xp-sidebar-footer { font-size: 11px; color: #8c959f; white-space: nowrap; }
.xp-sidebar-footer a { color: #6e7781; text-decoration: none; font-size: 11px; }
.xp-sidebar-footer a:hover { color: #57606a; text-decoration: underline; }

#xp-mobile-btn { display: none; position: fixed; top: 14px; left: 14px; z-index: 18; width: 36px; height: 36px; background: none; border: none; cursor: pointer; align-items: center; justify-content: center; padding: 0; color: #8c959f; transition: color 0.15s; }
#xp-mobile-btn:hover { color: #57606a; }
@media screen and (max-width: 599px) { #xp-mobile-btn { display: flex; } }
.xp-mb-bars { display: flex; flex-direction: column; gap: 5px; align-items: center; justify-content: center; }
.xp-mb-bars span { display: block; width: 16px; height: 1.5px; background: currentColor; border-radius: 2px; }

.xp-folder-btn { display: flex; align-items: center; gap: 6px; width: calc(100% - 16px); margin: 0 8px; background: none; border: none; cursor: pointer; color: #57606a; font-size: 13px; font-weight: 600; padding: 5px 8px; border-radius: 6px; text-align: left; transition: background 0.1s, color 0.1s; }
.xp-folder-btn:hover { background: rgba(208,215,222,0.32); color: #1f2328; }
.xp-folder-label { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar ul li ul { border-left: 1px solid #d0d7de; margin-left: 21px !important; padding-left: 0; }
.xp-item-icon, .xp-folder-icon { display: inline-flex; flex-shrink: 0; width: 14px; height: 14px; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; }
.xp-hash-icon { width: 12px; height: 12px; }
.xp-home-icon  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.906.664a1.749 1.749 0 0 1 2.187 0l5.25 4.2c.415.332.657.835.657 1.367v7.019A1.75 1.75 0 0 1 13.25 15h-3.5a.75.75 0 0 1-.75-.75V9H7v5.25a.75.75 0 0 1-.75.75h-3.5A1.75 1.75 0 0 1 1 13.25V6.23c0-.531.242-1.034.657-1.366l5.25-4.2Zm1.25 1.171a.25.25 0 0 0-.312 0l-5.25 4.2a.25.25 0 0 0-.094.196v7.019c0 .138.112.25.25.25H5.5V8.25a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v5.25h2.75a.25.25 0 0 0 .25-.25V6.23a.25.25 0 0 0-.094-.195Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.906.664a1.749 1.749 0 0 1 2.187 0l5.25 4.2c.415.332.657.835.657 1.367v7.019A1.75 1.75 0 0 1 13.25 15h-3.5a.75.75 0 0 1-.75-.75V9H7v5.25a.75.75 0 0 1-.75.75h-3.5A1.75 1.75 0 0 1 1 13.25V6.23c0-.531.242-1.034.657-1.366l5.25-4.2Zm1.25 1.171a.25.25 0 0 0-.312 0l-5.25 4.2a.25.25 0 0 0-.094.196v7.019c0 .138.112.25.25.25H5.5V8.25a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v5.25h2.75a.25.25 0 0 0 .25-.25V6.23a.25.25 0 0 0-.094-.195Z'/%3E%3C/svg%3E"); }
.xp-file-icon  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688Z'/%3E%3C/svg%3E"); }
.xp-hash-icon  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.368 1.01a.75.75 0 0 1 .623.859L6.57 4h3.98l.46-2.868a.75.75 0 0 1 1.48.237L12.07 4h2.18a.75.75 0 0 1 0 1.5h-2.42l-.64 4h2.31a.75.75 0 0 1 0 1.5h-2.55l-.46 2.869a.75.75 0 0 1-1.48-.237l.42-2.632H5.45l-.46 2.869a.75.75 0 0 1-1.48-.237L3.93 11H1.75a.75.75 0 0 1 0-1.5h2.42l.64-4H2.5a.75.75 0 0 1 0-1.5h2.55l.46-2.868a.75.75 0 0 1 .858-.622ZM9.309 9.5l.64-4H5.969l-.64 4Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.368 1.01a.75.75 0 0 1 .623.859L6.57 4h3.98l.46-2.868a.75.75 0 0 1 1.48.237L12.07 4h2.18a.75.75 0 0 1 0 1.5h-2.42l-.64 4h2.31a.75.75 0 0 1 0 1.5h-2.55l-.46 2.869a.75.75 0 0 1-1.48-.237l.42-2.632H5.45l-.46 2.869a.75.75 0 0 1-1.48-.237L3.93 11H1.75a.75.75 0 0 1 0-1.5h2.42l.64-4H2.5a.75.75 0 0 1 0-1.5h2.55l.46-2.868a.75.75 0 0 1 .858-.622ZM9.309 9.5l.64-4H5.969l-.64 4Z'/%3E%3C/svg%3E"); }
.xp-folder-open   { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.513 1.513A1.75 1.75 0 0 1 1.75 1h3.5c.55 0 1.07.26 1.4.7l.9 1.2a.25.25 0 0 0 .2.1H14.25c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 14.25 15H1.75A1.75 1.75 0 0 1 0 13.25V2.75c0-.464.184-.91.513-1.237ZM1.75 2.5a.25.25 0 0 0-.25.25v.5h13V4.75a.25.25 0 0 0-.25-.25H7.75A1.75 1.75 0 0 1 6.35 3.8l-.9-1.2a.25.25 0 0 0-.2-.1H1.75Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.513 1.513A1.75 1.75 0 0 1 1.75 1h3.5c.55 0 1.07.26 1.4.7l.9 1.2a.25.25 0 0 0 .2.1H14.25c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 14.25 15H1.75A1.75 1.75 0 0 1 0 13.25V2.75c0-.464.184-.91.513-1.237ZM1.75 2.5a.25.25 0 0 0-.25.25v.5h13V4.75a.25.25 0 0 0-.25-.25H7.75A1.75 1.75 0 0 1 6.35 3.8l-.9-1.2a.25.25 0 0 0-.2-.1H1.75Z'/%3E%3C/svg%3E"); }
.xp-folder-closed { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1Z'/%3E%3C/svg%3E"); }

/* Sidebar file links — margin-right reserves space for the chevron */
.sidebar ul li a { color: #57606a; font-size: 13px; padding: 5px 8px 5px 16px; margin-right: 8px; border-radius: 6px; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 6px; transition: background 0.1s, color 0.1s; }
.sidebar ul li a:hover { background: rgba(208,215,222,0.32); color: #1f2328; }
.sidebar ul li.active > a { background: rgba(208,215,222,0.48); color: #1f2328; }
.sidebar ul li { position: relative; }
.sidebar ul li a .xp-item-icon { color: #57606a; }
.sidebar ul li a:hover .xp-item-icon, .sidebar ul li.active > a .xp-item-icon { color: #1f2328; }
.xp-folder-btn .xp-folder-icon { color: #8c959f; }
.xp-folder-btn:hover .xp-folder-icon { color: #57606a; }
.xp-sub-toggle { position: absolute; right: 8px; top: 6px; background: none !important; border: none !important; cursor: pointer; color: #b1bac4; padding: 2px; display: flex; align-items: center; flex-shrink: 0; transition: transform 0.2s, color 0.15s; }
.xp-sub-toggle:hover { color: #57606a; }
.xp-sub-toggle-open { transform: rotate(180deg); }
.xp-heading-depth { font-family: ui-monospace, monospace; font-size: 10px; color: #b1bac4; flex-shrink: 0; margin-right: 4px; }
.app-sub-sidebar { margin: 1px 0 3px 0 !important; padding-left: 0 !important; border-left: 1px solid #d0d7de !important; margin-left: 21px !important; }
.app-sub-sidebar li > a { padding: 4px 8px !important; font-size: 12px !important; color: #8c959f !important; display: flex !important; align-items: center !important; gap: 5px !important; }
.app-sub-sidebar li > a:hover { color: #57606a !important; background: rgba(208,215,222,0.2) !important; }
.app-sub-sidebar li.active > a { color: #0969da !important; }
.app-sub-sidebar ul { display: none !important; }

/* ── Anchor padding — reserves space for the chevron badge ── */
.sidebar ul li > a { padding-right: 22px !important; }

/* ── Chevron badge ── */
.xp-chevron { position: absolute; right: 10px; top: 6px; height: 16px; width: 16px; display: flex; align-items: center; justify-content: center; color: #b1bac4; cursor: pointer; background: none; border: none; padding: 0; z-index: 2; transition: color 0.15s; }
.xp-chevron:hover { color: #8c959f; }
.sidebar ul li.active .xp-chevron { color: #8c959f; }
.sidebar ul li.active .xp-chevron:hover { color: #57606a; }
.xp-chevron svg { display: block; flex-shrink: 0; transition: transform 0.18s ease; }
.xp-chevron.open svg { transform: rotate(90deg); }

/* ── Heading panel ── */
.xp-headings { display: none; flex-direction: column; margin: 2px 8px 6px 22px; border-left: 1px solid #d0d7de; padding: 2px 0; }
.xp-headings.open { display: flex; }
.xp-heading-item { display: flex; align-items: center; gap: 6px; padding: 4px 8px 4px 10px; font-size: 12px; color: #8c959f; text-decoration: none; border-radius: 5px; cursor: pointer; line-height: 1.4; min-width: 0; transition: color 0.1s, background 0.1s; }
.xp-heading-item:hover { background: rgba(208,215,222,0.32); }
.xp-heading-item.active { color: #0969da; }
.xp-heading-item.active:hover { color: #0550ae; background: rgba(9,105,218,0.06); }
.xp-heading-hash { font-family: ui-monospace, SFMono-Regular, monospace; font-size: 10px; color: #c8cdd3; flex-shrink: 0; user-select: none; line-height: 1; transition: color 0.1s; }
.xp-heading-item:hover .xp-heading-hash { color: #8c959f; }
.xp-heading-item.active .xp-heading-hash { color: #6aabff; }
.xp-heading-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }

.xp-drag { position: fixed; top: 0; left: 270px; width: 6px; height: 100%; cursor: col-resize; z-index: 25; background: rgba(140,149,159,0.2); }
.xp-drag:hover, .xp-drag:active { background: rgba(9,105,218,0.4); }
#xp-toggle { position: fixed; top: 50%; left: 269px; transform: translateY(-50%); z-index: 26; width: 16px; height: 48px; background: #eaeef2; border: 1px solid rgba(27,31,35,0.15); border-left: none; border-radius: 0 6px 6px 0; cursor: pointer; color: #57606a; font-size: 14px; line-height: 1; display: flex; align-items: center; justify-content: center; padding: 0; transition: background 0.15s, color 0.15s; }
#xp-toggle:hover { background: #d0d7de; color: #1f2328; }
@media screen and (max-width: 599px) { #xp-toggle { display: none !important; } }
.sidebar-toggle { display: none !important; }
body.close .sidebar { transform: translateX(-100%); }
body.close .content { left: 0; }
.markdown-section { margin: 0 auto; max-width: 860px; padding: 32px 40px 60px; position: relative; }
.markdown-section > * { box-sizing: border-box; font-size: inherit; }
.markdown-section > :first-child { margin-top: 0 !important; }
.markdown-section h1, .markdown-section h2, .markdown-section h3, .markdown-section h4, .markdown-section h5, .markdown-section h6 { font-weight: 600; margin-top: 24px; margin-bottom: 16px; line-height: 1.25; }
.markdown-section h1, .markdown-section h2, .markdown-section h3, .markdown-section h4, .markdown-section strong { color: #1f2328; }
.markdown-section h1 { font-size: 2em; padding-bottom: 0.3em; border-bottom: 1px solid #d8dee4; }
.markdown-section h2 { font-size: 1.5em; padding-bottom: 0.3em; border-bottom: 1px solid #d8dee4; }
.markdown-section h3 { font-size: 1.25em; }
.markdown-section h4 { font-size: 1em; }
.markdown-section h5 { font-size: 0.875em; }
.markdown-section h6 { font-size: 0.85em; color: #636c76; }
.markdown-section h1 a, .markdown-section h2 a, .markdown-section h3 a, .markdown-section h4 a, .markdown-section h5 a, .markdown-section h6 a { text-decoration: none !important; color: inherit !important; }
.markdown-section p, .markdown-section ul, .markdown-section ol { margin-top: 0; margin-bottom: 16px; line-height: 1.6; }
.markdown-section ul, .markdown-section ol { padding-left: 2em; }
.markdown-section li + li { margin-top: 4px; }
.markdown-section ul.task-list > li { list-style-type: none; }
.markdown-section a { color: #0969da; text-decoration: none; text-underline-offset: 25%; }
.markdown-section a:hover { text-decoration: underline; }
.markdown-section hr { border: none; border-bottom: 1px solid #d8dee4; margin: 24px 0; }
.markdown-section blockquote { border-left: 4px solid #d0d7de; color: #656d76; margin: 16px 0; padding: 0 16px; }
.markdown-section blockquote p { margin-left: 0; }
.markdown-section em { color: #57606a; }
.markdown-section code, .markdown-section pre { font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; }
.markdown-section code { background-color: rgba(175,184,193,0.2); border-radius: 6px; padding: 0.2em 0.4em; font-size: 85%; color: #1f2328; }
.markdown-section pre { background-color: #f6f8fa; border: 1px solid #e8eaed; border-radius: 6px; padding: 16px; overflow: auto; margin: 0 0 16px; line-height: 1.45; }
.markdown-section pre[data-lang] { border-left: 3px solid #388bfd; }
.markdown-section pre[data-lang].xp-source-block { border-left: 1px solid #e8eaed; }
.markdown-section pre > code { background: transparent; padding: 0; font-size: 85%; color: #1f2328; border-radius: 0; white-space: pre; }
.markdown-section table { border-collapse: collapse; border-spacing: 0; display: block; margin-bottom: 16px; overflow: auto; width: 100%; }
.markdown-section th { background-color: #f6f8fa; border: 1px solid #d0d7de; font-weight: 600; padding: 6px 13px; }
.markdown-section td { border: 1px solid #d0d7de; padding: 6px 13px; }
.markdown-section tr { border-top: 1px solid #d0d7de; }
.markdown-section tr:nth-child(2n) { background-color: #f6f8fa; }
.markdown-section img { max-width: 100%; border-style: none; border-radius: 6px; }
.markdown-section iframe { border: 1px solid #d0d7de; width: 1px; min-width: 100%; margin: 1em 0; }
.markdown-section p.tip { color: #1f2328; border-left: 3px solid #9a6700; padding: 0 1rem; line-height: 2.3; margin: 2em 0; }
.markdown-section p.tip:before { content: "⚠️  Warning\A"; color: #9a6700; font-weight: 600; white-space: pre-wrap; }
.markdown-section p.warn { color: #1f2328; border-left: 3px solid #0969da; padding: 0 1rem; margin: 2em 0; }
.markdown-section p.warn:before { content: "💡  Tip\A"; color: #0969da; font-weight: 600; white-space: pre-wrap; line-height: 2.5; }
.markdown-section pre { background-color: #fafafa !important; border: 1px solid #e8eaed; }
.token.comment, .token.prolog, .token.doctype, .token.cdata { color: #a0a1a7; font-style: italic; }
.token.namespace { opacity: 0.8; }
.token.boolean { color: #0184bb; }
.token.number { color: #986801; }
.token.punctuation, .token.operator { color: #383a42; }
.token.property { color: #986801; }
.token.tag { color: #e45649; }
.token.string, .token.char, .token.attr-value { color: #50a14f; }
.token.selector, .token.class-name { color: #986801; }
.token.attr-name { color: #986801; }
.token.entity, .token.url { color: #0184bb; }
.token.keyword, .token.rule { color: #a626a4; }
.token.function, .token.function-name { color: #4078f2; }
.token.regex, .token.atrule { color: #0184bb; }
.token.placeholder, .token.variable { color: #e45649; }
.token.type-hint, .token.builtin { color: #986801; }
.token.parameter { color: #383a42; }
.token.deleted { text-decoration: line-through; color: #e45649; }
.token.inserted { text-decoration: none; color: #50a14f; }
.token.italic { font-style: italic; }
.token.important, .token.bold { font-weight: bold; }
.token.important { color: #e45649; }
.token.entity { cursor: help; }
.xp-unrendered { color: #c8cdd3; font-size: 13px; padding: 5px 8px 5px 16px; display: flex; align-items: center; gap: 6px; cursor: default; user-select: none; }
.xp-unrendered::before { content: ''; display: inline-flex; flex-shrink: 0; width: 14px; height: 14px; background-color: #c8cdd3; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; }
span.xp-unrendered:hover { color: #8c959f; cursor: pointer; }

#xp-gh-page-btn { position: fixed; top: 14px; right: 16px; z-index: 18; display: flex; align-items: center; justify-content: center; color: #b1bac4; text-decoration: none !important; transition: color 0.15s, transform 0.15s; }
#xp-gh-page-btn:hover { color: #57606a; transform: scale(1.15); }
#xp-gh-page-btn svg { width: 18px; height: 18px; display: block; }

@media screen and (max-width: 1100px) and (min-width: 600px) { .sidebar { width: 240px; } .content { left: 240px; } .xp-drag { left: 240px; } #xp-toggle { left: 239px; } }

@media screen and (max-width: 599px) {
  .sidebar { position: fixed; width: 100vw !important; z-index: 30; }
  .content { left: 0 !important; padding-top: 56px; overflow-x: hidden; }
  .xp-drag { display: none !important; }
  body:not(.close) { overflow: hidden; }
  body.close .sidebar { pointer-events: none !important; }
}

@media print { .sidebar, #xp-toggle, #xp-mobile-btn, .xp-drag, .app-nav, #xp-gh-page-btn { display: none !important; } .content { left: 0 !important; } }