/* Approved compact age drawer, isolated from the other R2 readers. */
#r2-age-evidence {
  position:fixed;
  inset:0 0 0 auto;
  width:min(760px,100%);
  max-width:none;
  height:100%;
  height:100dvh;
  max-height:none;
  margin:0;
  border:0;
  padding:0;
  border-radius:0;
  background:#101010;
  color:#fff;
  color-scheme:dark;
  overflow:hidden;
  box-shadow:-20px 0 80px #0004;
  font-family:'Equinox Sans',Arial,sans-serif;
  font-weight:400;
  line-height:normal;
  letter-spacing:0;
  text-transform:none;
  -webkit-text-stroke:0;
  transform:translateX(100%);
  transition:transform 320ms cubic-bezier(.32,.72,0,1);
}
#r2-age-evidence.is-visible {transform:translateX(0)}
#r2-age-evidence.is-closing {transition-duration:240ms}
#r2-age-evidence.is-instant {transition:none}
#r2-age-evidence::backdrop {background:#0009;opacity:0;transition:opacity 240ms ease}
#r2-age-evidence.is-visible::backdrop {opacity:1}
#r2-age-evidence.is-instant::backdrop {transition:none}
@media(prefers-reduced-motion:reduce) {
  #r2-age-evidence, #r2-age-evidence::backdrop {transition:none}
}
#r2-age-evidence *, #r2-age-evidence *::before, #r2-age-evidence *::after {box-sizing:border-box}
#r2-age-evidence :is(h2,h3,p) {margin:0}
#r2-age-evidence button {
  appearance:none;
  border:0;
  border-radius:0;
  background:none;
  color:inherit;
  font:inherit;
  font-weight:400;
  text-transform:none;
  letter-spacing:0;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
#r2-age-evidence button:focus-visible {outline:2px solid #fff;outline-offset:5px}
#r2-age-evidence .r2-age-drawer-top {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  height:76px;
  padding:0 48px;
}
#r2-age-evidence .r2-age-drawer-top img {display:block;width:100px;height:auto}
#r2-age-evidence .r2-age-drawer-top button {padding:0;min-height:44px;font-size:13px}
#r2-age-evidence .r2-age-drawer-top button span {display:inline-block;margin-left:16px;font-size:29px;vertical-align:middle}
#r2-age-evidence .r2-age-drawer-body {
  position:relative;
  height:calc(100% - 76px);
  padding:28px 48px 64px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
#r2-age-evidence .r2-age-drawer-heading {display:flex;align-items:center;justify-content:space-between;gap:24px}
#r2-age-evidence .r2-age-drawer-heading h2 {font-size:36px;font-weight:300;line-height:1.08;letter-spacing:-.035em}
#r2-age-evidence .r2-age-panel-signal {flex:none;width:52px;height:52px;fill:none;stroke:#fff;stroke-width:1}
#r2-age-evidence .r2-age-evidence-tabs {display:flex;gap:32px;margin:32px 0 0;border-bottom:1px solid #ffffff40}
#r2-age-evidence .r2-age-evidence-tabs button {border-bottom:2px solid transparent;color:#bcbcbc;padding:13px 0 16px;min-height:48px;line-height:1.3;font-size:15px;text-align:left}
#r2-age-evidence .r2-age-evidence-tabs button[aria-pressed=true] {color:#fff;border-bottom-color:#fff}
#r2-age-evidence .r2-age-evidence-row {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:48px;padding:40px 0;border-bottom:1px solid #ffffff40}
#r2-age-evidence .r2-age-evidence-row:last-child {border-bottom:0}
#r2-age-evidence .r2-age-evidence-row h3 {font-size:22px;line-height:1.22;color:#fff;font-weight:300;max-width:19ch}
#r2-age-evidence .r2-age-evidence-time {font-size:13px;line-height:1.5;margin-top:12px;color:#bcbcbc}
#r2-age-evidence .r2-age-chart-pair {display:grid;grid-template-columns:1fr;margin:0;gap:24px;min-width:0}
#r2-age-evidence .r2-age-chart-item {display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:baseline}
#r2-age-evidence .r2-age-chart-cohort {font-size:14px;color:#fff}
#r2-age-evidence .r2-age-chart-number {font-size:34px;line-height:1;font-weight:300;letter-spacing:-.045em;color:#fff;min-width:3.2ch;text-align:right;font-variant-numeric:tabular-nums}
#r2-age-evidence .r2-age-chart-number small {font-size:.48em;letter-spacing:0;margin-left:3px}
#r2-age-evidence .r2-age-chart-scale {display:block;grid-column:1/-1;width:100%;height:28px}
#r2-age-evidence .r2-age-chart-fill {display:block;height:100%;background:#fff;transform-origin:left center}
@media(hover:hover) and (pointer:fine) {
  #r2-age-evidence .r2-age-drawer-top button:hover {color:#fff;text-decoration:underline;text-underline-offset:5px}
  #r2-age-evidence .r2-age-evidence-tabs button:hover {color:#fff}
}
@media(max-width:760px) {
  #r2-age-evidence {width:100%}
  #r2-age-evidence .r2-age-drawer-top {padding:0 32px}
  #r2-age-evidence .r2-age-drawer-top img {width:85px}
  #r2-age-evidence .r2-age-drawer-top button {font-size:11px}
  #r2-age-evidence .r2-age-drawer-top button span {margin-left:9px}
  #r2-age-evidence .r2-age-drawer-body {padding:24px 32px 48px}
  #r2-age-evidence .r2-age-evidence-row {gap:32px}
}
@media(max-width:600px) {
  #r2-age-evidence .r2-age-drawer-top {height:68px;padding:0 24px}
  #r2-age-evidence .r2-age-drawer-body {height:calc(100% - 68px);padding:22px 24px 40px}
  #r2-age-evidence .r2-age-drawer-heading {gap:16px}
  #r2-age-evidence .r2-age-drawer-heading h2 {font-size:28px;max-width:10ch}
  #r2-age-evidence .r2-age-panel-signal {width:44px;height:44px}
  #r2-age-evidence .r2-age-evidence-tabs {gap:24px;margin-top:24px}
  #r2-age-evidence .r2-age-evidence-tabs button {font-size:13px;max-width:13ch;padding:12px 0;min-height:58px}
  #r2-age-evidence .r2-age-evidence-row {grid-template-columns:1fr;gap:24px;padding:30px 0 34px}
  #r2-age-evidence .r2-age-evidence-row h3 {font-size:21px;max-width:23ch}
  #r2-age-evidence .r2-age-evidence-time {font-size:12px;margin-top:8px}
  #r2-age-evidence .r2-age-chart-pair {gap:22px}
  #r2-age-evidence .r2-age-chart-cohort {font-size:13px}
  #r2-age-evidence .r2-age-chart-number {font-size:32px}
  #r2-age-evidence .r2-age-chart-scale {height:24px}
}