.trade-hero { padding-block: clamp(22px, 4vw, 52px); }
.trade-hero-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, 240px); align-items: center; gap: clamp(18px, 4vw, 48px); }
.trade-hero h1 { font-size: clamp(32px, 4.3vw, 54px) !important; }
.trade-cover { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; border-radius: 12px; }
.trade-card-image { overflow: hidden; width: 100%; border-radius: 9px; }
.trade-card-image img { transition: transform .25s ease; }
.tool-card:hover .trade-card-image img { transform: scale(1.045); }
.trade-card-arrow { display: inline-flex; gap: 7px; align-items: center; }
.trade-card-arrow svg { width: 17px; height: 17px; }
.trade-layout { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
.trade-metrics > div:first-child { background: #f3e2e2; }
.trade-metrics dd { font-variant-numeric: tabular-nums; }
.trade-margin { display: block; font-size: 14px; }
.trade-margin strong { margin-left: 5px; }
.trade-margin meter { display: block; width: 100%; height: 12px; }
.trade-analysis { margin-block: 20px; }
.trade-bars { list-style: none; padding: 0; margin: 0; }
.trade-bars li { margin-bottom: 8px; }
.trade-bars li div { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; }
.trade-track { display: block; height: 7px; margin-top: 4px; border-radius: 999px; background: #e8e1d8; overflow: hidden; }
.trade-track span { display: block; height: 100%; background: #9e2533; border-radius: inherit; transition: width .2s ease; }
.trade-table { max-width: 100%; overflow-x: auto; }
.trade-table table { border-collapse: collapse; width: 100%; font-size: 14px; line-height: 1.4; }
.trade-table :is(th,td) { text-align: left; padding: 8px; border-bottom: 1px solid #ded6cb; }
.trade-table thead { background: #f3ede4; }
.trade-input-summary { margin: 0 0 12px; }
.trade-print-inputs { display: none; }
.trade-hero img { max-height: 160px; }
@media (max-width: 760px) {
  .trade-layout { grid-template-columns: minmax(0, 1fr); }
  .trade-hero-inner { grid-template-columns: minmax(0, 1fr); }
  .trade-hero img { width: min(140px, 45%); }
}
@media (prefers-reduced-motion: reduce) { .trade-card-image img, .trade-track span { transition: none; } }
@media print {
  .trade-hero img, .trade-input-summary { display: none !important; }
  .trade-print-inputs { display: block; }
  .trade-print-inputs ul { columns: 2; padding-left: 18px; }
  .trade-hero-inner { display: block; }
  .trade-table { overflow: visible; }
  .trade-table tr, .trade-metrics > div { break-inside: avoid; }
  .trade-result-panel { border: 0; padding: 0; }
}
