.codex-preview{position:fixed;inset:auto;margin:0;padding:20px;width:370px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8c754d #17151b;z-index:1000;border:1px solid #c4a16a;border-radius:7px;background:radial-gradient(ellipse at 0 0,#ac804023,transparent 60%),linear-gradient(#18151bef,#100f15f5),url(/images/texture.jpg);color:#eee7db;box-shadow:inset 0 0 0 3px #b39a6430,0 12px 50px #000a,0 2px 8px #0008;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.55;text-align:left;overflow-wrap:anywhere}.codex-preview::backdrop{background:transparent;pointer-events:none}.codex-preview-heading{display:flex;align-items:flex-start;gap:13px}.codex-preview-heading>div{min-width:0;flex:1 1}.codex-preview .entry-icon{width:54px;height:54px;border-color:#be9c67a6;background:radial-gradient(circle,#584330,#211a20);box-shadow:inset 0 0 0 2px #151318,0 2px 8px #0007}.codex-preview h3,.codex-preview p{margin:0}.codex-preview .codex-preview-category{margin:0 0 4px;color:#c6b493;font-size:10px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase}.codex-preview-category span{padding-inline:4px;font-size:7px;color:#ddbd7e}.codex-preview h3{font-family:DM Sans,sans-serif;color:#ffe0a2;font-size:18px;font-weight:600;line-height:1.3}.codex-preview .codex-preview-subtype{margin-top:5px;color:#d0c6bc;font-size:12px}.codex-preview .codex-preview-description{margin-top:17px;color:#ece4d5}.codex-preview-facts{margin:15px 0 0;padding:13px 0 0;border-top:1px solid #bc9a6440}.codex-preview-facts>div+div{margin-top:9px}.codex-preview-facts dt{color:#c6b99f;font-size:11px;margin-bottom:1px}.codex-preview-facts dd{color:#f3f0e7;margin:0}.codex-preview .codex-preview-more{color:#dfc592;margin-top:14px;font-size:11px}.codex-preview-provenance{display:grid;gap:5px;border-top:1px solid #bc9a6435;margin-top:17px;padding-top:12px;font-size:11px;color:#bdb2a6}.codex-preview .codex-preview-hint{margin-top:13px;color:#dec89f;font-size:11px}.codex-preview-hint span{display:block;color:#bdb2a6;margin-top:3px;font-size:10px}.codex-preview-close{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid #9c84574d;border-radius:4px;background:#ffffff08;color:#f5e3c2;cursor:pointer}.codex-preview-open{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:11px 14px;margin-top:17px;border:1px solid #d1ad70;border-radius:3px;background:linear-gradient(110deg,#e1c48b,#cba461);color:#251b12;font-size:13px;font-weight:600;text-decoration:none}.codex-preview--touch{padding:18px}.codex-preview--touch h3{font-size:17px}.codex-preview--compact .entry-icon{display:none}.codex-preview-close:focus-visible,.codex-preview-open:focus-visible,a[data-codex-link]:focus-visible{outline:2px solid #ffe0a2;outline-offset:4px}.article-codex{margin:36px 0;padding:22px;border:1px solid #c6a77455;background:#c6a7740a}.article-codex-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.article-codex-links>a{display:flex;align-items:center;gap:10px;max-width:100%;padding:8px 12px 8px 8px;border:1px solid #c6a77455;border-radius:3px;background:#242027;color:#f2dec0;font-size:13px;line-height:1.6}.article-codex-links>a:hover{background:#3b3030;border-color:#dec18e}.article-codex-links .entry-icon{width:32px;height:32px}.article-codex-links>a>span:last-child{min-width:0;overflow-wrap:anywhere}@media (max-width:400px){.codex-preview--touch{padding:15px}.codex-preview--touch .entry-icon{width:44px;height:44px}.codex-preview--touch .entry-icon img{max-width:44px;height:44px}.codex-preview-heading{gap:10px}.article-codex{padding:17px}}