/* Symbolic guide artwork responds to exploration without selecting an answer. */
.guide-visual-slot{min-width:0}
.guide-visual-mobile{display:none}
.guide-visual{position:relative;width:min(100%,340px);height:340px;margin-top:37px;color:var(--wine);pointer-events:none;isolation:isolate}
.guide-visual-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(8px) scale(.97);transition:opacity .24s var(--ease),transform .32s var(--ease)}
.guide-visual-scene.is-current{opacity:1;transform:translateY(0) scale(1)}
.guide-visual-scene>svg{display:block;width:250px;height:232px;max-width:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.guide-visual-orbit{stroke:currentColor;stroke-width:1;opacity:.17;fill:none}
.guide-visual-letter{font-family:Georgia,'Times New Roman',serif;font-size:106px;font-weight:400;fill:currentColor;stroke:none;letter-spacing:-4px}
.guide-visual-monogram{font-family:var(--serif);font-size:128px;fill:currentColor;stroke:none;letter-spacing:-9px;opacity:.48}
.guide-visual-detail{stroke-width:2;fill:none}
.guide-visual-accent{stroke-width:1.5;opacity:.45}
.guide-visual-caption{text-align:center;max-width:290px;margin-top:11px}
.guide-visual-label{font-family:var(--serif);font-size:23px;line-height:1.35;letter-spacing:-.3px;color:var(--wine)}
.guide-visual-description{font-size:11px;line-height:1.75;color:var(--muted);max-width:270px;margin:9px auto 0}
.guide-visual-scene.is-current .guide-visual-stroke{animation:guide-symbol-draw .65s var(--ease) both}
@keyframes guide-symbol-draw{from{stroke-dasharray:1;stroke-dashoffset:1;opacity:.3}to{stroke-dasharray:1;stroke-dashoffset:0;opacity:1}}
@media(max-width:1080px){.guide-visual{height:310px;margin-top:30px}.guide-visual-scene>svg{width:225px;height:210px}.guide-visual-label{font-size:21px}}
@media(max-width:800px){.guide-visual-slot{display:none}.guide-visual-mobile{display:block;position:sticky;top:100px;z-index:5;background:var(--paper);margin:-1px 0 23px}.guide-visual{width:100%;height:107px;margin:0;border-bottom:1px solid var(--line);background:var(--paper)}.guide-visual-scene{display:grid;grid-template-columns:95px minmax(0,1fr);gap:16px;justify-content:normal;align-items:center;padding:0 4px 13px;transform:translateY(5px)}.guide-visual-scene.is-current{transform:translateY(0)}.guide-visual-scene>svg{width:95px;height:88px}.guide-visual-caption{margin:0;text-align:left;max-width:none}.guide-visual-label{font-size:20px}.guide-visual-description{font-size:11px;line-height:1.65;max-width:330px;margin:6px 0 0}}
@media(max-width:680px){.guide-visual-mobile{top:79px}}
@media(max-width:380px){.guide-visual-scene{grid-template-columns:76px minmax(0,1fr);gap:10px}.guide-visual-scene>svg{width:76px;height:76px}.guide-visual-label{font-size:18px}.guide-visual-description{font-size:10px}}
@media(prefers-reduced-motion:reduce){.guide-visual-scene{transition:none;transform:none}.guide-visual-scene.is-current .guide-visual-stroke{animation:none}}
@media print{.guide-visual-slot,.guide-visual-mobile{display:none}}