.charts-page{min-height:calc(100vh - var(--app-chrome-height));padding-bottom:var(--space-20);background:var(--surface)}.charts-page__hero{display:flex;align-items:center;gap:var(--space-6);padding-top:var(--space-10);padding-bottom:var(--space-10)}.charts-page__title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);min-width:0}.charts-page__hero h1{font-size:var(--text-3xl);font-weight:var(--weight-light);letter-spacing:var(--track-tighter)}.charts-page__filters{display:inline-flex;align-items:center;gap:calc(var(--space-1) / 2);padding:calc(var(--space-1) / 2);border-radius:var(--radius-surface);background:var(--surface-sunken)}.charts-page__filter{display:inline-flex;align-items:center;min-height:calc(var(--size-control-sm) - var(--space-1));padding-inline:var(--space-3);border-radius:var(--radius-surface);color:var(--ink-muted);font-size:var(--text-xs);text-decoration:none;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.charts-page__filter:hover{color:var(--ink)}.charts-page__filter[aria-current=page]{color:var(--ink);background:var(--surface)}.charts-page__filter:focus-visible{outline:0;box-shadow:var(--focus-ring)}.charts-page__body{padding-bottom:var(--space-10)}@media(max-width:760px){.charts-page__hero{align-items:flex-start;padding-top:var(--space-8);padding-bottom:var(--space-4)}.charts-page__hero h1{font-size:var(--text-2xl)}}