/* Research pages (SEB-301): the capital-controls meter. Page chrome comes from finding_page.css (fp-*). Data colour is the data-*
   tokens of style.css, one hue stepping up with the size of the gap; a premium below the official rate is dust grey. */
.rs-legend { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 13px; color: var(--color-neutral-700); }
.rs-key { display: inline-flex; align-items: center; gap: 6px; }
.rs-key .rs-cell { width: 16px; height: 16px; min-width: 16px; border-radius: 3px; }
.rs-scroll { overflow-x: auto; max-width: 100%; padding-bottom: 4px; }
.rs-grid { --name: 150px; display: grid; gap: 3px; min-width: max-content; }
.rs-row { display: grid; grid-template-columns: var(--name) repeat(var(--cols, 9), 46px); gap: 3px; align-items: center; }
.rs-name { position: sticky; left: 0; z-index: 1; background: #fff; font-size: 14px; line-height: 1.2; padding: 3px 6px 3px 0; display: flex; flex-direction: column; min-width: 0; }
.rs-tag { font-size: 11px; color: var(--color-neutral-600); }
.rs-y { font-size: 12px; text-align: center; color: var(--color-neutral-700); }
.rs-head .rs-name { background: #fff; }
.rs-cell { height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 3px; font-size: 12px; color: var(--ink); }
.rs-bl { background: repeating-linear-gradient(135deg, var(--data-500) 0 2px, var(--color-bg) 2px 4px); }
.rs-b0 { background: var(--gap-0); }
.rs-b1 { background: var(--gap-1); }
.rs-b2 { background: var(--gap-2); }
.rs-b3 { background: var(--gap-3); color: #fff; }
.rs-b4 { background: var(--gap-4); color: #fff; }
.rs-none { background: repeating-linear-gradient(45deg, #F6F6F6, #F6F6F6 4px, #fff 4px, #fff 8px); }
.rs-result { margin: 0; }
.rs-dl { display: flex; flex-wrap: wrap; gap: 8px 24px; }
@media (max-width: 767px) {
  .rs-grid { --name: 104px; }
  .rs-row { grid-template-columns: var(--name) repeat(var(--cols, 9), 40px); }
}

/* Research list (25 Oct, Seb): rows like the Findings list instead of a grey card. Title, one line, the dates, an arrow. */
.rs-list { border-top: 1px solid var(--color-neutral-200); margin-top: 24px; }
.rs-item { display: grid; grid-template-columns: 220px minmax(0, 1fr) 24px; gap: 0 24px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--color-neutral-200); color: inherit; text-decoration: none !important; }
.rs-item-num { display: flex; flex-direction: column; gap: 2px; }
.rs-item-num b { font-size: 24px; font-weight: 500; line-height: 1.1; color: var(--color-ink); font-variant-numeric: tabular-nums; }
.rs-item-num small { font-size: 14px; line-height: 1.35; color: var(--color-neutral-600); text-wrap: balance; }
.rs-list-note { margin: 40px 0 0; font-size: 14px; color: var(--color-neutral-600); }
@media (max-width: 620px) { .rs-item { grid-template-columns: minmax(0, 1fr) 24px; } .rs-item-num { grid-column: 1 / -1; flex-direction: row; align-items: baseline; gap: 8px; margin-bottom: 6px; } .rs-item-num b { font-size: 24px; } }
.rs-item-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.rs-item-title { font-size: 17px; font-weight: 500; color: var(--color-ink); }
.rs-item-line { font-size: 15px; line-height: 1.5; color: var(--color-neutral-700); }
.rs-item-meta { font-size: 13px; color: var(--color-neutral-600); }
.rs-item-go { text-align: right; font-size: 17px; color: var(--color-neutral-600); }
a.rs-item:hover .rs-item-title, a.rs-item:hover .rs-item-go { color: var(--data-700); }

/* Research page (25 Oct): the year grid fills the column, links are ink like the rest of the site */
.rs-grid { min-width: 0; }
.rs-row { grid-template-columns: var(--name) repeat(var(--cols, 9), minmax(46px, 1fr)); }
.rs-scroll .rs-grid { min-width: calc(var(--name) + var(--cols, 9) * 49px); }
body[data-page] .fp-back { color: var(--color-ink); text-decoration: none; font-weight: 500; }
body[data-page] .fp-back:hover { color: var(--data-700); }
@media (max-width: 767px) {
  .rs-row { grid-template-columns: var(--name) repeat(var(--cols, 9), 40px); }
  .rs-scroll .rs-grid { min-width: max-content; }
}

/* Phone (27 Oct, Seb): no sideways scroll. Each country's name sits on its own line and its years fill the full width
   under it, so every year from 2018 to now shows at once. */
@media (max-width: 767px) {
  .rs-scroll { overflow-x: visible; }
  .rs-scroll .rs-grid, .rs-grid { min-width: 0 !important; gap: 2px; }
  .rs-row { grid-template-columns: repeat(var(--cols, 9), minmax(0, 1fr)) !important; gap: 3px; }
  .rs-name { grid-column: 1 / -1; position: static; flex-direction: row; align-items: baseline; gap: 8px; padding: 12px 0 4px; background: none; }
  .rs-head .rs-name { display: none; }
  .rs-head { position: sticky; top: 0; z-index: 2; background: #fff; padding: 6px 0; }
  .rs-cell { height: 30px; font-size: 12px; min-width: 0; }
}
.rs-tag { font-size: 13px; }