.guide-figure{isolation:isolate;margin:var(--sp-0);inline-size:100%;aspect-ratio:var(--photo-ratio);position:relative}.guide-figure-glow{z-index:0;border-radius:var(--r-image);pointer-events:none;background-color:var(--mark);opacity:.85;box-shadow:0 0 var(--sp-5) var(--sp-0) var(--mark), 0 0 var(--sp-9) var(--sp-4) var(--accent-2);position:absolute;inset:0}.guide-figure[data-mode=philosopher] .guide-figure-glow{background-color:var(--thread);box-shadow:0 0 var(--sp-5) var(--sp-0) var(--thread), 0 0 var(--sp-9) var(--sp-4) var(--mark)}.guide-figure-img{z-index:1;object-fit:cover;border-radius:var(--r-image);background-color:var(--soft);block-size:100%;inline-size:100%;display:block;position:relative}.guide-figure-empty{border:var(--rule) dashed var(--muted);background-color:var(--raised)}.guide-hint-slot{display:block}.guide-hint-slot:focus{outline:none}.guide-hint-slot:empty{display:none}.guide-hint{align-items:flex-end;gap:var(--sp-3);margin-block:var(--sp-5);margin-inline:var(--sp-0);max-inline-size:var(--measure-wide);display:flex}.guide-hint-slot[data-place=article-end] .guide-hint{margin-block-start:var(--sp-7)}.guide-hint-face{inline-size:calc(var(--sp-8) + var(--sp-2));block-size:calc(var(--sp-8) + var(--sp-2));border-radius:var(--r-pill);object-fit:cover;background-color:var(--soft);border:var(--rule) solid var(--mark);flex:none;display:block}.guide-hint-bubble{min-inline-size:0;padding-block:var(--sp-3);padding-inline:var(--sp-4);border-radius:var(--r-2);background-color:var(--surface);color:var(--text);box-shadow:var(--shadow-soft);flex:auto;position:relative}.guide-hint-bubble:before{content:"";inline-size:var(--sp-4);block-size:var(--sp-4);background-color:var(--surface);border-radius:var(--r-0);position:absolute;inset-block-end:var(--sp-4);inset-inline-start:calc(var(--sp-2) * -1);transform:rotate(45deg)}.guide-hint-text{margin:var(--sp-0);font-size:var(--step-0);line-height:var(--lh-body);position:relative}.guide-hint-links{gap:var(--sp-2) var(--sp-4);margin-block:var(--sp-2) var(--sp-0);padding:var(--sp-0);flex-wrap:wrap;list-style:none;display:flex;position:relative}.guide-hint-links a{color:var(--accent);font-weight:var(--w-medium)}.guide-hint-close{inline-size:var(--tap);block-size:var(--tap);padding:var(--sp-0);border:var(--hair) solid var(--line);border-radius:var(--r-button);background-color:var(--bg);color:var(--muted);cursor:pointer;flex:none;align-self:flex-start;place-items:center;display:inline-grid}.guide-hint-close:hover{color:var(--text);border-color:var(--muted)}.guide-hint-close svg{inline-size:var(--sp-4);block-size:var(--sp-4);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}@keyframes guide-bob{0%{transform:translateY(var(--sp-0))}to{transform:translateY(calc(var(--sp-1) * -1))}}@media (prefers-reduced-motion:no-preference){.guide-hint-face{animation:guide-bob calc(var(--dur-step) * 4) var(--ease) infinite alternate}.guide-figure-img{animation:guide-bob calc(var(--dur-step) * 6) var(--ease) infinite alternate}}.guide-avatar{z-index:40;display:block;position:fixed;inset-block-end:var(--sp-3);inset-inline-end:var(--sp-3)}.guide-avatar-toggle{padding:var(--sp-0);inline-size:var(--tap);block-size:var(--tap);border:var(--hair) solid var(--line);background-color:var(--raised);color:var(--text);box-shadow:var(--shadow-soft);font:inherit;cursor:pointer;border-radius:50%;place-items:center;display:grid;overflow:hidden}.guide-avatar-toggle:hover,.guide-avatar-toggle[aria-expanded=true]{border-color:var(--accent)}.guide-avatar-face{object-fit:cover;background-color:var(--soft);border-radius:50%;block-size:100%;inline-size:100%}body:has(.guide-avatar) .site-footer{padding-block-end:calc(var(--tap) + var(--sp-6))}.guide-avatar .guide-avatar-panel{margin:var(--sp-0);box-sizing:border-box;inline-size:calc(var(--margin-w) * 1.4);max-inline-size:calc(100% - var(--sp-3) * 2);max-block-size:calc(100% - var(--sp-3) - var(--tap) - var(--sp-2) - var(--sp-3));overscroll-behavior:contain;position:fixed;inset-block-start:auto;inset-block-end:calc(var(--sp-3) + var(--tap) + var(--sp-2));inset-inline-start:auto;inset-inline-end:var(--sp-3);overflow-y:auto}.guide-avatar .guide-avatar-panel[hidden]{display:none}@media print{.guide-avatar{display:none}}
