#codex-guide-overlay{padding:0;width:min(1180px,calc(100vw - 32px));max-width:none;height:calc(100vh - 32px);height:calc(100dvh - 32px);max-height:none;box-sizing:border-box;border:0;border-radius:20px;background:#fffdf8;box-shadow:-4px 4px 0 rgba(22,43,39,.10);overflow:hidden;color:#0b4a3d}
#codex-guide-overlay[open]{display:flex;flex-direction:column}#codex-guide-overlay::backdrop{background:rgba(24,61,49,.78)}
#codex-guide-overlay>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 16px;background:#f1efe7;flex-shrink:0;font:600 15px/1.4 var(--codex-sans,Inter,Manrope,system-ui,sans-serif)}
#codex-guide-overlay button{font:600 15px/1.2 var(--codex-sans,Inter,Manrope,system-ui,sans-serif);border:1.5px solid #0b4a3d;border-radius:999px;background:transparent;color:#0b4a3d;min-height:44px;padding:8px 18px;cursor:pointer;transition:transform 140ms cubic-bezier(.22,1,.36,1)}
#codex-guide-overlay button:active{transform:translateY(1px)}
#codex-guide-overlay iframe{width:100%;min-height:0;flex:1;border:0;background:#fffdf8}#codex-guide-overlay button:focus-visible,.codex-guide-support :focus-visible,.codex-guide-chip :focus-visible{outline:3px solid #0b4a3d;outline-offset:2px}
.codex-guide-support{position:relative;color:var(--codex-theme,#0b4a3d);font:600 15px/1.4 var(--codex-sans,Inter,Manrope,system-ui,sans-serif)}.codex-guide-support summary{display:flex;align-items:center;min-height:44px;padding:8px 12px;cursor:pointer;list-style:none}.codex-guide-support nav{position:absolute;right:0;top:100%;min-width:220px;z-index:1200;background:#fffdf8;border:0;border-radius:12px;padding:7px;box-shadow:-4px 4px 0 rgba(22,43,39,.10)}.codex-guide-support nav>*{display:flex;align-items:center;min-height:44px;width:100%;border:0;border-radius:6px;background:transparent;padding:9px 12px;color:inherit;text-align:left;text-decoration:none;font:inherit;cursor:pointer}
.codex-guide-support nav>*:hover{background:#f1efe7}
.codex-guide-chip{display:none!important}
@media(max-width:700px){#codex-guide-overlay{width:100vw;height:100vh;height:100dvh;margin:0;max-height:none;border-radius:0}#codex-guide-overlay>header{padding:4px max(16px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left));font-size:14px}.codex-guide-support summary{padding:8px}}
@media(prefers-reduced-motion:reduce){#codex-guide-overlay button{transition:none}#codex-guide-overlay button:active{transform:none}}
@media print{#codex-guide-overlay,.codex-guide-support,.codex-guide-chip{display:none!important}}
html body .codex-guide-support>nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;left:0;right:auto;width:240px!important;min-width:min(240px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box}.codex-guide-support>nav>*{box-sizing:border-box;width:100%!important;min-height:44px;white-space:normal;justify-content:flex-start!important;text-align:left!important;font:600 15px/1.4 var(--codex-sans,Inter,Manrope,system-ui,sans-serif)!important}