#mobility-panel { grid-column: 1 / -1; min-width: 0; margin: 0; padding: 12px; background: #faf7ef; border: 1px solid #d9d5c8; border-radius: 8px; color: #24342d; }
#mobility-panel[hidden] { display: none; }
#mobility-panel [data-mobility-summary] { display: block; margin-top: 4px; font-weight: 400; }
#mobility-panel [data-mobility-consequences] { font-weight: 700; }
#mobility-panel [data-mobility-impact] { color: #52635a; }
#mobility-panel > summary { cursor: pointer; font-size: 13px; font-weight: 700; }
#mobility-panel p, #mobility-panel li, #mobility-panel dl { font-size: 12px; line-height: 1.5; }
#mobility-panel [data-mobility-clock] { color: #52635a; font-variant-numeric: tabular-nums; }
#mobility-panel label { display: block; margin-top: 8px; font-size: 11px; }
#mobility-panel select { display: block; width: 100%; margin-top: 3px; padding: 7px; background: #fff; color: #24342d; border: 1px solid #c6cdc4; border-radius: 4px; }
#mobility-panel button { padding: 6px 8px; background: #fff; color: #235a3f; border: 1px solid #b9c9bc; border-radius: 4px; cursor: pointer; font-size: 11px; }
#mobility-panel button:disabled { opacity: .5; cursor: default; }
#mobility-panel button[aria-pressed="true"] { background: #e0eee3; }
#mobility-panel .mobility-actions { display: flex; gap: 7px; margin-top: 10px; }
#mobility-panel h4 { margin: 12px 0 6px; font-size: 13px; }
#mobility-panel h5 { margin: 10px 0 4px; }
#mobility-panel dl { display: grid; grid-template-columns: 1fr 1.5fr; gap: 4px 10px; }
#mobility-panel dt { color: #59655c; }
#mobility-panel dd { margin: 0; overflow-wrap: anywhere; }
#mobility-panel ul { list-style: none; padding: 0; }
#mobility-panel li { margin-top: 5px; }
#mobility-panel [data-mobility-events] { border-top: 1px solid #deded0; padding-top: 6px; color: #52635a; }
#mobility-panel :focus-visible { outline: 2px solid #26764e; outline-offset: 2px; }