.terminal-page--price-dashboard,
.terminal-page--price-index,
.terminal-page--price-index-detail {
  max-width: none;
  padding: 0;
}

.terminal-page--price-dashboard > h1,
.terminal-page--price-index > h1,
.terminal-page--price-index-detail > h1 {
  display: none;
}

.content--terminal:has(.terminal-page--price-dashboard),
.content--terminal:has(.terminal-page--price-index),
.content--terminal:has(.terminal-page--price-index-detail) {
  width: 100%;
  max-width: none;
  padding: 0;
}

.cb-pb1 {
  --pb-ink: #101d36;
  --pb-muted: #62718a;
  --pb-line: #d8e2ea;
  --pb-soft: #f5f9fb;
  --pb-teal: #067b83;
  --pb-green: #087a54;
  --pb-red: #db2436;
  --pb-purple: #4b3eb5;
  width: min(100%, 1536px);
  margin: 0 auto;
  padding: 22px 20px 30px;
  color: var(--pb-ink);
  font-family: Inter, "Noto Sans SC", sans-serif;
  background: #fff;
  letter-spacing: 0;
}

.cb-pb1 *, .cb-pb1 *::before, .cb-pb1 *::after { box-sizing: border-box; }
.cb-pb1 h2, .cb-pb1 h3, .cb-pb1 h4, .cb-pb1 p, .cb-pb1 dl, .cb-pb1 dd, .cb-pb1 dt { margin: 0; }
.cb-pb1 svg { width: 20px; height: 20px; stroke-width: 1.8; }

.cb-pb1__page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 0 4px 14px;
}

