/* The guide owns a separate viewport row. It never overlays navigation or page content. */
body.avatar-ready{height:100vh;height:100dvh;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}
.avatar-ready .site-scroll{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scroll-behavior:smooth;scroll-padding-block:1rem}
.avatar-host{display:block;min-width:0;z-index:var(--z-guide);background:var(--bg);border-top:1px solid var(--border);padding:.4rem max(.75rem,env(safe-area-inset-right)) max(.4rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}
.avatar-shell{display:flex;justify-content:flex-end;width:min(100%,var(--content-width));margin-inline:auto;min-width:0}
.avatar-launcher,.avatar-action,.avatar-suggestion{font:inherit;min-height:var(--touch-target);max-width:100%;border:1px solid var(--color-control-border);border-radius:var(--radius-control);padding:.55rem .9rem;background:var(--color-surface);color:var(--fg);text-decoration:none;cursor:pointer;overflow-wrap:anywhere}
.avatar-launcher{border-left:3px solid var(--accent);box-shadow:var(--shadow-floating);border-radius:var(--radius-pill);font-size:.9rem}
.avatar-panel{width:100%;min-width:0;max-height:42vh;max-height:42dvh;overflow:auto;overscroll-behavior:contain;padding:.5rem;scroll-padding-block:1rem;border-radius:var(--radius-card);background:var(--color-surface)}
.avatar-panel-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem}
.avatar-title{font-size:1rem;line-height:1.5;margin:0;letter-spacing:-.015em}
.avatar-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.avatar-action{font-size:.85rem;padding:.5rem .7rem;background:var(--card)}
.avatar-message{font-size:.9rem;line-height:1.6;margin:1rem 0;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-control);color:var(--muted);background:var(--card)}
.avatar-suggestions{display:flex;flex-wrap:wrap;gap:.6rem;padding:.3rem}
.avatar-suggestion{display:inline-flex;align-items:center;flex:1 1 12rem;font-size:.9rem;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
.avatar-host[data-mode="mobile"] .avatar-shell{justify-content:center}
.avatar-host[data-mode="mobile"] .avatar-launcher{width:100%}
.avatar-host[data-mode="tablet"] .avatar-panel{max-width:42rem}
.avatar-host[data-mode="desktop"] .avatar-panel{max-width:46rem}
.avatar-visual-slot:empty{display:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.avatar-action:hover,.avatar-suggestion:hover,.avatar-launcher:hover{background:var(--card)}}
@media(prefers-reduced-motion:reduce){.avatar-ready .site-scroll,.avatar-panel{scroll-behavior:auto}}
@media print{.avatar-host,.guide-reopen{display:none!important}body.avatar-ready{display:block;height:auto;overflow:visible}.avatar-ready .site-scroll{overflow:visible}}
.avatar-panel{max-width:var(--avatar-panel-width);max-height:var(--avatar-panel-height)}
.avatar-message{padding:var(--avatar-bubble-space)}
.avatar-launcher{min-height:var(--avatar-launcher-height)}
.avatar-host[data-mode="laptop"] .avatar-panel{max-width:42rem}
.avatar-host[data-mode="large"] .avatar-panel{max-width:var(--avatar-panel-width)}
.avatar-host[data-mode="mobile"] .avatar-panel{padding:.25rem}
.avatar-host[data-mode="mobile"] .avatar-suggestions{flex-direction:column}
.avatar-host[data-mode="mobile"] .avatar-suggestion{flex:0 0 auto;width:100%}
@media(max-height:500px){.avatar-panel{max-height:35dvh}.avatar-message{margin-block:.5rem}}
@media(forced-colors:active){.avatar-host,.avatar-panel,.avatar-message,.avatar-launcher,.avatar-action,.avatar-suggestion{border-color:CanvasText}.avatar-suggestion{text-decoration-color:LinkText}}