/* A compact directory with direct links and optional category filters. */
body.site-ui.site-refresh>header.player-header .player-nav.directory-ready{left:auto;right:24px;width:min(680px,calc(100vw - 48px));max-height:calc(100dvh - var(--site-header-height,70px) - 20px);padding:16px;background:#102431;border:1px solid #496576;border-radius:12px;box-shadow:0 16px 48px #0008;overflow:auto;overscroll-behavior:contain}
body.site-ui.site-refresh>header.player-header .directory-ready #site-nav-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}
body.site-ui.site-refresh>header.player-header .directory-ready .site-nav-group:not([hidden]){display:contents}
body.site-ui.site-refresh>header.player-header .directory-ready .site-nav-group h2{display:none}
body.site-ui.site-refresh>header.player-header .directory-ready .site-nav-group a{min-height:44px;margin:0;padding:9px 10px;gap:6px;border:1px solid #344e60;border-radius:7px;background:#152e3c;color:#d8e6ee;font-size:13px;font-weight:500;line-height:1.45;white-space:normal}
body.site-ui.site-refresh>header.player-header .directory-ready .site-nav-group a:hover{background:#23483f;border-color:#85bba8;color:#e3f5ed}
body.site-ui.site-refresh>header.player-header .directory-ready .site-nav-group a[aria-current=page]{background:#24483f;border-color:#8abaaa;color:#d9f4e8}
body.site-ui.site-refresh>header.player-header .directory-filters{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 0}
body.site-ui.site-refresh>header.player-header .directory-filters button{min-height:44px;padding:7px 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:#bfd2de;font-size:12px;font-weight:500;line-height:1.4;cursor:pointer}
body.site-ui.site-refresh>header.player-header .directory-filters button[aria-pressed=true]{background:#b2dfcf;color:#15332b;border-color:#b2dfcf}
body.site-ui.site-refresh>header.player-header .directory-ready :is(a,button,input):focus-visible{outline:2px solid #b7ebd8;outline-offset:2px}
body.site-ui.site-refresh>header.player-header .directory-ready .site-nav-search{display:grid;grid-template-columns:1fr;gap:6px;margin:0;padding:0;background:transparent;border:0}
body.site-ui.site-refresh>header.player-header .directory-ready .site-nav-search>label{font-size:12px;color:#bfd2de}
body.site-ui.site-refresh>header.player-header .directory-ready .site-nav-result-count:empty{display:none}
@media(max-width:700px){
 body.site-ui.site-refresh>header.player-header .player-nav.directory-ready{right:8px;left:8px;width:auto;max-width:none;padding:12px;max-height:calc(100dvh - var(--site-header-height,65px) - 16px)}
 body.site-ui.site-refresh>header.player-header .directory-ready #site-nav-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 body.site-ui.site-refresh>header.player-header .directory-filters{gap:3px;margin-top:8px}
 body.site-ui.site-refresh>header.player-header .directory-filters button{padding:6px 8px;font-size:12px}
}
/* Give trends a readable scale, unit and date range; retain exact values on demand. */
body .cp-history-title{align-items:baseline;flex-wrap:wrap;gap:6px}
body .cp-history-chart{padding:12px}
body .cp-history-chart figcaption{align-items:baseline;gap:5px 12px}
body .cp-history-chart figcaption strong{font-size:12px;color:#c2d9e5}
body .cp-history-chart figcaption span{font-size:11px;color:#bcd1dd}
body .cp-history-chart figcaption b{font-size:14px;font-weight:600;color:#e1eee9;font-variant-numeric:tabular-nums}
body .cp-chart-unit{font-size:11px;color:#bcd1dd;margin:6px 0 0}
body .cp-history-chart svg{height:auto;max-height:150px;min-height:100px}
body .history-axis-label{fill:#bbd1df;font-size:11px;font-variant-numeric:tabular-nums}
body .cp-chart-axis{stroke:#496272;stroke-dasharray:3 4}
body .cp-chart-dates{font-size:11px;line-height:1.5;gap:14px;color:#bfd2de;font-variant-numeric:tabular-nums}
body .cp-chart-dates>span:last-child{text-align:right}
body .cp-history-records{margin-top:12px}
body .cp-history-records>summary{font-weight:600;color:#cee8e1}
body .cp-history-table:focus-visible{outline:2px solid #b7ebd8;outline-offset:2px}
body .observation-chart{margin:12px 0;padding:12px;border:1px solid #3f5d6e;border-radius:9px;background:#0b1c26}
body .observation-chart figcaption{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#bed5e2}
body .observation-chart figcaption span{font-variant-numeric:tabular-nums}
body .observation-chart .trend-bars{margin:12px 0 8px;border-bottom:1px solid #688595}
body .observation-chart .trend-bars>div>span{min-height:0}
body #public-trends table :is(th,td){font-variant-numeric:tabular-nums;font-size:12px;line-height:1.5}
body #public-trends thead th{background:#18303e;color:#c1d5df}
body #public-trends td{text-align:right}
body #public-trends tbody th{text-align:left;font-weight:500}
@media(forced-colors:active){body .history-axis-label{fill:CanvasText}body .cp-chart-line{stroke:LinkText}body .cp-chart-axis{stroke:CanvasText}body .cp-history-chart circle{fill:LinkText}}
body.site-ui.site-refresh>header.player-header.menu-open .player-nav.directory-ready{display:block}
body.site-ui.site-refresh>header.player-header .directory-ready #site-nav-links{width:100%;min-width:0}
body .cp-chart-plot{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px;align-items:stretch;margin-top:2px}
body .cp-chart-scale{display:flex;flex-direction:column;justify-content:space-between;padding:14px 0 9px;font-size:11px;line-height:1.4;color:#bfd2de;font-variant-numeric:tabular-nums}
body .cp-history-chart .cp-chart-plot svg{width:100%;height:112px;min-height:0;max-height:none}
body #public-trends .table-wrap table{min-width:650px;width:100%}
body #public-trends table :is(th,td){white-space:nowrap}
body #public-trends .table-wrap{overflow:auto;max-height:340px}
body #public-trends .table-wrap:focus-visible{outline:2px solid #b7ebd8;outline-offset:2px}
body #public-trends thead th{position:sticky;top:0}
body.site-ui.site-refresh>header.player-header .directory-ready .site-nav-search{position:sticky;top:0;z-index:3;background:#102431;padding:0 0 8px}