html:has(#site-guide[open]){overflow:hidden}
.site-shell #site-guide{box-sizing:border-box;width:min(550px,calc(100vw - 32px));max-width:none;height:min(760px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);inset:auto 16px 16px auto;padding:0;overflow:hidden;background:var(--panel);color:var(--ink);border:1px solid var(--edge);border-radius:14px;box-shadow:0 18px 70px #0003}
.site-shell #site-guide[open]{display:flex;flex-direction:column}
#site-guide::backdrop{background:#07181565;backdrop-filter:blur(4px)}
#site-guide .guide-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 22px 0;flex-shrink:0}
#site-guide .guide-identity{display:flex;align-items:center;gap:14px;min-width:0}
#site-guide .guide-mark{width:48px;flex-shrink:0;display:block}
#site-guide .guide-mark img{display:block;width:100%;height:auto;border:0;border-radius:0}
#site-guide .guide-mark .brand-logo-dark{display:none}
:root[data-theme=dark] #site-guide .guide-mark .brand-logo-light{display:none}
:root[data-theme=dark] #site-guide .guide-mark .brand-logo-dark{display:block}
#site-guide .eyebrow{font:500 9px/1.6 var(--sans);letter-spacing:.12em;margin:0;color:var(--muted)}
.site-shell #site-guide h2{font:400 27px/1.2 var(--serif);letter-spacing:-.025em;margin:4px 0 0;color:var(--ink)}
#site-guide [data-close-dialog]{color:var(--muted);border-radius:50%;min-width:44px;min-height:44px}
#site-guide [data-close-dialog]:hover{background:var(--page);color:var(--ink)}
.site-shell #site-guide .guide-note{font:400 13px/1.6 var(--sans);color:var(--muted);padding:0 22px 16px;margin:14px 0 0;border-bottom:1px solid var(--edge);flex-shrink:0}
.site-shell #site-guide .guide-messages{flex:1;min-height:80px;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;gap:18px;padding:22px;margin:0;scroll-padding:16px}
#site-guide .guide-welcome{padding:8px 0;max-width:38ch}
.site-shell #site-guide .guide-welcome h3{font:400 25px/1.25 var(--serif);margin:0 0 12px;color:var(--ink)}
.site-shell #site-guide .guide-welcome p{background:none;padding:0;margin:0;color:var(--muted);font:400 14px/1.75 var(--sans);white-space:normal}
.site-shell #site-guide p.question{background:var(--accent);color:var(--panel);border-radius:12px 12px 3px 12px;padding:11px 15px;margin:0;max-width:88%;align-self:flex-end;font:400 14px/1.6 var(--sans);white-space:pre-wrap}
#site-guide .guide-answer{align-self:stretch;padding:0 2px;font:400 14px/1.75 var(--sans);overflow-wrap:anywhere}
.site-shell #site-guide .guide-answer h3{font:500 15px/1.5 var(--sans);margin:0 0 10px;color:var(--ink);letter-spacing:0}
.site-shell #site-guide .guide-answer p{background:none;border-radius:0;margin:0 0 12px;padding:0;font:inherit;color:var(--ink);white-space:normal}
#site-guide .guide-answer ul{padding-left:20px;margin:0 0 14px;color:var(--ink);font:inherit}
#site-guide .guide-answer li{font:inherit;margin:6px 0;padding-left:2px}
#site-guide .guide-answer blockquote{padding:0 0 0 14px;margin:0 0 14px;border-left:2px solid var(--accent);color:var(--ink);font:inherit}
#site-guide .guide-source-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px}
.site-shell #site-guide .guide-source-links a{color:var(--accent);font:500 12px/1.6 var(--sans);text-decoration:underline;text-underline-offset:4px;padding:4px 0}
#site-guide .guide-prompts{padding:12px 22px 0;border-top:1px solid var(--edge);flex-shrink:0}
#site-guide #guide-prompt-label{padding:0;background:none;border-radius:0;font:400 10px/1.6 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 7px}
#site-guide .guide-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin:0}
.site-shell #site-guide .guide-suggestions button{min-height:36px;padding:6px 11px;font:400 12px/1.5 var(--sans);border:1px solid var(--edge);border-radius:6px;background:transparent;color:var(--ink);text-align:left}
.site-shell #site-guide .guide-suggestions button:hover{background:var(--page);border-color:var(--accent);color:var(--accent)}
#site-guide .site-guide-form{margin:12px 22px 0;padding:0;border:1px solid var(--muted);border-radius:8px;display:flex;gap:0;align-items:center;background:var(--page);flex-shrink:0}
#site-guide .site-guide-form:focus-within{outline:2px solid var(--accent);outline-offset:2px}
#site-guide .site-guide-form input{width:100%;min-width:0;background:transparent;border:0;border-radius:8px;color:var(--ink);font:400 16px/1.5 var(--sans);padding:12px;box-shadow:none}
#site-guide .site-guide-form input:focus-visible{outline:none}
#site-guide .site-guide-form input::placeholder{color:var(--muted);opacity:1}
.site-shell #site-guide .site-guide-form button{margin:3px;background:var(--accent);color:var(--panel);display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:6px;padding:0}
#site-guide .guide-tools{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:8px 22px 12px;flex-shrink:0;color:var(--muted)}
#site-guide .guide-about{min-width:0;font:400 11px/1.65 var(--sans)}
#site-guide .guide-about summary{min-height:32px;cursor:pointer;padding:5px 0;width:fit-content}
.site-shell #site-guide .guide-about p{background:none;padding:0;margin:4px 0 8px;white-space:normal;color:var(--muted);font:inherit;max-width:46ch}
.site-shell #site-guide .clear-guide{margin:0;padding:5px 0;min-height:32px;flex-shrink:0;color:var(--muted);font:400 11px/1.65 var(--sans)}
#site-guide :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px){.site-shell #site-guide{inset:auto 8px 8px;width:calc(100vw - 16px);height:min(780px,calc(100dvh - 16px));max-height:calc(100dvh - 16px);border-radius:12px}#site-guide .guide-header{padding:16px 16px 0}.site-shell #site-guide h2{font-size:25px}#site-guide .guide-mark{width:42px}.site-shell #site-guide .guide-note{padding:0 16px 12px;margin-top:12px}.site-shell #site-guide .guide-messages{padding:18px 16px}#site-guide .guide-prompts{padding:10px 16px 0}#site-guide .site-guide-form{margin:10px 16px 0}#site-guide .guide-tools{padding:6px 16px 10px}.site-shell #site-guide .guide-suggestions button{min-height:40px}.site-shell #site-guide .clear-guide,#site-guide .guide-about summary{min-height:38px}}
@media(max-height:540px){#site-guide .guide-header{padding-top:10px}.site-shell #site-guide .guide-note{display:none}#site-guide .guide-mark{width:32px}.site-shell #site-guide h2{font-size:22px}#site-guide .guide-prompts{padding-top:7px}#site-guide .guide-suggestions{flex-wrap:nowrap;overflow-x:auto}#site-guide .guide-suggestions button{white-space:nowrap}.site-shell #site-guide .guide-messages{padding-block:12px}#site-guide .guide-tools{padding-block:3px}}