.precedent { border-top: 1px solid #354046; padding: 30px; }
.section-title { display: flex; align-items: end; justify-content: space-between; margin-bottom: 18px; }
.section-title h3 { margin: 8px 0 0; font-size: 22px; }
.section-title > span { font-size: 9px; color: #819098; }
.case { display: grid; grid-template-columns: 42px 1fr; gap: 16px; padding: 19px 0; border-top: 1px solid #293238; color: #e8edf0; }
.case > b { color: #5ce1e6; }
.case small { color: #718087; }
.case h4 { font-size: 14px; margin: 7px 0; }
.case h4 a { color: #e8edf0; text-decoration: none; }
.case span { font-size: 11px; color: #9aa6ac; }
.case span strong { color: #b7ff38; }
.case em { display: block; margin-top: 8px; color: #66747a; font-size: 9px; font-style: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.no-case { padding: 22px; border: 1px dashed #354046; color: #718087; font-size: 11px; line-height: 1.6; }
.semantic { margin-top: 16px; padding: 14px; border-left: 3px solid #526169; background: #10171a; }
.semantic > b { display: block; margin-bottom: 10px; color: #9aa6ac; font-size: 9px; }
.semantic.high { border-color: #b7ff38; }
.semantic.high > b { color: #b7ff38; }
.semantic.medium { border-color: #f6ce46; }
.semantic.medium > b { color: #f6ce46; }
.semantic.low { border-color: #ff715b; }
.semantic.low > b { color: #ff715b; }
.semantic p { margin: 8px 0 0; color: #aeb8bc; font-size: 11px; line-height: 1.5; }
.semantic p span { display: inline-block; min-width: 112px; margin-right: 8px; color: #5ce1e6; font-size: 8px; }
.semantic.fallback { color: #718087; font-size: 9px; }
.price-compare { margin-top: 16px; padding: 14px; border: 1px solid #293238; background: #090d0f; }
.price-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.price-title > div:first-child { display: flex; flex-direction: column; gap: 5px; }
.price-title small { color: #718087; font-size: 8px; }
.price-title b { color: #e8edf0; font-size: 11px; }
.price-legend { display: flex; gap: 14px; }
.price-legend span { font-size: 8px; }
.price-legend span::before { content: ""; display: inline-block; width: 15px; height: 2px; margin: 0 6px 2px 0; background: currentColor; }
.price-legend .current { color: #5ce1e6; }
.price-legend .past { color: #b7ff38; }
.price-compare svg { display: block; width: 100%; height: auto; margin-top: 10px; overflow: visible; }
.price-compare svg line { stroke: #354046; stroke-width: 1; }
.price-compare svg .gridline { stroke-dasharray: 4 5; opacity: .7; }
.price-compare svg text { fill: #718087; font: 8px ui-monospace, SFMono-Regular, Menlo, monospace; }
.price-compare svg path { fill: none; stroke-width: 2.5; vector-effect: non-scaling-stroke; }
.price-compare svg .current-line { stroke: #5ce1e6; }
.price-compare svg .past-line { stroke: #b7ff38; }
.price-metrics { display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid #293238; }
.price-metrics > span { display: flex; flex-direction: column; gap: 5px; padding: 10px; border-right: 1px solid #293238; }
.price-metrics > span:last-child { border-right: 0; }
.price-metrics small { color: #718087; font-size: 7px; }
.price-metrics b { color: #e8edf0; font-size: 10px; }
.price-note, .price-empty { margin: 9px 0 0; color: #66747a; font-size: 8px; }
.price-empty { padding: 12px; border: 1px dashed #293238; }
.chain-head { display: flex; justify-content: space-between; gap: 12px; margin-top: 18px; padding: 10px 12px; border: 1px solid #293238; border-bottom: 0; background: #0d1417; font-size: 8px; color: #718087; }
.chain-head .verified { color: #b7ff38; }
.chain-head .unverified { color: #f6ce46; }
.chain { display: grid; grid-template-columns: 1fr 22px 1fr 22px 1fr 22px 1fr; margin-top: 18px; border: 1px solid #293238; background: #090d0f; }
.chain-head + .chain { margin-top: 0; }
.chain > div { padding: 13px; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.chain > i { display: grid; place-items: center; color: #45545a; font-style: normal; border-left: 1px solid #293238; border-right: 1px solid #293238; }
.chain small { font-size: 8px; }
.chain b { font-size: 10px; color: #e8edf0; }
.chain b.good { color: #b7ff38; }
.chain b.bad { color: #ff715b; }
.chain a, .chain span { color: #718087; font-size: 8px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chain a:hover { color: #5ce1e6; }
.economics { display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid #293238; border-top: 0; background: #10171a; }
.economics > span { display: flex; flex-direction: column; gap: 5px; padding: 11px 13px; border-right: 1px solid #293238; }
.economics > span:last-child { border-right: 0; }
.economics small { color: #718087; font-size: 7px; }
.economics b { color: #e8edf0; font-size: 10px; }
.case code { display: block; margin-top: 8px; color: #46545a; font-size: 8px; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 750px) {
  .precedent { padding: 22px 18px; }
  .section-title { align-items: start; gap: 15px; }
  .section-title > span { text-align: right; }
  .chain { grid-template-columns: 1fr; }
  .chain > i { height: 22px; border: 0; border-top: 1px solid #293238; border-bottom: 1px solid #293238; }
  .chain-head { align-items: flex-start; flex-direction: column; }
  .economics { grid-template-columns: 1fr 1fr; }
  .economics > span { border-bottom: 1px solid #293238; }
  .price-title { align-items: flex-start; flex-direction: column; }
  .price-metrics { grid-template-columns: 1fr 1fr; }
  .price-metrics > span { border-bottom: 1px solid #293238; }
}