body.trends-active .quote-toolbar{display:none}
.trends-heading{align-items:flex-start}.trends-heading h1{max-width:720px}.trends-heading p:not(.eyebrow){max-width:660px;line-height:1.8}
.trend-refresh{background:#ed0000;color:#fff;gap:22px;border-radius:4px}.trend-refresh:hover{background:#bf0000}
.trend-update{display:flex;align-items:center;gap:10px;font-size:10px;color:#b6b6b6;padding:15px 0 22px;border-bottom:1px solid #383838;margin-bottom:22px;flex-wrap:wrap}.trend-update p{margin:0;flex:1;line-height:1.7}.trend-update>span:last-child{font-size:9px}.trend-update-dot{width:6px;height:6px;border-radius:50%;background:#ed0000}
.trend-toolbar,.trend-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.trend-toolbar{margin-bottom:24px}.trend-toolbar .periods{margin:0;justify-content:flex-start;flex-wrap:wrap;gap:6px}.trend-toolbar .periods button{font-size:11px;padding:10px 15px;border:1px solid #3b3b3b;color:#c6c6c6}.trend-toolbar .periods button.selected{background:#382020;border-color:#c23434;color:#fff}
.trend-toolbar label,.trend-section-heading label{display:flex;align-items:center;gap:12px;font-size:11px;color:#bbb}.trend-toolbar select,.trend-section-heading select{width:auto;padding:10px 28px 10px 12px;font-size:11px;border-radius:4px}
.trend-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:42px}.trend-metric{padding:25px;background:#1e1e1e;border:1px solid #393939;border-radius:5px;min-width:0}.trend-metric>.eyebrow{font-size:9px;letter-spacing:1.5px;color:#c4c4c4;margin:0 0 22px}.trend-metric>strong{display:block;font-size:32px;font-weight:500;letter-spacing:-1px;margin-bottom:12px}.trend-metric>strong small{font-size:19px;color:#a7a7a7;letter-spacing:0}.trend-metric>p:not(.eyebrow){font-size:12px;line-height:1.7;margin:0 0 14px;color:#d2d2d2}.trend-metric>small{color:#a7a7a7;font-size:9px;line-height:1.8}.trend-breadth{height:4px;background:#3e3e3e;margin-bottom:12px;border-radius:3px;overflow:hidden}.trend-breadth span{display:block;height:100%;background:var(--green)}
.trend-section{margin-bottom:40px}.trend-section-heading{margin-bottom:22px;align-items:flex-end}.trend-section-heading h2{font-size:24px;line-height:1.4;letter-spacing:-.8px;margin:0}.trend-section-heading .eyebrow{font-size:9px;margin:0 0 9px}.trend-section-heading p:not(.eyebrow){font-size:10px;line-height:1.8;color:#b7b7b7;margin:10px 0 0}
.trend-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.trend-index-card{display:block;background:#1e1e1e;border:1px solid #393939;border-radius:5px;padding:20px;min-width:0;transition:border-color .15s,background .15s}.trend-index-card:hover{border-color:#aa3434;background:#262020}.trend-card-top{display:flex;align-items:center;gap:8px;color:#c5c5c5;font-size:9px;min-height:21px}.trend-card-top img{width:28px;height:21px;object-fit:contain;border-radius:1px;flex-shrink:0}.trend-card-top>span:last-child{margin-left:auto;font-size:16px}.trend-index-card h3{font-size:16px;font-weight:500;line-height:1.6;letter-spacing:-.4px;margin:19px 0 10px;min-height:26px;overflow-wrap:anywhere}.trend-card-value{font-size:26px;font-weight:500;letter-spacing:-.6px}.trend-spark{height:66px;margin:17px 0 16px}.trend-spark svg{width:100%;height:100%;display:block}.trend-card-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#bbb;font-size:8px;line-height:1.7}.trend-card-time{font-size:8px;line-height:1.8;color:#aaa;margin:9px 0 0}.trend-card-empty{min-height:106px;padding-top:27px;color:#aaa;font-size:11px;line-height:1.8}.trend-stale{border-style:dashed}.trend-stale .trend-card-time,.trend-stale .trend-mover-name small:last-child{color:#f2c18b}
.trend-movers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trend-mover{display:flex;align-items:center;gap:13px;padding:21px;background:#1e1e1e;border:1px solid #393939;border-radius:5px;min-width:0}.trend-mover:hover{border-color:#aa3434;background:#262020}.trend-mover .stock-logo{width:38px;min-width:38px;height:38px;background:#fff;border-radius:5px}.trend-mover .stock-logo img{display:block;width:30px;height:30px;object-fit:contain}.trend-mover-name{min-width:0;flex:1}.trend-mover-name strong{display:block;font-size:12px;font-weight:500;line-height:1.8;overflow-wrap:anywhere}.trend-mover-name small{display:block;font-size:9px;color:#bbb;line-height:1.8}.trend-mover-name small:last-child{font-size:8px;color:#aaa;margin-top:3px}.trend-mover-quote{text-align:right;flex-shrink:0}.trend-mover-quote strong{display:block;font-size:17px;font-weight:500;white-space:nowrap}.trend-mover-quote small{display:block;font-size:9px;color:#bdbdbd;line-height:1.8}.trend-mover-quote small:last-child{font-size:8px;color:#aaa}.trend-mover-arrow{font-size:18px;color:#ccc}.trend-note{font-size:10px;line-height:1.9;color:#b6b6b6;margin:17px 0 0}.trend-empty{grid-column:1/-1;padding:45px 24px;border:1px dashed #444;border-radius:5px;text-align:center;color:#bbb;font-size:12px;line-height:1.8}
.trend-method{border-radius:5px}.trend-method summary{cursor:pointer;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;font-size:13px;list-style:none}.trend-method summary::-webkit-details-marker{display:none}.trend-method summary span{font-size:22px}.trend-method[open] summary span{transform:rotate(45deg)}.trend-method>div{padding:0 24px 24px;max-width:900px}.trend-method p,.trend-method a{font-size:11px;line-height:1.9;color:#bdbdbd}.trend-method a{color:#eee;text-decoration:underline}
@media(max-width:1200px){.trend-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trend-metric{padding:22px 18px}.trend-metric>strong{font-size:28px}.trend-mover{padding:18px 15px;gap:10px}.trend-mover-arrow{display:none}}
@media(max-width:950px){.trend-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-summary{gap:12px}.trend-metric>strong{font-size:24px}.trend-metric>p:not(.eyebrow){font-size:10px}.trend-movers{grid-template-columns:1fr}.trend-toolbar{align-items:flex-start;flex-direction:column}.trend-section-heading{align-items:flex-start;gap:15px;flex-wrap:wrap}}
@media(max-width:650px){.trends-heading{gap:18px}.trends-heading h1{font-size:32px;line-height:1.3}.trend-refresh{padding:11px 16px;font-size:11px}.trend-update{gap:9px;padding-top:3px}.trend-update p{flex-basis:90%;font-size:10px}.trend-update>span:last-child{margin-left:15px}.trend-summary{grid-template-columns:1fr;gap:12px;margin-bottom:32px}.trend-metric{padding:22px}.trend-metric>.eyebrow{margin-bottom:14px}.trend-metric>strong{font-size:32px}.trend-metric>p:not(.eyebrow){font-size:12px}.trend-toolbar .periods{gap:5px}.trend-toolbar .periods button{font-size:10px;padding:9px 11px}.trend-toolbar label,.trend-section-heading label{font-size:11px}.trend-toolbar select,.trend-section-heading select{font-size:12px}.trend-section-heading h2{font-size:22px}.trend-index-grid{gap:12px}.trend-index-card{padding:16px 13px}.trend-card-top{font-size:8px;gap:6px}.trend-card-top img{width:24px;height:18px}.trend-card-top>span:last-child{display:none}.trend-index-card h3{font-size:14px;min-height:44px;line-height:1.6;margin-top:15px}.trend-card-value{font-size:23px}.trend-spark{height:52px;margin:15px 0 12px}.trend-card-meta{font-size:8px}.trend-card-time{font-size:8px}.trend-mover{padding:17px 13px;gap:10px}.trend-mover-name strong{font-size:11px}.trend-mover-name small{font-size:8px}.trend-mover-quote strong{font-size:15px}.trend-mover-quote small{font-size:8px}.trend-method summary{font-size:12px;padding:20px 18px}.trend-method>div{padding:0 18px 20px}}
@media(prefers-reduced-motion:reduce){.trend-index-card{transition:none}}

.trend-mover .stock-logo-dark{background:#171717}
