/* This day in past cycles (/{cc}/this-day; Views/CountryTools/ThisDay.cshtml). Builds on locals.css. */

.td-cycles { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; margin: 12px 0 0; }
.td-card { display: grid; gap: 10px; align-content: start; padding: 14px 16px 12px; border: 1px solid var(--hair, #e3e3e3); border-top: 4px solid var(--c, var(--ink)); border-radius: 12px; background: var(--b1, #fff); box-shadow: var(--pl-glow); min-width: 0; }
.td-card__top { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.td-card__y { font: 800 30px/1 var(--font-num, var(--font-head)); letter-spacing: -.02em; color: var(--ink); }
.td-card__d { font: 500 12.5px/1.3 var(--font-ui); color: var(--muted); text-align: right; }
.td-card__k { margin: 0; font: 600 14px/1.4 var(--font-ui); color: var(--ink); }
.td-chart { display: block; width: 100%; height: auto; overflow: visible; }
.td-chart .ax { stroke: var(--hair, #e3e3e3); stroke-width: 1; }
.td-chart .now { stroke: var(--ink); stroke-width: 1.2; stroke-dasharray: 3 3; }
.td-chart text { font: 600 10px var(--font-ui); fill: var(--muted); }
.td-chart .lbl { font-weight: 700; fill: var(--ink); }

.td-t { width: 100%; border-collapse: collapse; font: 500 13.5px/1.3 var(--font-ui); color: var(--ink); font-variant-numeric: tabular-nums; }
.td-t th { padding: 4px 6px 6px; font: 700 10.5px/1.2 var(--font-ui); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); text-align: right; border-bottom: 2px solid var(--ink); white-space: nowrap; }
.td-t td { padding: 6px; border-bottom: 1px solid var(--hair, #e3e3e3); text-align: right; white-space: nowrap; }
.td-t th:first-child, .td-t td:first-child { text-align: left; padding-left: 0; white-space: normal; }
.td-t td:first-child { font-weight: 650; }
.td-t .sw { display: inline-block; width: 9px; height: 9px; margin-right: 6px; border-radius: 50%; background: var(--c); vertical-align: 0; }
.td-t .up { color: #136c2e; font-weight: 700; }
.td-t .down { color: #a3181a; font-weight: 700; }
.td-t td.win { font-weight: 800; background: color-mix(in srgb, var(--c) 18%, transparent); }
.td-t .muted { color: var(--muted); }
.td-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.td-wrap .td-t { min-width: 420px; }

.td-src { margin: 14px 0 0; font: 500 12.5px/1.45 var(--font-ui); color: var(--muted); }
.td-src a { color: inherit; }

[data-theme="dark"] .td-t .up { color: #6fd08c; }
[data-theme="dark"] .td-t .down { color: #ff8a8a; }

@media (max-width: 560px) {
    .td-cycles { grid-template-columns: minmax(0, 1fr); }
    .td-card { padding: 12px 12px 10px; }
    .td-card__y { font-size: 26px; }
}

/* the members page's party filter (Views/CountryTools/Members.cshtml) */
[data-lc-parties] button { border: 0; cursor: pointer; margin: 0 6px 6px 0; }
[data-lc-parties] .is-on { outline: 2px solid var(--ink); outline-offset: 1px; }