/* "Vad skulle SOLO göra just nu?" – interaktiv sol-/fasaddemo */
.sun-demo-map {
    height: 480px;
    position: relative;
    z-index: 0;                 /* contain Leaflet's internal high z-indexes below the fixed navbar */
    overflow: hidden;           /* safety net so tiles never spill outside the frame */
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    cursor: crosshair;
}
.sun-demo-map.is-selecting { cursor: pointer; }
.sun-demo-map.is-done { cursor: grab; }

.sun-demo-instruction { font-size: 0.95rem; }

.sun-demo-result { border: 1px solid var(--border); }
.sun-demo-facts {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.3rem 1rem;
    margin: 0;
}
.sun-demo-facts dt { font-weight: 600; color: var(--ink-muted); font-size: 0.85rem; align-self: center; }
.sun-demo-facts dd { margin: 0; color: var(--ink); font-weight: 600; }

.sun-demo-help { border: 1px solid var(--border); }
.sun-demo-steps { padding-left: 1.1rem; margin-top: 0.5rem; }
.sun-demo-steps li { margin-bottom: 0.4rem; line-height: 1.5; }
.sun-demo-tiers { padding-left: 1.1rem; }
.sun-demo-tiers li { margin-bottom: 0.35rem; line-height: 1.5; }

.leaflet-container { font: inherit; }