.guide-discovery{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;margin:14px 0 20px;border:1px solid #c6d8ca;border-radius:24px;background:linear-gradient(125deg,#edf5eb,#fffaf1);color:#17483c;box-shadow:0 8px 24px #173f3210;animation:guide-arrive .5s ease-out both}
.guide-discovery>svg{width:54px;height:64px;fill:#faf0d7;stroke:#2d705e;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.guide-discovery>svg>path:first-child{fill:none;stroke-dasharray:90;animation:guide-route .8s ease-out both}
.guide-discovery strong,.guide-discovery small{display:block;overflow-wrap:anywhere}
.guide-discovery strong{font-size:1.1rem;line-height:1.3;margin:5px 0 9px}
.guide-discovery small{font-size:.78rem;line-height:1.4;color:#52675e}
.guide-discovery span{display:flex;gap:5px}.guide-discovery i{width:16px;height:4px;border-radius:6px;background:#a8c7b7}.guide-discovery i:first-child{background:#27745d}
.guide-discovery-actions{display:flex;flex-direction:column;gap:6px;min-width:0}
.guide-discovery-actions button{min-height:44px;margin:0;padding:8px 14px;white-space:normal;font-size:.85rem}
.tour-audio-controls[data-audio-state="loading"] [data-tour-replay]{opacity:.7}
@keyframes guide-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes guide-route{from{stroke-dashoffset:90}to{stroke-dashoffset:0}}
@media(max-width:440px){.guide-discovery{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:14px}.guide-discovery>svg{width:40px}.guide-discovery-actions{grid-column:1/-1;flex-direction:row}.guide-discovery-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){.guide-discovery,.guide-discovery>svg>path:first-child{animation:none}}
.calm-mode .guide-discovery,.calm-mode .guide-discovery>svg>path:first-child{animation:none}
/* Keep narration and navigation visible while only the explanation scrolls. */
.guided-tour-layer{z-index:493}
.feature-guide-callout{grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.feature-guide-callout>.tour-audio-controls{grid-row:1}
.feature-guide-callout>.feature-guide-step{grid-row:2;grid-column:1}
.feature-guide-callout>.feature-guide-message{grid-row:2;grid-column:2;min-height:0;overflow:auto;overscroll-behavior:contain}
.feature-guide-callout>.feature-guide-actions{grid-row:3;grid-column:1/-1;align-self:end}