.cb-pb1__page-head h2 { font-size: 27px; line-height: 1.25; font-weight: 800; }
.cb-pb1__page-head p { margin-top: 6px; color: #44536b; font-size: 15px; }
.cb-pb1__snapshot { display: flex; align-items: center; gap: 12px; padding-top: 9px; color: #2d3c54; font-size: 13px; white-space: nowrap; }
.cb-pb1__snapshot b { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 0 11px; border: 1px solid var(--pb-line); border-radius: 4px; font-weight: 650; }
.cb-pb1__snapshot b i { width: 9px; height: 9px; border-radius: 50%; background: var(--pb-green); }

.cb-pb1__core,
.cb-pb1__trend,
.cb-pb1__judgement,
.cb-pb1__matrix,
.cb-pb1__transmission,
.cb-pb1__bottom > article,
.cb-pb1__method {
  border: 1px solid var(--pb-line);
  border-radius: 4px;
  background: #fff;
}

.cb-pb1__core { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cb-pb1__core article { min-width: 0; padding: 22px 24px 17px; }
.cb-pb1__core article + article { border-left: 1px solid var(--pb-line); }
.cb-pb1__metric-role { display: flex; align-items: center; gap: 12px; color: var(--pb-teal); }
.cb-pb1__metric-role strong { font-size: 15px; font-weight: 750; }
.cb-pb1__metric-icon, .cb-pb1__chain-icon, .cb-pb1__bottom-icon { display: grid; place-items: center; flex: 0 0 auto; width: 40px; height: 40px; border: 1px solid #d5e6ea; border-radius: 50%; color: var(--pb-teal); background: #fff; }
.cb-pb1__core article:nth-child(3) .cb-pb1__metric-role { color: #145bb4; }
.cb-pb1__core article:nth-child(4) .cb-pb1__metric-role { color: var(--pb-purple); }
.cb-pb1__core h3 { min-height: 42px; margin-top: 15px; font-size: 15px; line-height: 1.45; font-weight: 750; }
.cb-pb1__basis { min-height: 22px; color: #33425a; font-size: 13px; }
.cb-pb1__value { display: flex; align-items: baseline; gap: 6px; margin-top: 12px; white-space: nowrap; }
.cb-pb1__value b { font-size: 31px; line-height: 1; font-weight: 750; font-variant-numeric: tabular-nums; }
.cb-pb1__value span { font-size: 14px; color: #23324a; }
.cb-pb1__verified { display: flex; align-items: center; gap: 5px; min-height: 24px; margin-top: 11px !important; color: #3a4b63; font-size: 12px; }
.cb-pb1__comparison-note { margin-top: 8px !important; color: #8a5a18; font-size: 10px; line-height: 1.4; }
.cb-pb1__core article:nth-child(2) .cb-pb1__verified { margin-top: 3px !important; }
.cb-pb1__verified svg { width: 14px; height: 14px; }
.cb-pb1__core footer { display: flex; justify-content: space-between; gap: 12px; margin-top: 7px; color: var(--pb-muted); font-size: 12px; }
.cb-pb1 .is-up { color: var(--pb-green); }
.cb-pb1 .is-down, .cb-pb1 .is-adverse { color: var(--pb-red); }
.cb-pb1 .is-positive { color: var(--pb-green); }
.cb-pb1 .is-neutral, .cb-pb1 .is-flat { color: #35455e; }

.cb-pb1__market { display: grid; grid-template-columns: minmax(0, 3fr) minmax(330px, 2fr); gap: 14px; margin-top: 14px; }
.cb-pb1__trend, .cb-pb1__judgement { min-height: 460px; padding: 20px 24px; }
.cb-pb1__section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.cb-pb1__section-head h3 { font-size: 18px; font-weight: 800; }
.cb-pb1__section-head p { color: var(--pb-muted); font-size: 12px; }
.cb-pb1__section-head > b { display: flex; align-items: center; gap: 7px; color: var(--pb-green); font-size: 12px; font-weight: 650; }
.cb-pb1__section-head > b i { width: 8px; height: 8px; border-radius: 50%; background: var(--pb-green); }
.cb-pb1__periods { display: inline-flex; margin-top: 12px; border: 1px solid var(--pb-line); border-radius: 3px; overflow: hidden; }
.cb-pb1__periods button { min-width: 63px; height: 34px; padding: 0 14px; border: 0; border-right: 1px solid var(--pb-line); color: #26364e; background: #fff; font: inherit; font-size: 12px; cursor: pointer; }
.cb-pb1__periods button:last-child { border-right: 0; }
.cb-pb1__periods button.is-active { color: #fff; background: var(--pb-teal); }
.cb-pb1__trend-stats { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 13px; }
.cb-pb1__trend-stats > div { padding: 4px 16px; border-right: 1px solid var(--pb-line); }
.cb-pb1__trend-stats > div:first-child { padding-left: 4px; }
.cb-pb1__trend-stats > div:last-child { border-right: 0; }
.cb-pb1__trend-stats span, .cb-pb1__trend-stats small { display: block; color: var(--pb-muted); font-size: 11px; }
.cb-pb1__trend-stats b { display: block; margin: 7px 0 3px; font-size: 18px; font-weight: 700; font-variant-numeric: tabular-nums; }
.cb-pb1__chart { width: 100%; height: 248px; margin-top: 6px; }
.cb-pb1__chart-note { color: var(--pb-muted); font-size: 11px; }

.cb-pb1__judgement > header { padding-bottom: 16px; border-bottom: 1px solid var(--pb-line); }
.cb-pb1__judgement > header h3 { font-size: 18px; }
.cb-pb1__judgement > strong { display: block; padding: 28px 0; font-size: 24px; line-height: 1.65; font-weight: 750; }
.cb-pb1__judgement h4 { margin-bottom: 12px; font-size: 15px; }
.cb-pb1__evidence { border: 1px solid var(--pb-line); border-radius: 3px; }
.cb-pb1__evidence div { display: flex; justify-content: space-between; gap: 18px; padding: 13px 14px; font-size: 13px; }
.cb-pb1__evidence div + div { border-top: 1px solid var(--pb-line); }
.cb-pb1__evidence b { text-align: right; font-weight: 650; }
.cb-pb1__judgement footer { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--pb-line); color: var(--pb-muted); font-size: 11px; }

.cb-pb1__matrix { margin-top: 14px; padding: 18px 22px 16px; }
.cb-pb1__filters { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.cb-pb1__filters label span { display: block; margin-bottom: 6px; color: #2f4059; font-size: 11px; }
.cb-pb1__filters select { width: 100%; height: 34px; padding: 0 26px 0 10px; border: 1px solid var(--pb-line); border-radius: 3px; color: #34445c; background: #fff; font: inherit; font-size: 11px; }
.cb-pb1__spread { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 18px; margin-top: 14px; padding: 10px 13px; border: 1px solid #dbe5eb; background: var(--pb-soft); font-size: 11px; }
.cb-pb1__spread span { color: var(--pb-teal); font-weight: 700; }
.cb-pb1__spread em { color: var(--pb-muted); text-align: right; font-style: normal; }
.cb-pb1__table-wrap { overflow-x: auto; }
.cb-pb1__matrix table { width: 100%; border-collapse: collapse; font-size: 12px; }
.cb-pb1__matrix th { padding: 11px 8px; color: #37465d; text-align: left; font-size: 11px; font-weight: 650; white-space: nowrap; }
.cb-pb1__matrix td { padding: 9px 8px; border-top: 1px solid var(--pb-line); vertical-align: middle; }
.cb-pb1__matrix td:first-child { display: flex; align-items: center; gap: 10px; min-width: 310px; }
.cb-pb1__matrix td:first-child span { min-width: 54px; padding: 4px 6px; border: 1px solid #d5e1e8; border-radius: 12px; color: #1d5e66; text-align: center; font-size: 10px; }
.cb-pb1__matrix td b, .cb-pb1__matrix td small { display: block; font-variant-numeric: tabular-nums; }
.cb-pb1__matrix td small { color: var(--pb-muted); font-size: 10px; }
.cb-pb1__matrix mark { color: var(--pb-green); background: transparent; white-space: nowrap; }
.cb-pb1__table-note { margin-top: 10px !important; color: var(--pb-muted); font-size: 10px; }

.cb-pb1__transmission { margin-top: 14px; padding: 18px 22px; }
.cb-pb1__transmission > div { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 16px; margin-top: 18px; }
.cb-pb1__transmission > div > svg { color: #1c4b72; }
.cb-pb1__transmission article { display: flex; align-items: center; gap: 13px; min-width: 0; }
.cb-pb1__transmission h4 { font-size: 14px; }
.cb-pb1__transmission p { margin-top: 5px; font-size: 11px; line-height: 1.45; }

.cb-pb1__bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.cb-pb1__bottom > article { padding: 17px 22px; }
.cb-pb1__bottom article > div { display: flex; align-items: center; gap: 18px; margin-top: 14px; }
.cb-pb1__tender dl { display: grid; grid-template-columns: repeat(3, auto); align-items: center; flex: 1; }
.cb-pb1__tender dl > div { padding: 0 26px; border-right: 1px solid var(--pb-line); }
.cb-pb1__tender dt { font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; }
.cb-pb1__tender dd { margin-top: 5px; color: var(--pb-muted); font-size: 10px; }
.cb-pb1__tender a { display: inline-flex; align-items: center; gap: 5px; color: var(--pb-teal); font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.cb-pb1__tender a svg { width: 15px; height: 15px; }
.cb-pb1__fx article > div { align-items: stretch; }
.cb-pb1__fx dl { flex: 1; padding-left: 18px; border-left: 1px solid var(--pb-line); }
.cb-pb1__fx dt { color: var(--pb-muted); font-size: 10px; }
.cb-pb1__fx dd b { display: block; margin-top: 5px; font-size: 19px; font-variant-numeric: tabular-nums; }
.cb-pb1__fx dd small { display: block; margin-top: 5px; color: #4d5c72; font-size: 9px; line-height: 1.45; }
.cb-pb1__method { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 14px; overflow: hidden; }
.cb-pb1__method details { padding: 14px 18px; }
.cb-pb1__method details + details { border-left: 1px solid var(--pb-line); }
.cb-pb1__method summary { cursor: pointer; font-size: 12px; font-weight: 700; }
.cb-pb1__method p { margin-top: 10px; color: var(--pb-muted); font-size: 11px; line-height: 1.65; }
.cb-pb1-state { max-width: 900px; margin: 40px auto; padding: 28px; border: 1px solid #e1c789; background: #fffaf0; }

@media (max-width: 900px) {
  .cb-pb1 { padding-inline: 14px; }
  .cb-pb1__core { grid-template-columns: repeat(2, 1fr); }
  .cb-pb1__core article:nth-child(3) { border-top: 1px solid var(--pb-line); border-left: 0; }
  .cb-pb1__core article:nth-child(4) { border-top: 1px solid var(--pb-line); }
  .cb-pb1__market { grid-template-columns: 1fr; }
  .cb-pb1__trend, .cb-pb1__judgement { min-height: 0; }
  .cb-pb1__filters { grid-template-columns: repeat(4, 1fr); }
  .cb-pb1__transmission > div { grid-template-columns: 1fr 1fr; }
  .cb-pb1__transmission > div > svg { display: none; }
  .cb-pb1__bottom { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .cb-pb1 { padding: 14px 10px 24px; }
  .cb-pb1__page-head { display: block; }
  .cb-pb1__page-head h2 { font-size: 21px; }
  .cb-pb1__snapshot { flex-wrap: wrap; padding-top: 13px; white-space: normal; }
  .cb-pb1__core { grid-template-columns: 1fr; }
  .cb-pb1__core article { padding: 18px; }
  .cb-pb1__core article + article { border-top: 1px solid var(--pb-line); border-left: 0; }
  .cb-pb1__core h3 { min-height: 0; }
  .cb-pb1__value b { font-size: 29px; }
  .cb-pb1__market { margin-top: 10px; gap: 10px; }
  .cb-pb1__trend, .cb-pb1__judgement, .cb-pb1__matrix, .cb-pb1__transmission, .cb-pb1__bottom > article { padding: 17px 14px; }
  .cb-pb1__section-head { align-items: flex-start; }
  .cb-pb1__section-head > b { text-align: right; }
  .cb-pb1__periods { display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; }
  .cb-pb1__periods button { min-width: 0; padding: 0 5px; }
  .cb-pb1__trend-stats { grid-template-columns: repeat(2, 1fr); }
  .cb-pb1__trend-stats > div { padding: 10px; border-right: 0; border-bottom: 1px solid var(--pb-line); }
  .cb-pb1__trend-stats > div:last-child { grid-column: 1 / -1; }
  .cb-pb1__chart { height: 260px; }
  .cb-pb1__judgement > strong { padding: 22px 0; font-size: 20px; }
  .cb-pb1__evidence div { display: block; }
  .cb-pb1__evidence b { display: block; margin-top: 5px; text-align: left; }
  .cb-pb1__filters { grid-template-columns: repeat(2, 1fr); }
  .cb-pb1__spread { grid-template-columns: 1fr; gap: 6px; }
  .cb-pb1__spread em { text-align: left; }
  .cb-pb1__matrix table,
  .cb-pb1__matrix thead,
  .cb-pb1__matrix tbody,
  .cb-pb1__matrix tr,
  .cb-pb1__matrix td { display: block; width: 100%; }
  .cb-pb1__matrix thead { display: none; }
  .cb-pb1__matrix tr { margin-top: 10px; padding: 7px 12px; border: 1px solid var(--pb-line); border-radius: 3px; }
  .cb-pb1__matrix td,
  .cb-pb1__matrix td:first-child { display: grid; grid-template-columns: minmax(92px, 34%) 1fr; align-items: center; gap: 10px; min-width: 0; padding: 8px 0; border-top: 1px solid #edf2f5; }
  .cb-pb1__matrix td:first-child { border-top: 0; }
  .cb-pb1__matrix td::before { content: attr(data-label); color: var(--pb-muted); font-size: 10px; font-weight: 650; }
  .cb-pb1__matrix td:first-child span { display: none; }
  .cb-pb1__transmission > div { grid-template-columns: 1fr; }
  .cb-pb1__transmission article { padding: 12px 0; border-bottom: 1px solid var(--pb-line); }
  .cb-pb1__bottom article > div { align-items: flex-start; }
  .cb-pb1__tender dl { grid-template-columns: 1fr; gap: 12px; }
  .cb-pb1__tender dl > div { padding: 0; border: 0; }
  .cb-pb1__tender a { align-self: center; }
  .cb-pb1__fx article > div { flex-wrap: wrap; }
  .cb-pb1__fx dl { min-width: calc(50% - 36px); }
  .cb-pb1__method { grid-template-columns: 1fr; }
  .cb-pb1__method details + details { border-top: 1px solid var(--pb-line); border-left: 0; }
}