.trend-section{margin:38px 0;padding:30px;border:1px solid #dce2f0;border-radius:20px;background:linear-gradient(135deg,#fff,#f1f4ff)}.trend-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.trend-head h2{font-size:29px;margin:8px 0}.trend-section select,.trend-filters select{padding:12px;border:1px solid #cbd4e7;border-radius:9px;background:white;font:inherit}.trend-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.trend-stats>div{background:#fff;padding:20px;border-radius:12px;border:1px solid #e0e6f2}.trend-stats small{display:block;color:#67758c}.trend-stats strong{font-size:29px;display:block;margin-top:12px}.up{color:#c74c48}.down{color:#3b68c4}.trend-note{font-size:12px;color:#64718a;line-height:1.8}.trend-bars{height:165px;display:flex;align-items:end;justify-content:space-around;gap:8px;padding:10px;border-bottom:1px solid #d8e0f0}.trend-bars>div{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px}.trend-bars span{width:clamp(15px,5vw,60px);background:#6b79dd;border-radius:5px 5px 0 0}.trend-filters,.trend-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.trend-tabs button,.trend-main button{padding:12px;border:1px solid #d1d9e9;background:#fff;border-radius:9px;color:#24375a;cursor:pointer}.trend-tabs [aria-pressed=true]{background:#4958c9;color:white}.trend-scroll{overflow:auto}.trend-scroll table{width:100%;border-collapse:collapse;min-width:690px;background:white}.trend-scroll th,.trend-scroll td{text-align:left;padding:18px;border-bottom:1px solid #e1e7f1}.trend-scroll small{display:block;font-size:12px;margin-top:8px;color:#64718a}.trend-scroll a{display:block;color:#4658c9;margin-bottom:10px}.trend-main{padding-top:32px;padding-bottom:60px}.trend-main h1{font-size:38px}.trend-method{background:#eef2fb;padding:20px;margin:20px 0;line-height:1.9;border-radius:12px}.trend-plot{padding:20px;background:#fff;border:1px solid #dce2f0;border-radius:12px;margin-top:15px}.trend-chart-scroll{width:100%;overflow-x:auto;margin:18px 0}.trend-plot svg{display:block;width:100%;height:auto;min-width:640px;max-height:none;aspect-ratio:800/290}.trend-plot details{margin:14px 0}.trend-plot h3{margin-bottom:6px}#trend-chart{scroll-margin-top:24px}.trend-pagination{display:flex;justify-content:center;gap:20px;align-items:center;margin:20px}.trend-empty{padding:35px;background:#fff}@media(max-width:650px){.trend-section{padding:18px}.trend-stats{grid-template-columns:1fr}.trend-stats>div{display:flex;align-items:center;justify-content:space-between;padding:13px}.trend-stats strong{margin:0;font-size:24px}.trend-main h1{font-size:29px}}

.trend-volume-change{display:inline-block;font-size:15px;font-weight:700;margin:8px 0}.trend-volume-pending{display:block;font-size:12px;color:#687187;margin:8px 0}@media(max-width:650px){.trend-stats>div{flex-wrap:wrap;gap:8px}.trend-volume-change,.trend-volume-pending{flex-basis:100%;margin:0}.trend-stats>div>small:last-child:not(:first-child){flex-basis:100%}}

.trend-summary-charts{display:grid;grid-template-columns:1fr 1fr;gap:28px;height:170px}.trend-summary-charts section{min-width:0;margin:0}.trend-summary-charts h3{font-size:14px;margin:0;line-height:22px}.trend-summary-charts h3 small{font-size:11px;font-weight:400;color:#64718a;margin-left:8px}.trend-summary-charts .trend-bars{height:145px;padding:5px 8px}.trend-summary-charts .trend-bars span{max-height:90px;width:clamp(12px,3vw,42px)}.trend-summary-charts svg{display:block;width:100%;height:145px;max-height:none}.trend-summary-charts svg text{font-size:13px;font-family:inherit}.trend-price-empty{height:145px;display:grid;place-items:center;color:#64718a;font-size:13px}@media(max-width:650px){.trend-summary-charts{gap:12px}.trend-summary-charts .trend-bars{gap:3px;padding:5px 0}.trend-summary-charts .trend-bars>div{font-size:9px}.trend-summary-charts h3 small{display:block;margin:0;line-height:14px}.trend-summary-charts h3{height:36px}.trend-summary-charts{height:184px}}