/* Geospatial Intelligence: tour. Focus blue for the ring, never orange (orange is for buttons only). */
#tour-root{position:relative;z-index:50}
.tour-dim{position:fixed;inset:0;z-index:50;background:rgba(6,11,36,.58)}
.tour-rings i{position:fixed;z-index:51;border-radius:12px;border:3px solid var(--focus);box-shadow:0 0 0 2px rgba(255,255,255,.55);pointer-events:auto;background:transparent}
:root[data-theme="dark"] .tour-rings i{box-shadow:0 0 0 2px rgba(8,13,38,.7)}
/* green tour box, same in light and dark (docs/handover/green-tour-box-spec.md) */
.tour-pop{position:fixed;z-index:52;width:min(380px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow:auto;background:#0E4D3B;color:#FFFFFF;border:1px solid #2F7A60;border-radius:12px;padding:16px 20px 18px;box-shadow:0 12px 40px rgba(6,11,36,.35)}
.tour-pop :focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
.tour-pop.tour-center{left:50%;top:50%;transform:translate(-50%,-50%)}
.tour-pop.tour-offer{left:auto;right:24px;bottom:48px;top:auto;width:min(360px,calc(100vw - 16px))}
.tour-count{margin:0 0 2px;color:#FFFFFF;font-size:var(--fs-0);font-weight:400}
.tour-title{margin:0 0 6px;font-size:1.25rem;line-height:1.2;font-weight:700}
.tour-body{margin:0 0 14px;font-size:var(--fs-1);line-height:1.45}
.tour-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.tour-nav{display:flex;gap:8px;margin-left:auto}
.tour-btn{min-height:44px;padding:0 18px;border-radius:var(--radius);border:1.5px solid rgba(255,255,255,.7);background:transparent;color:#FFFFFF;font-size:1.0625rem;font-weight:700;cursor:pointer}
.tour-btn:hover{background:rgba(255,255,255,.12)}
.tour-btn:disabled{opacity:.5;cursor:default}
.tour-btn.tour-primary{background:#FFFFFF;border-color:#FFFFFF;color:#0E4D3B}
.tour-btn.tour-primary:hover{background:#E8F3EF;border-color:#E8F3EF}
.tour-link{min-height:44px;padding:0 4px;border:0;background:none;color:#FFFFFF;font-size:1.0625rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (max-width:820px){
  .tour-pop{padding:12px 16px 14px}
  .tour-title{font-size:1.125rem}
  .tour-body{font-size:var(--fs-0);line-height:1.4;margin-bottom:10px}
  .tour-pop.tour-offer{left:8px;right:8px;top:70px;bottom:auto;width:auto}
}