.running-together-panel{padding:12px;overflow:auto;color:#26374b;font-size:calc(13px + var(--ui-font-increase,2px))}
.running-together-panel p{line-height:1.5;margin:10px 0;color:#53657a}
.together-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}
.together-filters label{display:flex;align-items:center;gap:5px}
.together-filters select{max-width:240px}
.together-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:14px 0}
.together-highlights>div{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid #dce5df;border-radius:7px;background:#f2f7f4}
.together-highlights strong{font-size:1.5em;color:#23614d;font-variant-numeric:tabular-nums}
.together-highlights span,.together-highlights small{overflow-wrap:anywhere}
.together-scroll{overflow:auto;max-height:440px}
.running-together-panel table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}
.running-together-panel th,.running-together-panel td{padding:8px;border-bottom:1px solid #dce3eb;white-space:nowrap}
.running-together-panel th{position:sticky;top:0;background:#fff;z-index:1}
.running-together-panel tbody tr:hover{background:#edf4ef}
.running-together-panel button{cursor:pointer;border:1px solid #c5d7cd;border-radius:4px;background:#f3f8f5;color:#245e49;padding:6px 9px;font:inherit}
.running-together-panel button:hover{background:#e0eee5}
.running-together-panel button:focus-visible{outline:2px solid #2476c8;outline-offset:2px}
.running-together-panel td button{border:0;background:transparent;padding:2px;text-align:left}
.together-share{display:block;margin-top:5px;height:5px;border-radius:3px;background:linear-gradient(to right,#40866a var(--share),#e1e9e4 var(--share))}
.together-sections{display:grid;gap:8px;margin:10px 0}
.together-section{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid #dce3eb;border-left:3px solid #40866a;border-radius:5px}
.together-section button{align-self:flex-start}
.running-together-panel details{margin-top:16px}
.running-together-panel h3{font-size:1em;margin:16px 0 8px}
.running-together-panel [hidden]{display:none}

.together-groups{display:grid;gap:12px;margin:12px 0}
.together-encounter{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #cbded2;border-radius:7px;background:#f7faf8;overflow-wrap:anywhere}
.together-membership-strip{display:flex;flex-wrap:wrap;gap:4px}
.together-membership-strip span{border-radius:4px;padding:5px 8px;background:#deeee4;color:#235c46;font-variant-numeric:tabular-nums}
.together-membership-strip span[data-size="2"]{background:#edf0ed;color:#53657a}
.together-group-actions{display:flex;gap:8px;flex-wrap:wrap}
.together-encounter details{margin-top:0}
.together-encounter summary{cursor:pointer}
.together-encounter summary:focus-visible{outline:2px solid #2476c8;outline-offset:3px}
.running-together-panel [data-group-filter]{display:flex;gap:8px;align-items:center;margin:8px 0}
.running-together-panel [data-group-filter][hidden]{display:none}

.running-together-panel .together-runner-map{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;margin-left:0;padding:5px;border:1px solid #c5d7cd;background:#f3f8f5;border-radius:4px}
.running-together-panel .together-runner-map[aria-pressed="true"]{background:#245e49;border-color:#245e49;color:#fff}
.running-together-panel button:disabled{cursor:default;opacity:.5}

.running-together-panel .together-map-cell{width:42px;text-align:center;vertical-align:middle}
.running-together-panel .together-map-card{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px}
.together-card-content{display:flex;flex-direction:column;gap:8px;min-width:0}
.together-leading{display:flex;flex-direction:column;gap:6px;margin-top:6px;overflow-wrap:anywhere}
.together-leading table{table-layout:fixed;font-size:.9em}
.together-leading th,.together-leading td{white-space:normal;overflow-wrap:anywhere}
.together-leading th{position:static}
.together-leading details{margin-top:0}
.together-leading small{color:#53657a}
.together-leading-pairs summary{cursor:pointer}
.together-leading-pairs summary:focus-visible{outline:2px solid #2476c8;outline-offset:3px}

/* Match the themed filters used by Runner Story and the other analysis panels. */
.running-together-panel .panel-filter-select{font:inherit;padding:6px 9px;border:1px solid #dce5f2;border-radius:6px;background:#fff;color:#24375c;max-width:100%}
.running-together-panel .panel-filter-select:hover{border-color:#b6c5d8}
.running-together-panel .panel-filter-select:focus-visible{outline:2px solid #2476c8;outline-offset:2px}