#peersContent{color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;font-size:14px;line-height:1.4}
#peersContent *{box-sizing:border-box}
.bp-shell{width:min(100%,840px);margin:0 auto;padding:14px 0 32px}
.bp-mode{height:46px;display:flex;align-items:flex-start;gap:20px;margin:0 0 14px}
.bp-mode button{border:0;background:none;color:#929ba5;font:inherit;font-size:21px;font-weight:500;padding:2px 3px;cursor:pointer}
.bp-mode button.is-active{color:#fff;font-size:24px;font-weight:650;text-shadow:0 0 12px #36cde4a8}
.bp-company-rail{display:flex;gap:18px;overflow:auto;scrollbar-width:none;padding:6px 2px 14px;white-space:nowrap}
.bp-company-rail::-webkit-scrollbar{display:none}
.bp-company{border:0;background:none;color:#929ba5;display:flex;align-items:center;gap:8px;padding:5px 2px;font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.bp-company.is-active{color:#f7f9fb;font-weight:650}
.bp-company i,.bp-selected-snapshot i{width:6px;height:6px;border-radius:50%;background:var(--company-color);display:inline-block;box-shadow:0 0 7px var(--company-color)}
.bp-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bp-metric-card{min-height:99px;text-align:left;position:relative;padding:13px 12px 10px 59px;border:1px solid #30363b;border-radius:13px;background:linear-gradient(145deg,#171a1c,#111315);color:#f7f9fa;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:3px}
.bp-metric-card.is-selected{border-color:#4ddbe27a}
.bp-glyph{position:absolute;left:14px;top:14px;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--company-color) 50%,transparent);border-radius:10px;color:var(--company-color);font-size:26px;line-height:28px;text-align:center}
.bp-metric-card small{font-size:11px;color:#aab1b7;white-space:nowrap}
.bp-metric-card b{font-size:20px;line-height:1.15;letter-spacing:-.35px;font-weight:650;white-space:nowrap}
.bp-value-with-unit{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.bp-value-with-unit b{font-size:20px}
.bp-value-with-unit small{font-size:9px;color:#aab1b7}
.bp-metric-card em{font-size:9px;font-style:normal;color:#737d85}
.bp-metric-card .bp-yoy{font-size:9px;font-style:normal;color:#55d68b;white-space:nowrap}
.bp-metric-card .bp-yoy.is-down{color:#f19b58}
.bp-metric-card .bp-period{font-size:8px;color:#737d85}
.bp-trend-card,.bp-chart-card,.bp-table-wrap,.bp-capital-card,.bp-detail-card,.bp-selected-snapshot{border:1px solid #30363b;border-radius:14px;background:linear-gradient(145deg,#171a1c,#111315)}
.bp-trend-card{margin-top:15px;padding:14px 14px 10px;min-height:176px}
.bp-trend-current{color:#45d7df;font-size:15px}
.bp-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.bp-card-title b{font-size:14px;font-weight:650}
.bp-card-title small,.bp-card-title span{display:block;color:#8b959d;font-size:10px;margin-top:4px}
.bp-card-title em{font-style:normal;color:#45d7df;font-size:10px;white-space:nowrap}
.bp-spark{width:100%;height:105px;margin-top:8px;overflow:visible}
.bp-spark text,.bp-history-chart text{fill:#79838a;font-size:8px}
.bp-periods{display:flex;justify-content:space-between;color:#79838a;font-size:9px;margin-top:-4px}
.bp-capital-card{width:100%;display:block;text-align:left;color:#f5f7fa;padding:14px;margin-top:14px;cursor:pointer}
.bp-capital-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px;margin-top:14px;padding-top:12px;border-top:1px solid #30363b}
.bp-capital-items>span{display:grid;grid-template-columns:1fr;gap:2px;position:relative;padding-left:10px}
.bp-capital-items>span:before{content:"";position:absolute;left:0;top:3px;bottom:5px;width:2px;border-radius:2px;background:#4ddbe2}
.bp-capital-items small{font-size:10px;color:#aab1b7}
.bp-capital-items b{font-size:15px;font-weight:650}
.bp-capital-items em{font-size:8px;color:#737d85;font-style:normal}
.bp-metric-rail{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin:0 -2px 12px;padding:0 2px 3px}
.bp-metric-rail::-webkit-scrollbar{display:none}
.bp-metric-tab{flex:0 0 auto;border:1px solid #343a3f;border-radius:999px;background:#151719;color:#a9b0b6;padding:8px 12px;font:inherit;font-size:11px;font-weight:500;cursor:pointer}
.bp-metric-tab.is-active{border-color:#44d5dd;color:#f5f7fa;background:#1c3437}
.bp-chart-card{padding:14px;margin-bottom:12px}
.bp-chart-legend{font-size:9px;color:#727c84}
.bp-chart{position:relative;height:205px;display:flex;justify-content:space-around;align-items:stretch;padding:24px 3px 22px 38px;margin-top:7px}
.bp-axis-labels{position:absolute;inset:17px auto 22px 0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;color:#808a91;font-size:8px;pointer-events:none}
.bp-grid-lines{position:absolute;inset:25px 2px 25px 36px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.bp-grid-lines i{height:1px;background:#31373b}
.bp-grid-lines .bp-zero-line{position:absolute;left:0;right:0;height:1px;background:#899398}
.bp-bar-col{position:relative;z-index:1;width:16%;max-width:75px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border:0;background:none;color:#f5f7fa;padding:0 2px;cursor:pointer}
.bp-bar-col{height:100%}
.bp-bar-value{position:absolute;left:50%;transform:translateX(-50%);font-size:9px;color:#b9c1c7;white-space:nowrap}
.bp-bar{position:absolute;left:28%;display:block;width:min(60%,34px);height:var(--bar-height);min-height:2px;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,color-mix(in srgb,var(--company-color) 100%,white 8%),color-mix(in srgb,var(--company-color) 65%,transparent));box-shadow:0 0 15px color-mix(in srgb,var(--company-color) 24%,transparent)}
.bp-bar.is-negative{border-radius:1px 1px 5px 5px}
.bp-bar-missing{height:2px;color:#7a848b;font-size:12px}
.bp-bar-col.is-selected .bp-bar{outline:1px solid #fff9;outline-offset:2px}
.bp-bar-name{position:absolute;bottom:-21px;font-size:9px;color:var(--company-color);font-weight:650}
.bp-table-wrap{overflow:auto;margin-bottom:12px}
.bp-table{width:100%;border-collapse:collapse;min-width:560px;font-size:10px}
.bp-table th,.bp-table td{text-align:right;padding:10px 9px;border-bottom:1px solid #2b3034;white-space:nowrap}
.bp-table thead th{font-size:9px;color:#929ba2;font-weight:600}
.bp-table tr:last-child>*{border-bottom:0}
.bp-table th:first-child{text-align:left;min-width:122px}
.bp-table tbody th{color:var(--company-color);font-weight:650;cursor:pointer}
.bp-table tbody tr{cursor:pointer}
.bp-table tbody tr.is-selected{background:#ffffff08}
.bp-selected-snapshot{width:100%;display:flex;align-items:center;gap:13px;padding:13px 14px;color:#fff;text-align:left;cursor:pointer}
.bp-selected-snapshot span{display:flex;align-items:center;gap:8px;font-weight:600}
.bp-selected-snapshot b{font-size:16px;margin-left:auto}
.bp-selected-snapshot em{font-size:10px;color:#45d7df;font-style:normal}
.bp-detail{max-width:840px;margin:0 auto;padding:12px 0 34px}
.bp-detail-head{display:flex;align-items:center;gap:12px;min-height:66px;margin-bottom:15px}
.bp-detail-head>div{min-width:0;flex:1;text-align:center}
.bp-detail-head h2{font-size:20px;margin:0;font-weight:650;letter-spacing:-.3px}
.bp-detail-head p{font-size:10px;color:#88929a;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp-back{border:0;background:none;color:#fff;font:inherit;font-size:12px;font-weight:500;cursor:pointer;padding:8px 0;white-space:nowrap}
.bp-back svg{width:16px;height:16px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bp-icon-action{border:1px solid #343b40;border-radius:50%;width:34px;height:34px;flex:0 0 34px;background:#151719;color:#e8b84a;font-size:18px;cursor:pointer}
.bp-icon-action svg{width:17px;height:17px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bp-icon-action.assistant{color:#45d7df}
.bp-icon-action:disabled{opacity:.5;cursor:wait}
.bp-follow-status{margin:0 0 10px;padding:8px 10px;border-radius:8px;background:#172427;color:#9de6e8;font-size:10px}
.bp-follow-status.is-error{background:#2b1c17;color:#f0a17c}
.bp-follow{border:1px solid #3b4449;border-radius:999px;background:#171b1d;color:#dfe5e8;padding:8px 11px;font-size:10px;white-space:nowrap;cursor:pointer}
.bp-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bp-detail-card{padding:14px;min-width:0}
.bp-detail-card h3{margin:0 0 12px;font-size:13px;font-weight:650}
.bp-wide{grid-column:1/-1}
.bp-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 8px}
.bp-stat{display:flex;flex-direction:column;gap:3px;min-width:0}
.bp-stat small{color:#9aa4aa;font-size:9px;line-height:1.3}
.bp-stat b{font-size:14px;letter-spacing:-.15px;overflow-wrap:anywhere}
.bp-stat span{font-size:8px;color:#717c83}
.bp-stat em{font-size:8px;line-height:1.35;color:#f0a17c;font-style:normal}
.bp-stat a,.bp-source-note a{font-size:8px;color:#45d7df;text-decoration:none}
.bp-detail-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bp-history-card{padding:12px;min-width:0}
.bp-history-svg{width:100%;height:110px;margin-top:10px;overflow:visible}
.bp-chart-empty{height:90px;display:grid;place-items:center;color:#737d85;font-size:10px}
.bp-history-legend{display:flex;gap:12px;color:#929ba2;font-size:9px}
.bp-history-legend span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#45d7df;margin:0 4px 1px 0}
.bp-detail-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #2a3034;font-size:10px}
.bp-detail-row:last-child{border-bottom:0}
.bp-detail-row span{color:#aab1b7}
.bp-detail-row b{font-size:11px}
.bp-news-list{display:grid;gap:9px}
.bp-news-card{padding:12px;border-radius:10px;background:#101214;border:1px solid #282e32}
.bp-news-meta{display:flex;gap:10px;color:#7d878e;font-size:9px}
.bp-news-level{color:#e8b84a;text-transform:uppercase}
.bp-news-level.critical,.bp-news-level.high{color:#f19b58}
.bp-news-card h4{font-size:13px;line-height:1.45;margin:7px 0 5px}
.bp-news-card p{color:#a7b0b6;font-size:10px;line-height:1.55;margin:0 0 7px}
.bp-news-card a{color:#45d7df;font-size:9px;text-decoration:none}
.bp-news-empty{padding:12px 0;color:#e7ebee}
.bp-news-empty p{color:#818b92;font-size:10px}
.bp-source-note{grid-column:1/-1;margin:1px 2px;color:#717b82;font-size:9px}
.bp-state{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9ba4aa;text-align:center}
.bp-state>p{font-size:13px;margin:0}
.bp-state>b{font-size:24px;color:#e8b84a}
.bp-state button,.bp-empty button{border:0;border-radius:999px;background:#4ddbe2;color:#071011;font-weight:650;padding:9px 19px;cursor:pointer}
.bp-spinner{width:22px;height:22px;border:2px solid #39454a;border-top-color:#4ddbe2;border-radius:50%;animation:bp-spin .8s linear infinite}
@keyframes bp-spin{to{transform:rotate(360deg)}}
@media(min-width:700px){.bp-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-detail-grid{gap:16px}.bp-detail{padding:16px 18px 42px}.bp-chart{height:245px}.bp-metric-card{min-height:110px}.bp-table{font-size:11px}}
@media(max-width:430px){.bp-mode{gap:16px}.bp-mode button{font-size:19px}.bp-mode button.is-active{font-size:22px}.bp-company-rail{gap:14px}.bp-company{font-size:12px}.bp-overview-grid{gap:9px}.bp-metric-card{padding-left:54px;min-height:94px}.bp-metric-card b,.bp-value-with-unit b{font-size:17px}.bp-value-with-unit small{font-size:8px}.bp-glyph{left:11px}.bp-detail-head{gap:7px}.bp-icon-action{width:30px;height:30px;flex-basis:30px}.bp-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-detail-charts{grid-template-columns:minmax(0,1fr)}.bp-chart{height:185px}}

/* Peers visual system: quiet surfaces, crisp hierarchy, readable data. */
#peersContent {
  --bp-panel: #111214;
  --bp-panel-raised: #17191b;
  --bp-border: rgba(255, 255, 255, .12);
  --bp-muted: rgba(255, 255, 255, .58);
  --bp-dim: rgba(255, 255, 255, .42);
  font-size: 15px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}
.app:has(#peers.active) {max-width: 1240px}
.bp-shell,.bp-detail {width: 100%; max-width: 1160px; margin-inline: auto}
.bp-shell {padding-top: 8px; padding-bottom: 38px}
.bp-mode {height: auto; min-height: 48px; align-items: center; gap: 5px; margin-bottom: 14px; padding: 4px; border: 1px solid var(--bp-border); border-radius: 15px; background: #101113; width: fit-content}
.bp-mode button,.bp-mode button.is-active {min-height: 38px; padding: 7px 16px; border-radius: 11px; color: var(--bp-muted); font-size: 14px; font-weight: 600; text-shadow: none}
.bp-mode button.is-active {background: #27292c; color: #fff}
.bp-company-rail {gap: 8px; margin: 0 0 14px; padding: 2px 1px 8px}
.bp-company {min-height: 42px; gap: 9px; padding: 8px 13px; border: 1px solid transparent; border-radius: 13px; color: var(--bp-muted); font-size: 14px; transition: background .16s ease, border-color .16s ease, color .16s ease}
.bp-company i,.bp-selected-snapshot i {width: 8px; height: 8px; flex: 0 0 8px; box-shadow: none}
.bp-company:hover {background: #17191b; color: #fff}
.bp-company.is-active {border-color: var(--bp-border); background: #1b1d1f; color: #fff}
.bp-overview-grid {gap: 12px}
.bp-metric-card,.bp-trend-card,.bp-chart-card,.bp-table-wrap,.bp-capital-card,.bp-detail-card,.bp-selected-snapshot {
  border: 1px solid var(--bp-border);
  border-radius: 21px;
  background: var(--bp-panel);
  box-shadow: none;
}
.bp-metric-card {min-height: 132px; padding: 17px 15px 14px 66px; gap: 5px; transition: background .16s ease, border-color .16s ease, transform .16s ease}
.bp-metric-card:hover,.bp-capital-card:hover,.bp-selected-snapshot:hover {background: #17191b; border-color: rgba(255,255,255,.22)}
.bp-metric-card.is-selected {border-color: rgba(255,255,255,.32); background: #191b1d}
.bp-glyph {left: 16px; top: 17px; display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid color-mix(in srgb,var(--company-color) 48%,#25282a); border-radius: 12px; font-size: 21px; line-height: 1; background: #1b1d1f}
.bp-metric-card small {font-size: 12px; color: var(--bp-muted)}
.bp-metric-card b,.bp-value-with-unit b {font-size: clamp(19px, 1.65vw, 25px); line-height: 1.2; letter-spacing: -.45px; font-variant-numeric: tabular-nums}
.bp-value-with-unit {gap: 6px; flex-wrap: wrap}
.bp-value-with-unit small {font-size: 11px; color: var(--bp-muted)}
.bp-metric-card em,.bp-metric-card .bp-yoy {font-size: 11px}
.bp-metric-card .bp-yoy {color: #75d59d}
.bp-metric-card .bp-period {font-size: 10px; color: var(--bp-dim)}
.bp-trend-card {margin-top: 0; min-height: 0; padding: 20px 20px 15px}
.bp-card-title {align-items: center; gap: 14px}
.bp-card-title b {font-size: 15px; line-height: 1.35}
.bp-card-title small,.bp-card-title span {font-size: 12px; line-height: 1.4; color: var(--bp-muted)}
.bp-card-title em {font-size: 12px}
.bp-trend-current {font-size: 21px; font-variant-numeric: tabular-nums}
.bp-spark {height: 142px; margin-top: 18px}
.bp-spark text,.bp-history-chart text {fill: #8f969b}
.bp-periods {margin-top: 1px; color: var(--bp-dim); font-size: 10px; font-variant-numeric: tabular-nums}
.bp-capital-card {padding: 18px 20px; margin-top: 0; transition: background .16s ease,border-color .16s ease}
.bp-capital-items {gap: 18px 14px; margin-top: 18px; padding-top: 16px; border-color: var(--bp-border)}
.bp-capital-items>span {gap: 4px; padding-left: 12px}
.bp-capital-items>span:before {background: #858d92}
.bp-capital-items small {font-size: 11px; color: var(--bp-muted)}
.bp-capital-items b {font-size: 16px; font-variant-numeric: tabular-nums}
.bp-capital-items em {font-size: 10px; color: var(--bp-dim)}
.bp-metric-rail {gap: 8px; margin-bottom: 14px; padding-bottom: 5px}
.bp-metric-tab {min-height: 40px; border-color: var(--bp-border); background: #111214; color: var(--bp-muted); padding: 8px 14px; font-size: 13px; transition: background .16s ease,border-color .16s ease,color .16s ease}
.bp-metric-tab:hover {border-color: rgba(255,255,255,.26); color: #fff}
.bp-metric-tab.is-active {border-color: rgba(255,255,255,.34); background: #282a2c; color: #fff}
.bp-chart-card {padding: 19px 20px 17px; margin-bottom: 14px}
.bp-chart {height: 300px; padding: 29px 8px 29px 54px; margin-top: 12px}
.bp-axis-labels {inset: 19px auto 28px 0; color: var(--bp-muted); font-size: 10px; font-variant-numeric: tabular-nums}
.bp-grid-lines {inset: 28px 6px 31px 50px}
.bp-grid-lines i {background: rgba(255,255,255,.1)}
.bp-grid-lines .bp-zero-line {background: rgba(255,255,255,.42)}
.bp-bar-col {max-width: 90px; min-height: 0; height: 100%; border-radius: 10px; transition: background .16s ease}
.bp-bar-col:hover,.bp-bar-col:focus-visible {background: rgba(255,255,255,.045)}
.bp-bar-value {font-size: 11px; font-variant-numeric: tabular-nums; color: #e3e6e8}
.bp-bar {width: min(58%, 46px); min-height: 3px; border-radius: 7px 7px 2px 2px; box-shadow: none}
.bp-bar.is-negative {border-radius: 2px 2px 7px 7px}
.bp-bar-col.is-selected .bp-bar {outline-color: #fff; outline-offset: 3px}
.bp-bar-name {bottom: -24px; font-size: 11px}
.bp-table-wrap {overflow: auto; margin-bottom: 14px; scrollbar-color: #4b4e51 #17191b; scrollbar-width: thin}
.bp-table {min-width: 680px; font-size: 13px}
.bp-table th,.bp-table td {padding: 14px 15px; border-color: rgba(255,255,255,.09); font-variant-numeric: tabular-nums}
.bp-table thead th {position: sticky; top: 0; background: #111214; color: var(--bp-muted); font-size: 11px}
.bp-table th:first-child {min-width: 150px}
.bp-table tbody th {font-weight: 600}
.bp-table tbody tr:hover,.bp-table tbody tr.is-selected {background: rgba(255,255,255,.055)}
.bp-selected-snapshot {min-height: 62px; gap: 14px; padding: 14px 18px; transition: background .16s ease,border-color .16s ease}
.bp-selected-snapshot span {gap: 10px; font-size: 14px}
.bp-selected-snapshot b {font-size: 19px; font-variant-numeric: tabular-nums}
.bp-selected-snapshot em {font-size: 12px}
.bp-detail {padding: 8px 0 42px}
.bp-detail-head {min-height: 78px; margin-bottom: 18px; padding: 0 3px}
.bp-detail-head h2 {font-size: 25px; letter-spacing: -.45px}
.bp-detail-head p {font-size: 12px; color: var(--bp-muted)}
.bp-back {min-height: 42px; padding: 8px 12px 8px 8px; border-radius: 12px; color: #e8ebed; font-size: 13px; transition: background .16s ease}
.bp-back:hover {background: #1b1d1f}
.bp-icon-action {width: 42px; height: 42px; flex-basis: 42px; border-color: var(--bp-border); background: #17191b; transition: background .16s ease,border-color .16s ease,transform .16s ease}
.bp-icon-action:hover:enabled {background: #242628; border-color: rgba(255,255,255,.28); transform: translateY(-1px)}
.bp-icon-action.assistant {color: #d7dde0}
.bp-follow {min-height: 40px; padding: 8px 14px; border-color: var(--bp-border); background: #191b1d; font-size: 12px}
.bp-follow-status {padding: 11px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: #17191b; color: #d7dde0; font-size: 12px}
.bp-follow-status.is-error {border-color: rgba(255,150,100,.28); background: #241b18; color: #ffc3a5}
.bp-detail-grid {gap: 14px}
.bp-detail-card {padding: 20px; min-width: 0}
.bp-detail-card h3 {margin-bottom: 17px; font-size: 15px; line-height: 1.35}
.bp-stat-grid {gap: 18px 16px}
.bp-stat {gap: 5px}
.bp-stat small {font-size: 12px; line-height: 1.4; color: var(--bp-muted)}
.bp-stat b {font-size: 16px; line-height: 1.35; font-variant-numeric: tabular-nums}
.bp-stat span {font-size: 11px; line-height: 1.45; color: var(--bp-dim)}
.bp-stat em {font-size: 11px}
.bp-stat a,.bp-source-note a {font-size: 11px; color: #b9d9ff; text-underline-offset: 3px}
.bp-detail-charts {gap: 12px}
.bp-history-card {padding: 16px; border: 1px solid var(--bp-border); border-radius: 16px; background: #151719}
.bp-history-svg {height: 145px; margin-top: 15px}
.bp-chart-empty {min-height: 110px; height: auto; color: var(--bp-muted); font-size: 12px}
.bp-history-legend {font-size: 11px}
.bp-detail-row {gap: 16px; padding: 11px 0; border-color: var(--bp-border); font-size: 12px}
.bp-detail-row span {color: var(--bp-muted)}
.bp-detail-row b {font-size: 13px; font-variant-numeric: tabular-nums}
.bp-news-list {gap: 10px}
.bp-news-card {padding: 16px; border-color: var(--bp-border); border-radius: 16px; background: #151719}
.bp-news-meta {flex-wrap: wrap; align-items:center; gap: 8px 12px; color: var(--bp-muted); font-size: 11px}
.bp-news-level {color: #efc86f}
.bp-news-card h4 {margin: 10px 0 7px; font-size: 15px; line-height: 1.48; font-weight: 650}
.bp-news-card p {margin-bottom: 10px; color: var(--bp-muted); font-size: 13px; line-height: 1.55}
.bp-news-card a {display: inline-flex; align-items:center; gap: 5px; min-height: 34px; color: #b9d9ff; font-size: 12px; text-underline-offset: 3px}
.bp-news-card a svg {width: 14px; height: 14px; fill: none; stroke:currentColor; stroke-width:1.8}
.bp-news-empty {padding: 18px 0; color: #f0f2f3; font-size: 14px}
.bp-news-empty p {color: var(--bp-muted); font-size: 12px}
.bp-source-note {margin: 4px 2px; color: var(--bp-muted); font-size: 11px; line-height: 1.5}
.bp-state {min-height: 300px; gap: 15px; color: var(--bp-muted)}
.bp-state>p {font-size: 15px}
.bp-state>b {font-size: 24px; color: #dfe3e5}
.bp-state button,.bp-empty button {min-height: 42px; border: 1px solid rgba(255,255,255,.18); background: #f1f2f3; color: #111; padding: 9px 20px; transition: background .16s ease,transform .16s ease}
.bp-state button:hover,.bp-empty button:hover {background: #d9dcde; transform: translateY(-1px)}
.bp-empty {padding: 18px; border: 1px solid var(--bp-border); border-radius: 16px; background: #151719; color: #e9ecee; font-size: 13px}
.bp-spinner {width: 24px; height: 24px; border-color: rgba(255,255,255,.22); border-top-color: #fff}
#peersContent :is(button,a):focus-visible {outline: 2px solid #d9e7f4; outline-offset: 3px; z-index: 3}
#peersContent :is(button,a):disabled {opacity: .48; cursor: wait; transform: none}
@media (min-width: 720px) {
  .bp-shell.bp-overview {display: grid; grid-template-columns: minmax(0,1.2fr) minmax(330px,.8fr); align-items:start; gap: 15px 18px}
  .bp-shell.bp-overview > .bp-company-rail {grid-column: 1/-1; margin-bottom: 0}
  .bp-shell.bp-overview > .bp-overview-grid {grid-column: 1; grid-row: 2/span 2; grid-template-columns: repeat(2,minmax(0,1fr)); align-self:stretch}
  .bp-shell.bp-overview > .bp-trend-card {grid-column: 2; grid-row: 2}
  .bp-shell.bp-overview > .bp-capital-card {grid-column: 2; grid-row: 3; align-self:start}
  .bp-shell.bp-comparison {display:grid; grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr); align-items:start; gap:0 18px}
  .bp-shell.bp-comparison > .bp-mode,.bp-shell.bp-comparison > .bp-metric-rail {grid-column:1/-1}
  .bp-shell.bp-comparison > .bp-chart-card {grid-column:1; grid-row:3/span 2; min-width:0}
  .bp-shell.bp-comparison > .bp-table-wrap {grid-column:2; grid-row:3; min-width:0}
  .bp-shell.bp-comparison > .bp-selected-snapshot {grid-column:2; grid-row:4}
  .bp-overview-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .bp-detail-charts {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 1000px) {
  #peersContent .bp-shell.bp-overview {grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr); grid-auto-rows:min-content; align-content:start; gap:15px 18px}
  #peersContent .bp-shell.bp-overview > .bp-mode {grid-column:1/-1; grid-row:1; margin:0 0 2px}
  #peersContent .bp-shell.bp-overview > .bp-company-rail {grid-column:1/-1; grid-row:2; margin:0; gap:8px; padding:2px 1px 8px}
  #peersContent .bp-shell.bp-overview > .bp-overview-grid {grid-column:1; grid-row:3; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:minmax(132px,auto); align-content:start; gap:12px}
  #peersContent .bp-shell.bp-overview > .bp-trend-card {grid-column:2; grid-row:3; min-height:0; margin:0; padding:20px 20px 15px}
  #peersContent .bp-shell.bp-overview > .bp-capital-card {grid-column:2; grid-row:4; min-height:0; margin:0; padding:18px 20px}
  #peersContent .bp-metric-card {min-height:132px; padding:17px 15px 14px 66px}
  #peersContent .bp-glyph {top:17px; left:16px; width:36px; height:36px; font-size:21px; line-height:1}
  #peersContent .bp-card-title b {font-size:15px}
  #peersContent .bp-capital-items {row-gap:18px; margin-top:18px; padding-top:16px}
  #peersContent .bp-capital-items b {font-size:16px}
  #peersContent .bp-shell.bp-comparison {grid-template-columns:minmax(0,1fr); grid-auto-rows:min-content; align-content:start; gap:0}
  #peersContent .bp-shell.bp-comparison > .bp-mode,#peersContent .bp-shell.bp-comparison > .bp-metric-rail {grid-column:1/-1; margin:0 0 14px}
  #peersContent .bp-shell.bp-comparison > .bp-chart-card {grid-column:1; grid-row:3; min-width:0; margin:0 0 14px}
  #peersContent .bp-shell.bp-comparison > .bp-table-wrap {grid-column:1; grid-row:4; min-width:0; margin:0 0 14px}
  #peersContent .bp-shell.bp-comparison > .bp-selected-snapshot {grid-column:1; grid-row:5; margin:0}
}
@media (min-width: 1100px) {
  .bp-overview-grid {gap: 14px}
  .bp-metric-card {min-height: 145px}
  .bp-chart {height: 330px}
  .bp-detail-grid {gap: 16px}
}
@media (max-width: 719px) {
  .app:has(#peers.active) {max-width: 840px}
  .bp-shell,.bp-detail {padding-top: 4px}
  .bp-mode {margin-bottom: 12px}
  .bp-company-rail {margin-right: -2px; margin-left: -2px}
  .bp-overview-grid {gap: 9px}
  .bp-metric-card {min-height: 120px; padding: 14px 9px 12px 54px; border-radius: 18px}
  .bp-glyph {left: 10px; top: 14px; width: 34px; height: 34px}
  .bp-metric-card b,.bp-value-with-unit b {font-size: clamp(16px, 4.6vw, 20px)}
  .bp-metric-card small {font-size: 11px; white-space:normal}
  .bp-value-with-unit {gap: 3px}
  .bp-value-with-unit small {font-size: 9px}
  .bp-trend-card,.bp-capital-card,.bp-chart-card {padding: 16px; border-radius: 19px}
  .bp-chart {height: 250px; padding-left: 44px; padding-right: 2px}
  .bp-axis-labels {font-size: 9px}
  .bp-grid-lines {left: 42px}
  .bp-bar-col {width: 15%; padding-inline: 1px}
  .bp-bar-value {font-size: 9px}
  .bp-bar-name {font-size: 10px}
  .bp-detail-head {min-height: 66px; gap: 5px}
  .bp-detail-head h2 {font-size: 20px}
  .bp-detail-head p {font-size: 10px}
  .bp-back {padding-inline: 5px; font-size: 11px}
  .bp-icon-action {width: 36px; height: 36px; flex-basis: 36px}
  .bp-detail-grid {gap: 10px}
  .bp-detail-card {padding: 16px; border-radius: 19px}
  .bp-stat-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap: 15px 10px}
  .bp-stat b {font-size: 14px}
}
@media (max-width: 370px) {
  .bp-overview-grid {grid-template-columns:minmax(0,1fr)}
  .bp-metric-card {min-height: 106px; padding-left: 62px}
  .bp-metric-card b,.bp-value-with-unit b {font-size: 20px}
  .bp-detail-head {gap: 3px}
  .bp-detail-head h2 {font-size: 18px}
  .bp-back span {display:none}
  .bp-icon-action {width: 33px; height: 33px; flex-basis:33px}
  .bp-chart {height: 230px; padding-left: 39px}
  .bp-axis-labels {font-size: 8px}
  .bp-grid-lines {left:37px}
}
/* A comparison column needs room for its labels, not just its outer border. */
@media (min-width: 720px) and (max-width: 1199px) {
  #peersContent .bp-shell.bp-overview,
  #peersContent .bp-shell.bp-comparison { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
  #peersContent .bp-shell:is(.bp-overview, .bp-comparison) > :is(.bp-mode, .bp-company-rail, .bp-overview-grid, .bp-trend-card, .bp-capital-card, .bp-metric-rail, .bp-chart-card, .bp-table-wrap, .bp-selected-snapshot) { grid-column: 1; grid-row: auto; min-width: 0; margin: 0; }
  #peersContent .bp-shell.bp-overview > .bp-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-self: start; }
}
.bp-metric-card small, .bp-metric-card .bp-yoy { white-space: normal; overflow-wrap: anywhere; }
.bp-card-title > *, .bp-capital-items > *, .bp-detail-head > div { min-width: 0; }
.bp-card-title em { white-space: normal; text-align: right; overflow-wrap: anywhere; }
@media (max-width: 599px) {
  .bp-detail-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .bp-spinner {animation-duration:2s}
  .bp-company,.bp-metric-card,.bp-capital-card,.bp-metric-tab,.bp-icon-action,.bp-state button {transition:none}
}