/* Detail-page converter and reference summary. Load after forex-detail-v2.css. */
.fx-detail-page .fd-top-layout {
  display:grid;
  grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);
  align-items:stretch;
  gap:16px;
  margin:0 0 16px;
}
.fx-detail-page .fd-top-layout > .fd-top-converter,
.fx-detail-page .fd-top-layout > .fd-reference-summary {
  min-width:0;
  width:100%;
}
.fx-detail-page .fd-top-converter {
  align-self:stretch;
}
.fx-detail-page .fd-top-layout > .fd-quote-card.fd-reference-summary {
  margin:0;
  padding:18px 16px 0;
  overflow:hidden;
}
.fx-detail-page .fd-reference-summary .fd-quote-top {
  align-items:flex-start;
  flex-wrap:wrap;
  gap:7px 10px;
}
.fx-detail-page .fd-reference-summary .fd-label {
  font-size:13px;
  line-height:1.4;
  letter-spacing:.01em;
}
.fx-detail-page .fd-reference-summary .fd-status {
  max-width:100%;
  padding:4px 7px;
  font-size:13px;
  line-height:1.3;
  white-space:normal;
}
.fx-detail-page .fd-reference-summary .fd-price-line {
  display:block;
  margin:14px 0 7px;
}
.fx-detail-page .fd-reference-summary .fd-main-price {
  display:block;
  max-width:100%;
  font-size:clamp(32px,2.6vw,38px);
  line-height:1.15;
  letter-spacing:-.04em;
  overflow-wrap:anywhere;
}
.fx-detail-page .fd-reference-summary .fd-price-unit {
  display:block;
  margin-top:5px;
  font-size:13px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.fx-detail-page .fd-reference-summary .fd-change-line {
  align-items:baseline;
  gap:6px 9px;
  font-size:13px;
  line-height:1.45;
}
.fx-detail-page .fd-reference-summary .fd-change-line > span {
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
}
.fx-detail-page .fd-reference-summary .fd-change-percent {
  padding-left:9px;
}
.fx-detail-page .fd-reference-summary .fd-change-context {
  flex-basis:100%;
  font-size:13px;
  line-height:1.4;
}
.fx-detail-page .fd-reference-summary .fd-quote-facts {
  grid-template-columns:minmax(0,1fr);
  margin:14px -16px 0;
  padding:0 16px;
}
.fx-detail-page .fd-reference-summary .fd-quote-facts > div {
  min-width:0;
  padding:10px 0;
  border-left:0;
  border-top:0;
}
.fx-detail-page .fd-reference-summary .fd-quote-facts > div + div {
  border-top:1px solid #e8edf3;
}
.fx-detail-page .fd-reference-summary .fd-quote-facts dt {
  margin:0 0 3px;
  font-size:13px;
  line-height:1.35;
  letter-spacing:0;
}
.fx-detail-page .fd-reference-summary .fd-quote-facts dd,
.fx-detail-page .fd-reference-summary .fd-quote-facts dd.fd-fetched,
.fx-detail-page .fd-reference-summary .fd-quote-facts dd a,
.fx-detail-page .fd-reference-summary .fd-quote-facts dd small {
  font-size:13px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.fx-detail-page .fd-reference-summary .fd-quote-facts dd a {
  display:inline-block;
  max-width:100%;
  vertical-align:top;
}
.fx-detail-page .fd-reference-summary .fd-quote-facts dd small {
  margin-top:3px;
}
.fx-detail-page .fd-reference-summary .fd-notice {
  margin:0 -16px;
  padding:10px 16px;
  font-size:13px;
  line-height:1.45;
  overflow-wrap:anywhere;
}

/* The outer sidebar remains 25/75; only this inner row stacks. */
@media (max-width:1049.98px) {
  .fx-detail-page .fd-top-layout {
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }
  .fx-detail-page .fd-top-layout > .fd-top-converter {
    grid-row:1;
  }
  .fx-detail-page .fd-top-layout > .fd-reference-summary {
    grid-row:2;
  }
  .fx-detail-page .fd-reference-summary .fd-main-price {
    font-size:clamp(32px,4.6vw,40px);
  }
  .fx-detail-page .fd-reference-summary .fd-quote-facts {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .fx-detail-page .fd-reference-summary .fd-quote-facts > div:nth-child(even) {
    padding-left:14px;
    border-left:1px solid #e8edf3;
  }
  .fx-detail-page .fd-reference-summary .fd-quote-facts > div:nth-child(2) {
    border-top:0;
  }
}
@media (max-width:440px) {
  .fx-detail-page .fd-reference-summary .fd-quote-facts {
    grid-template-columns:minmax(0,1fr);
  }
  .fx-detail-page .fd-reference-summary .fd-quote-facts > div:nth-child(even) {
    padding-left:0;
    border-left:0;
  }
  .fx-detail-page .fd-reference-summary .fd-quote-facts > div:nth-child(2) {
    border-top:1px solid #e8edf3;
  }
}