.interval-preview-page .preview-main { padding-top:20px; }
.preview-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; }
.preview-heading h1 { display:inline; font-weight:700; color:#20252d; }
.preview-heading p { margin:4px 0 0; color:#7a8594; font-size:12px; }
.preview-badge { display:inline-block; padding:3px 8px; margin-right:10px; color:#a85627; background:#fff2e7; font-size:12px; }
.preview-date, .preview-tools { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.preview-date label, .preview-tools label { color:#697586; font-size:12px; }
.preview-date input, .preview-tools input, .preview-tools select { min-height:34px; padding:5px 10px; border:1px solid #dce2e9; border-radius:2px; background:#fff; color:#263240; font:inherit; }
.preview-date button, .preview-tools button { min-height:34px; padding:5px 10px; border:1px solid #dce2e9; border-radius:2px; background:#fff; color:#697586; font:inherit; cursor:pointer; }
.preview-date a, .preview-empty a { color:var(--link-color); }
.preview-summary { display:grid; grid-template-columns:1.1fr 1fr 1fr; border:1px solid #e2e8f0; background:#f8fafc; margin-bottom:18px; }
.preview-summary > div { min-width:0; padding:10px 14px; border-right:1px solid #e2e8f0; }
.preview-summary > div:last-child { border:0; }
.preview-summary span, .preview-summary strong, .preview-summary small { display:block; }
.preview-summary span { margin-bottom:3px; color:#7b8797; font-size:11px; }
.preview-summary strong { color:#263240; font-size:12px; line-height:1.8; font-weight:500; }
.preview-summary small { margin-top:2px; color:#8994a2; font-size:11px; }
.preview-notice { margin:10px 0; color:#8d662a; font-size:12px; }
.preview-filters { display:flex; align-items:center; flex-wrap:wrap; gap:16px; padding-bottom:14px; border-bottom:1px solid #e2e8f0; }
.preview-tabs { display:flex; flex-wrap:wrap; gap:16px; }
.preview-tab-group { display:flex; }
.preview-tab-group a { min-width:61px; padding:7px 14px; border:1px solid #dce2e9; border-right-width:0; color:#596777; text-align:center; font-size:13px; }
.preview-tab-group a:last-child { border-right-width:1px; }
.preview-tab-group a.active { background:#fff5f5; color:var(--market-rise); border-color:#efb7b7; font-weight:700; }
.preview-tab-group a.active.fall { color:var(--market-fall); background:#f2faf4; border-color:#b7d3bf; }
.preview-tools { margin-left:auto; }
.preview-tools label { display:flex; align-items:center; gap:8px; }
.preview-tools input { width:185px; min-width:0; }
.preview-tools select { min-width:118px; }
.preview-list-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:17px 0 12px; }
.preview-list-heading > div { display:flex; align-items:baseline; gap:12px; }
.preview-list-heading h2 { font-size:16px; font-weight:700; }
.preview-list-heading span, .preview-list-heading p { color:#8994a2; font-size:12px; }
.preview-jumps { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
.preview-jumps a { padding:5px 10px; border:1px solid #e2e8f0; border-radius:2px; color:#657283; font-size:12px; }
.preview-jumps span { margin-left:8px; color:#939daa; font-size:11px; }
.preview-bucket { display:grid; grid-template-columns:125px minmax(0,1fr); margin-bottom:9px; border:1px solid #e2e8f0; scroll-margin-top:12px; }
.preview-bucket-heading { padding:16px 14px; background:#f6f8fb; border-right:1px solid #e2e8f0; }
.preview-bucket-heading h3 { margin-bottom:6px; font-size:15px; font-weight:600; }
.preview-bucket-count { color:#8993a2; font-size:11px; white-space:nowrap; }
.preview-stock-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.preview-stock { min-width:0; padding:12px 14px; border-right:1px solid #edf0f4; border-bottom:1px solid #edf0f4; }
.preview-stock:hover { background:var(--market-rise-soft); }
.preview-stock-top { display:flex; align-items:center; gap:10px; min-width:0; }
.preview-stock-top a { min-width:0; color:#26384d; }
.preview-stock-top a:hover strong { color:var(--link-color); }
.preview-stock-top a strong { display:block; overflow-wrap:anywhere; line-height:1.5; font-size:14px; font-weight:600; }
.preview-stock-top a small { display:block; color:#919caa; font-size:11px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.preview-stock-top b { margin-left:auto; white-space:nowrap; text-align:right; font-size:14px; font-variant-numeric:tabular-nums; }
.preview-market { color:#8a9aab; margin-right:3px; font-size:11px; }
.preview-stock-facts { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; margin-top:6px; color:#8994a2; font-size:11px; line-height:1.7; }
.preview-stock-facts b { font-weight:500; font-variant-numeric:tabular-nums; }
.preview-board-stat { padding:0 4px; border:1px solid #e2e8f0; color:#657283; background:#f8fafc; }
.preview-seal-state { color:#8a6c42; }
.preview-seal-state.is-sealed { color:var(--market-rise); }
.preview-reason, .preview-reason-empty { margin-top:5px; color:#718094; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.preview-reason time { display:block; margin-top:2px; color:#9da6b2; white-space:nowrap; font-size:11px; font-variant-numeric:tabular-nums; }
.preview-reason-empty { color:#a0a9b4; }
.preview-empty { padding:25px; text-align:center; color:#718096; }
.preview-empty h2 { margin-bottom:8px; color:#304257; font-size:18px; }
.preview-method { margin:24px 0 28px; padding:12px 15px; color:#8994a2; background:#f8fafc; font-size:12px; line-height:1.9; }
.preview-method h2 { color:#647489; font-size:13px; font-weight:600; }
.preview-method p { margin-top:8px; }
.interval-preview-page [hidden] { display:none !important; }
@media (max-width:1200px) {
 .preview-stock-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .preview-tools { margin-left:0; }
}
@media (max-width:800px) {
 .interval-preview-page .preview-main { padding-top:16px; }
 .preview-heading { align-items:flex-start; flex-wrap:wrap; gap:12px; }
 .preview-date { font-size:12px; gap:6px; }
 .preview-summary { grid-template-columns:1fr; margin-bottom:12px; }
 .preview-summary > div { padding:7px 10px; border-right:0; border-bottom:1px solid #e2e8f0; }
 .preview-summary strong { font-size:12px; }
 .preview-filters, .preview-tabs { gap:10px; }
 .preview-tab-group a { min-width:53px; padding:7px 9px; font-size:12px; }
 .preview-tools { width:100%; gap:8px; }
 .preview-tools label:first-child { width:100%; }
 .preview-tools input { flex:1; width:0; }
 .preview-tools :is(input,select,button) { font-size:12px; }
 .preview-list-heading { align-items:flex-start; flex-direction:column; gap:5px; }
 .preview-list-heading p { font-size:11px; }
 .preview-bucket { grid-template-columns:1fr; }
 .preview-bucket-heading { display:flex; justify-content:space-between; align-items:center; padding:8px 11px; border-right:0; border-bottom:1px solid #e2e8f0; }
 .preview-bucket-heading h3 { margin:0; font-size:13px; }
 .preview-stock-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .preview-stock { padding:10px; }
 .preview-stock-top { gap:5px; flex-wrap:wrap; }
 .preview-stock-top a { flex:1 1 77px; }
 .preview-stock-top a strong { font-size:13px; }
 .preview-stock-top b { font-size:13px; }
 .preview-reason, .preview-reason-empty { font-size:11px; }
}