/*
 * Page group g7 of the 9 Nov 2026 redesign (PROPOSED): the macro series page (chart labels, the short-name mark),
 * /contracts/ (the Country filter) and the /macro/ hub (the ledger's Sort). Enqueued only on those templates
 * (inc/macro-prints.php); every rule is scoped to its page's own class. Values copied from the design's inline blocks
 * mt-fix and cb-mk-filter.
 */

/* Macro series: the year-over-year chart's axis labels sit over the SVG (inc/macro-prints.php td_macro_yoy_chart_svg). */
.td-si-box { position: relative; }
.td-si-svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; overflow: visible; }
.td-macro-chart .td-mgrid { stroke: rgba(0, 0, 0, .07); stroke-width: 1; vector-effect: non-scaling-stroke; }
.td-macro-chart .td-mgrid--base { stroke: rgba(0, 0, 0, .28); }
.td-macro-chart .td-maxis { stroke: rgba(0, 0, 0, .28); stroke-width: 1; vector-effect: non-scaling-stroke; }
.td-si-labels { position: absolute; inset: 0; pointer-events: none; }
.td-si-lab { position: absolute; font: 400 11px/1 var(--td-face); color: var(--td-ink-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
.td-si-ytick { transform: translate(6px, -50%); }
.td-si-xtick { transform: translate(0, -50%); }
.td-macro-chart { margin: 8px 46px 34px 0; }
.pp-mt-mark { font-size: 13px; letter-spacing: 0; min-width: 44px; padding: 0 8px; width: auto; }
.td-macro-figs { margin-top: 18px; }
.td-macro-history .td-figs.mt-legend { margin: 18px 0 0; }
@media (max-width: 640px) {
	.td-macro-chart { margin-right: 40px; }
	.td-macro-chart .td-chart-box { aspect-ratio: 1080 / 620 !important; }
	.td-si-lab { font-size: 10px; }
	.td-si-xtick:nth-of-type(7), .td-si-xtick:nth-of-type(9) { display: none; }
}

/* /contracts/: "Country filter ▾" on the right of the strip, opening the filter panel (a sheet on a phone). */
.cb-mk { position: relative; margin: 0 0 8px; }
.cb-mk-strip { display: flex; justify-content: flex-end; }
.cb-mk-menu .td-sortbtn { min-height: 44px; }
.cb-mk-menu .td-sort-panel.lt-panel { right: 0; }
.cb-mk-menu .lt-ohead { display: block; font-size: 12px; color: var(--td-ink-2); margin: 0 0 6px; }
.cb-mk-menu a.lt-opt { text-decoration: none; color: var(--td-ink); }
.cb-mk-menu a.lt-opt:hover { color: var(--td-accent); }
.cb-mk-menu a.lt-opt[aria-pressed="true"] { color: var(--td-accent-text); font-weight: 600; }
.cb-mk-menu .lt-n { color: var(--td-ink-3); font-variant-numeric: tabular-nums; }
.cb-mk-active { margin: 10px 0 0; justify-content: flex-end; }
@media (min-width: 641px) {
	.cb-mk-menu .td-sort-panel.lt-panel { width: min(720px, calc(100vw - 32px)); padding: 16px 32px 24px; }
	.cb-mk-menu .lt-seg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
}
@media (max-width: 640px) { .cb-mk-menu .lt-seg { display: block; } }

/* /macro/ hub: the ledger's Sort ▾ sits on the right above the header row. */
.td-sortmenu.m0-sort { display: flex; width: fit-content; margin: 0 0 4px auto; }

.mt-pending { color: var(--td-ink-2); }