/* لوحتا «اكتشف الروابط» و«عش الحكاية»: عرض اللوحة ونقطة المحطة على الخريطة. القواعد محصورة باللوحتين ولا تغيّر الشريط العلوي أو السفلي. */
.journey-map-pin{display:grid;place-items:center;background:var(--green);border:3px solid #e6c58c;border-radius:50%;color:white;font:bold 18px Tahoma,Arial,sans-serif;box-shadow:0 3px 18px #102c2466}
.panel.experience-panel{width:560px;max-width:calc(100% - 48px)}
.panel.journey-panel{width:480px;max-width:calc(100% - 48px)}
.experience-panel .panelhead button,.journey-panel .panelhead button{min-width:44px;min-height:44px;flex-shrink:0}
@media(max-width:760px){
 .panel.experience-panel,.panel.journey-panel{left:0;right:0;width:100%;max-width:100%}
 .panel.experience-panel{max-height:72dvh}
 .panel.journey-panel{max-height:55dvh}
 .experience-panel input,.experience-panel select,.journey-panel input,.journey-panel select{font-size:16px}
 .experience-panel .panelhead,.journey-panel .panelhead{padding:9px 14px;gap:8px}
}
/* هاتف بالعرض: اللوحة جانبية حتى تبقى نقطة المحطة ظاهرة على الخريطة. */
@media(max-height:500px) and (orientation:landscape){
 .panel.experience-panel,.panel.journey-panel{top:140px;bottom:auto;max-height:calc(100dvh - 162px);left:auto;right:10px;width:55%;max-width:560px;border-radius:16px}
 [dir=ltr] .panel.experience-panel,[dir=ltr] .panel.journey-panel{right:auto;left:10px}
}
@media(prefers-reduced-motion:reduce){.journey-map-pin{transition:none}}