.context-panel{z-index:90;top:calc(var(--context-header-height,65px) + 12px);color:#493b32;text-align:start;background:#fbf6f1;border:1px solid #d6c2b0;border-top:3px solid #8b3526;border-radius:10px;flex-direction:column;width:clamp(400px,38vw,560px);max-width:calc(100vw - 24px);display:flex;position:fixed;bottom:12px;right:12px;overflow:hidden;box-shadow:-8px 8px 36px #38261b26}.context-panel--wide{width:min(680px,62vw)}.context-panel__toolbar{background:#f6ede4;border-bottom:1px solid #e1d2c4;flex:none;align-items:center;gap:.5rem;padding:.65rem 1rem;display:flex}.context-panel__toolbar>span{color:#8b3526;letter-spacing:.04em;margin-right:auto;font-size:.8rem;font-weight:700}.context-panel__toolbar button{min-height:44px;font:inherit;color:#76291f;cursor:pointer;background:#fbf6f1;border:1px solid #cfb8a4;border-radius:5px;padding:.5rem .7rem;font-size:.85rem}.context-panel__toolbar button:hover{background:#ead7c7}.context-panel :is(button,a,summary):focus-visible{outline-offset:3px;outline:2px solid #9d711d}.context-panel__body{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:1.4rem clamp(1rem,2vw,1.8rem) 2rem;overflow:hidden auto}.context-panel :is(h2,h3){color:#8b3526}.context-panel h2{font-family:var(--font-serif);font-size:clamp(1.8rem,2.8vw,2.5rem);line-height:1.15}.context-panel h3{font-family:var(--font-serif);font-size:1.2rem;line-height:1.35}.context-panel p{line-height:1.7}@media (width<=700px){.context-panel,.context-panel--wide{top:max(calc(var(--context-header-height,65px) + 56px), 23svh);border-radius:14px 14px 0 0;width:100%;max-width:100%;bottom:0;right:0}.context-panel__resize{display:none}.context-panel__body{padding:1rem 1.1rem max(1.5rem, env(safe-area-inset-bottom))}}.context-panel h2[tabindex="-1"]:focus{outline:none}