/* Activity explorer: filters on the left and a tall responsive chart on the right. */
#activityExplorer.activity-split {
 display:grid;
 grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
 gap:clamp(30px,3.2vw,54px);
 align-items:start;
 padding:clamp(24px,2.6vw,40px);
}
.activity-sidebar,.activity-results { min-width:0; }
#activityExplorer .activity-header { display:block; }
#activityExplorer .activity-header h3 { font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1.15;margin-bottom:14px; }
#activityExplorer .activity-header p { font-size:.9rem;line-height:1.6;max-width:520px; }
#activityExplorer .activity-controls { grid-template-columns:1fr;gap:23px;margin-top:34px; }
#activityExplorer .activity-field select { min-height:48px;padding-left:15px; }
#activityExplorer .activity-field label,#activityExplorer .activity-period>span { font-size:.7rem;letter-spacing:.08em;margin-bottom:10px; }
#activityExplorer .activity-period { grid-column:auto; }
#activityExplorer .activity-segmented { display:inline-flex;min-height:44px; }
#activityExplorer .activity-segmented button { min-width:53px;padding:0 12px; }
#activityExplorer .activity-category-row { display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;border:0; }
#activityExplorer .category-row-label { padding:0;margin-right:6px;font-size:.69rem;letter-spacing:.08em; }
#activityExplorer .activity-chips { display:contents; }
#activityExplorer .activity-chips button { font-size:.72rem;padding:9px 12px;white-space:nowrap; }
#activityExplorer .activity-chart-top { min-height:85px;align-items:flex-end;margin-bottom:17px;gap:10px; }
#activityExplorer .chart-superlabel { font-size:.7rem;margin-bottom:5px; }
#activityExplorer .chart-value { gap:11px; }
#activityExplorer .chart-value strong { font-size:clamp(2.3rem,3.6vw,3.25rem);line-height:1.15; }
#activityExplorer .chart-value span { font-size:.68rem; }
#activityExplorer .chart-unit { font-size:.62rem;padding-bottom:7px;white-space:nowrap; }
#activityExplorer .activity-chart-panel { min-height:0; }
#activityExplorer .activity-chart-scroll { height:clamp(350px,33vw,510px);overflow-x:auto;overflow-y:hidden; }
#activityExplorer #activityChart { display:block;width:100%;height:100%;min-width:0; }
#activityExplorer #activityChart .g-axis { font-size:11px; }
#activityExplorer .activity-bottomline { margin-top:16px;padding-top:17px;gap:14px;font-size:.62rem;line-height:1.6;flex-wrap:nowrap; }
#activityExplorer .activity-bottomline p { flex:1;min-width:0; }
#activityExplorer .activity-bottomline p:last-child { max-width:250px;text-align:right; }
#activityExplorer .activity-tooltip { max-width:calc(100% - 20px);min-width:min(195px,calc(100% - 20px)); }
@media(max-width:1050px) {
 #activityExplorer.activity-split { grid-template-columns:1fr;gap:30px; }
 #activityExplorer .activity-controls { grid-template-columns:1fr 1fr;gap:20px;margin-top:26px; }
 #activityExplorer .activity-period { grid-column:1 / -1; }
 #activityExplorer .activity-category-row { margin-top:23px; }
 #activityExplorer .activity-chart-top { min-height:0;margin-bottom:18px; }
 #activityExplorer .activity-chart-scroll { height:400px; }
}
@media(max-width:680px) {
 #activityExplorer.activity-split { padding:23px 17px;gap:29px; }
 #activityExplorer .activity-header h3 { font-size:1.5rem; }
 #activityExplorer .activity-header p { font-size:.82rem; }
 #activityExplorer .activity-controls { grid-template-columns:1fr;gap:19px; }
 #activityExplorer .activity-period { grid-column:auto; }
 #activityExplorer .activity-chips button { font-size:.68rem;padding:8px 10px; }
 #activityExplorer .activity-chart-top { flex-wrap:wrap;align-items:flex-end;gap:10px; }
 #activityExplorer .chart-value strong { font-size:2.5rem; }
 #activityExplorer .chart-unit { padding-bottom:0; }
 #activityExplorer .activity-swipe-hint { display:block;margin:0 0 10px;font-size:.64rem; }
 #activityExplorer .activity-chart-scroll { height:350px; }
 #activityExplorer #activityChart { min-width:620px; }
 #activityExplorer .activity-bottomline { flex-direction:column;gap:8px; }
 #activityExplorer .activity-bottomline p:last-child { max-width:none;text-align:left; }
}