/* Exchange-rate history pages share the site's text-first monochrome typography. */
.trend-page{font-size:var(--font-size-body);line-height:var(--line-height-body);min-width:0;max-width:100%}
.trend-page h1{font-size:var(--font-size-h1);font-weight:700;line-height:var(--line-height-heading);margin:0 0 8px}
.trend-page h2{font-size:var(--font-size-h2);font-weight:650;line-height:var(--line-height-heading);margin:0 0 12px}
.trend-page p{margin:0 0 12px}
.trend-page .trend-heading{margin:0 0 20px}
.trend-page .trend-note{font-size:14px;line-height:1.8;color:#666;margin:5px 0 12px;overflow-wrap:anywhere}
.trend-page .trend-stale{color:#c62828}
.trend-page .trend-up{color:#c62828}
.trend-page .trend-down{color:#23743b}
.trend-page .trend-flat{color:inherit}
.trend-page .trend-ranges{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 20px;font-size:16px}
.trend-page .trend-ranges a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;color:#222}
.trend-page .trend-ranges [aria-current=true]{font-weight:700;text-decoration:underline;text-decoration-color:#222;text-decoration-thickness:2px;text-underline-offset:5px}
.trend-page .trend-currency-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 20px;margin:0 0 16px}
.trend-page .trend-currency-links a{display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.trend-page .trend-stats{margin:0 0 18px;font-variant-numeric:tabular-nums}
.trend-page .trend-stats p{margin-bottom:7px}
.trend-page .trend-figure{margin:18px 0 20px;padding:0;max-width:100%;min-width:0}
.trend-page .trend-chart-svg{display:block;width:100%;height:auto;overflow:visible;color:#333;touch-action:pan-y}
.trend-page .trend-chart-compact{display:none}
.trend-page .trend-chart-svg text{font-family:inherit;font-size:14px;fill:#666;font-variant-numeric:tabular-nums}
.trend-page .trend-grid line{stroke:#e5e5e5;stroke-width:1;vector-effect:non-scaling-stroke}
.trend-page .trend-axis{stroke:#aaa;stroke-width:1;vector-effect:non-scaling-stroke}
.trend-page .trend-chart-line{fill:none;stroke:#333;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.trend-page .trend-data-point{fill:transparent;stroke:none;pointer-events:none}
.trend-page .trend-guide{stroke:#999;stroke-width:1;stroke-dasharray:4 4;pointer-events:none;vector-effect:non-scaling-stroke}
.trend-page .trend-active-point{fill:#333;stroke:#fff;stroke-width:1.5;pointer-events:none;vector-effect:non-scaling-stroke}
.trend-page .trend-guide[hidden],.trend-page .trend-active-point[hidden]{display:none}
.trend-page .trend-readout{font-size:16px;line-height:1.8;margin:6px 0 4px;min-height:29px;font-variant-numeric:tabular-nums}
.trend-page .trend-interaction-help{display:none}
.trend-page .trend-enhanced .trend-interaction-help{display:block}
.trend-page .trend-source{margin:12px 0 22px}
.trend-page .trend-history{margin:22px 0 26px}
.trend-page .trend-history summary{width:fit-content;max-width:100%;cursor:pointer;font-size:18px;min-height:44px;padding:5px 0}
.trend-page .trend-history summary:focus-visible,.trend-page .trend-figure:focus-visible{outline:2px solid #555;outline-offset:3px}
.trend-page .trend-history[open] summary{margin-bottom:10px}
.trend-page .trend-table-scroll{width:100%;max-width:100%;overflow-x:auto;scrollbar-width:thin}
.trend-page .trend-history-table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;font-size:16px;font-variant-numeric:tabular-nums}
.trend-page .trend-history-table caption{caption-side:top;text-align:left;color:#666;font-size:14px;line-height:1.8;padding:0 0 9px}
.trend-page .trend-history-table th,.trend-page .trend-history-table td{border:1px solid #bbb;padding:8px 12px;background:#fff;vertical-align:middle;overflow-wrap:anywhere}
.trend-page .trend-history-table thead th{font-size:15px;font-weight:400;white-space:normal;color:#333;background:#fff}
.trend-page .trend-history-table th:first-child{width:42%}
.trend-page .trend-history-table tbody th{font-weight:400;text-align:left}
.trend-page .trend-history-table td{text-align:right}
.trend-page .trend-preview{margin:24px 0}
.trend-page .trend-links{margin:22px 0 12px;line-height:2}
@media(max-width:650px){
  .trend-page .trend-currency-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
  .trend-page .trend-chart-wide{display:none}
  .trend-page .trend-chart-compact{display:block}
  .trend-page .trend-chart-compact text{font-size:16px}
}
@media(max-width:520px){
  .trend-page{font-size:var(--font-size-body)}
  .trend-page h1{font-size:var(--font-size-h1)}
  .trend-page h2{font-size:var(--font-size-h2)}
  .trend-page .trend-ranges{gap:8px 20px;margin-bottom:16px}
  .trend-page .trend-readout{font-size:16px}
  .trend-page .trend-history summary{font-size:17px}
  .trend-page .trend-history-table{font-size:15px}
  .trend-page .trend-history-table th,.trend-page .trend-history-table td{padding:8px}
  .trend-page .trend-history-table thead th{font-size:14px}
}
@media print{
  .trend-page .trend-ranges,.trend-page .trend-interaction-help{display:none}
  .trend-page .trend-chart-wide{display:block}
  .trend-page .trend-chart-compact{display:none}
  .trend-page .trend-table-scroll{overflow:visible}
  .trend-page .trend-history-table{break-inside:auto}
  .trend-page .trend-history-table tr{break-inside:avoid}
  .trend-page .trend-history-table thead{display:table-header-group}
}

.trend-page time{white-space:nowrap}