.reference-trend-hub .trend-hub-groups button{flex:1;min-width:0;padding:0 12px}.reference-trend-hub .trend-hub-groups button.active{flex:1;min-width:0}.reference-trend-hub .analysis-position-tabs button,.reference-analysis .analysis-position-tabs button{height:25px;line-height:23px;padding:0 10px}.reference-trend-hub .trend-hub-overview{padding-top:10px}.reference-trend-hub .trend-lottery-entry{grid-template-columns:138px minmax(0,1fr)}.reference-trend-hub .trend-entry-links>div{gap:8px 12px}.trend-hub-chart-shell{padding:0!important}.trend-hub-chart-shell svg{height:230px;width:100%}.trend-hub-chart-shell svg line{stroke:#edf0f5;stroke-width:1}.trend-hub-chart-shell svg polyline{fill:none;stroke:#ef4a73;stroke-width:1.5}.trend-hub-chart-shell svg circle{fill:#ef4a73}.trend-hub-chart-shell svg text{fill:#999;font:11px Arial,sans-serif}.trend-hub-chart-shell svg .chart-number{fill:#ef4a73}.analysis-latest{height:130px;min-height:130px;padding:16px 30px;gap:28px}.analysis-frequency{color:#aaa;font-size:13px;margin-top:8px}.analysis-clock{margin-left:auto;text-align:center;white-space:nowrap;color:#999;font-size:13px}.analysis-clock span{display:block;margin-bottom:12px}.analysis-clock b{font-size:28px;color:#ef7136;font-weight:500;margin:0 8px}.analysis-latest .summary-controls{margin-left:18px}.analysis-route-nav>*{flex:1}.reference-analysis .analysis-controls{display:none}.reference-analysis .analysis-controls:has(#analysisRoadKindLabel:not([hidden])){display:flex;margin-bottom:12px}.reference-analysis .analysis-controls>label:not(#analysisRoadKindLabel),.reference-analysis .analysis-controls>#analysisRefresh{display:none}.reference-analysis .analysis-display-settings{position:static;max-width:none;margin:12px 0 18px;justify-content:flex-start;gap:12px;font-size:13px}.analysis-query{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:#888;margin:16px 0}.analysis-query button,.analysis-query input[type=date]{background:white;border:1px solid #e7ebf1;border-radius:4px;color:#888;padding:5px 12px;font:inherit;cursor:pointer}.analysis-query button.active{background:#609aeb;color:white;border-color:#609aeb}.analysis-query label{display:flex;align-items:center;gap:5px}.analysis-query input{accent-color:#609aeb}.heat-updated{margin-left:auto}.trend-matrix tfoot th,.trend-matrix tfoot td{height:30px;font-weight:400;color:#888;background:#f8fafc}.trend-matrix tfoot th{color:#609aeb}.trend-stat-notes{font-size:13px;color:#999;line-height:1.8;padding:16px 0}.trend-stat-notes p{margin:3px 0}.show-layers .trend-number-cell:has(.trend-omission){background:#f1f5fb}.show-layers .trend-attribute:has(.trend-omission){background:#f8f3ee}.monochrome .trend-hit,.monochrome .attribute-hit{background:#555!important;color:white!important}.monochrome .trend-matrix-lines{filter:grayscale(1)}.heat-panel-heading{display:none}.heat-position-table th,.heat-position-table td{height:36px;padding:6px 10px}.heat-ball-list{gap:8px}.heat-result{width:24px;height:24px;background:#609aeb;font-size:14px;margin:0}.heat-result small{top:25px}.with-counts .heat-result{margin-bottom:15px}.stats-reference-table th,.stats-reference-table td{padding:8px;min-width:30px;white-space:nowrap}.stats-reference-table td.stats-high{color:#ef6674}.stats-reference-table td.stats-low{color:#36b97a}body:has(.reference-trend-hub) #siteAssist,body:has(.reference-analysis) #siteAssist{display:none!important}.reference-analysis [hidden]{display:none!important}@media(max-width:900px){.analysis-clock{display:none}.analysis-latest{height:auto}.analysis-query{gap:5px}.heat-updated{margin-left:0}.reference-analysis .analysis-display-settings{flex-wrap:wrap}.reference-trend-hub .trend-lottery-entry{grid-template-columns:110px minmax(0,1fr)}}
.road-mode-tabs{display:flex;justify-content:center;gap:6px;margin:14px 0}.road-mode-tabs button,.road-ask button{font:13px Arial,sans-serif;padding:5px 12px;border:1px solid #e9edf2;background:white;color:#888;border-radius:3px;cursor:pointer}.road-mode-tabs button.active{background:#609aeb;border-color:#609aeb;color:white}.road-ask{margin-left:auto;display:flex;gap:8px}.road-panel-heading{display:flex;align-items:center;gap:20px}.reference-road-bead{border:0!important;background:#609aeb;color:white;border-radius:50%;width:24px;height:24px;align-self:center;justify-self:center;display:grid;place-items:center;font-size:13px}.reference-road-bead.road-red{background:#ef6470;color:white}.reference-road-bead.road-blue{background:#609aeb;color:white}.reference-road-bead.road-tie{background:#35ba77;color:white}.road-preview{opacity:.55;outline:2px dashed #777;outline-offset:1px}.road-secondary-grid{display:grid;place-items:center;color:#aaa}.secondary-red,.secondary-blue{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ef6470}.secondary-blue{background:#609aeb}

.reference-analysis[data-mode=trend]{display:grid;grid-template-columns:38% 62%;grid-template-areas:"tip tip" "positions positions" "query settings" "content content"}.reference-analysis[data-mode=trend] .analysis-tip{grid-area:tip}.reference-analysis[data-mode=trend] .analysis-position-tabs{grid-area:positions}.reference-analysis[data-mode=trend] .analysis-query{grid-area:query;margin:0 0 24px}.reference-analysis[data-mode=trend] .analysis-display-settings{grid-area:settings;margin:0 0 24px;justify-content:flex-end;gap:6px;white-space:nowrap;font-size:12px}.reference-analysis[data-mode=trend] .analysis-content{grid-area:content;min-width:0}.reference-analysis[data-mode=trend] .analysis-query [data-count]{border:0;padding:5px 6px;background:none}.reference-analysis[data-mode=trend] .analysis-query [data-count].active{color:#609aeb;font-weight:600}.analysis-frequency{margin:0;font-size:13px}.analysis-latest-numbers .ball-row:has(.ball-ssc){gap:48px;padding:0 48px}.analysis-clock>div{background:#fff8f4;border:1px solid #f0e5df;border-radius:6px;padding:6px 30px;color:#ef7136}.analysis-clock b{font-size:24px}.reference-analysis[data-mode=road] .analysis-controls{display:none!important}.reference-analysis .analysis-position-tabs button{height:28px;line-height:26px}@media(max-width:1000px){.reference-analysis[data-mode=trend]{display:block}.reference-analysis[data-mode=trend] .analysis-display-settings{justify-content:flex-start;white-space:normal}.analysis-latest-numbers .ball-row:has(.ball-ssc){gap:20px;padding:0}.analysis-frequency{display:none}}

.reference-analysis[data-mode=trend] .analysis-display-settings{font-size:13px;gap:8px}.reference-analysis[data-mode=road]{display:flex;flex-direction:column}.reference-analysis[data-mode=road] .analysis-tip{order:0}.reference-analysis[data-mode=road] .analysis-query{order:1}.reference-analysis[data-mode=road] .analysis-position-tabs{order:2}.reference-analysis[data-mode=road] .analysis-content{order:3}

/* Second comparison: entry cards and chart nodes. */
.reference-trend-hub .trend-hub-groups button.active{flex:0 0 76px;min-width:76px;padding:0 6px}.reference-trend-hub .trend-lottery-entry{grid-template-columns:150px minmax(0,1fr)}.reference-trend-hub .trend-lottery-entry>.trend-entry-links{padding:18px 4px;align-items:flex-start!important;justify-content:center!important;width:auto!important;gap:12px}.reference-trend-hub .trend-entry-links>div{justify-content:flex-start!important;width:auto!important;gap:8px 14px}.trend-hub-chart-shell svg line{stroke-dasharray:3 2}.trend-hub-chart-shell svg polyline{stroke-width:2}.trend-hub-chart-shell svg circle{stroke:white;stroke-width:2;filter:drop-shadow(0 1px 1px #0002)}.trend-hub-chart-shell svg .chart-number{fill:white;font-weight:600}.analysis-clock{width:238px;flex:none}.analysis-clock>div{width:238px;padding:6px 12px}.analysis-latest .summary-controls{margin-left:90px}.analysis-route-nav>a,.analysis-route-nav>button{position:relative}.analysis-route-nav>:not(:last-child):after{content:"";position:absolute;right:0;top:14px;height:14px;border-right:1px solid #eee}.analysis-route-nav button.active{box-shadow:none!important}.analysis-route-nav button.active:before{content:"";position:absolute;left:9%;right:9%;bottom:7px;border-bottom:3px solid #609aeb}.analysis-route-nav>a:nth-child(2)>small{position:absolute;right:8px;top:4px;background:#ed7939;color:white;font-size:8px;line-height:10px;padding:0 2px}.analysis-heading{margin:0;font-size:20px;line-height:28px;font-weight:400;color:#333;position:relative;white-space:nowrap}.analysis-heading:after{content:"";position:absolute;width:30px;bottom:-4px;left:0;border-bottom:3px solid #609aeb}.reference-analysis[data-mode=trend] .analysis-query{font-size:13px;color:#777}.reference-analysis[data-mode=trend] .analysis-query strong{color:#333}.reference-analysis[data-mode=trend] .analysis-tip{font-size:14px}.reference-analysis[data-mode=trend] .analysis-position-tabs{margin-bottom:20px}.reference-analysis[data-mode=trend] .analysis-display-settings{font-size:13px;gap:8px}.trend-stat-notes{font-size:14px;line-height:1.8;color:#888}.trend-matrix tfoot td{background:white}.trend-matrix tfoot th{color:#777}
/* Heat and daily statistics share a single compact title / controls row. */
.reference-analysis[data-mode=heat],.reference-analysis[data-mode=stats]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"heading tip query" "content content content";gap:8px 14px;padding:12px 30px}.reference-analysis[data-mode=heat] .analysis-heading,.reference-analysis[data-mode=stats] .analysis-heading{grid-area:heading}.reference-analysis[data-mode=heat] .analysis-tip{grid-area:tip;margin:0;font-size:13px}.reference-analysis[data-mode=heat] .analysis-query,.reference-analysis[data-mode=stats] .analysis-query{grid-area:query;margin:0;font-size:12px;gap:10px}.reference-analysis[data-mode=heat] .analysis-content,.reference-analysis[data-mode=stats] .analysis-content{grid-area:content;min-width:0}.reference-analysis[data-mode=stats] .analysis-tip{display:none}.heat-updated{white-space:nowrap;margin-left:0}.heat-updated b{font-weight:600;color:#ed713e}.heat-position-table{font-size:14px;border-radius:7px;overflow:hidden}.heat-position-table th,.heat-position-table td{height:35px;padding:4px 10px}.heat-position-table th:first-child{width:99px}.heat-position-table tbody th{background:white}.heat-result{background:#009bdc}.heat-ball-list{gap:6px}.stats-reference-table{font-size:14px;border-radius:6px;overflow:hidden}.stats-reference-table th,.stats-reference-table td{height:36px;padding:5px 8px}.stats-reference-table tr>:first-child{width:144px;min-width:144px}.stats-number-table{margin-bottom:12px}.stats-number-table td{color:#555}.stats-number-table td.stats-high{color:#e35858;background:#fff0f0;font-weight:600}.stats-number-table td.stats-low{color:#8195a5;background:#eff5f7;font-weight:600}.stats-double-table .stats-pair-0{color:#609aeb;background:#eff5ff;font-weight:600}.stats-double-table .stats-pair-1{color:#e35858;background:#fff1f1;font-weight:600}.stats-double-table thead td{background:white}
/* Roads: header date picker, side totals and derived ring / dot / slash boards. */
.reference-analysis[data-mode=road]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"heading tip query" "positions positions positions" "content content content";gap:8px 14px;padding:12px 30px}.reference-analysis[data-mode=road] .analysis-heading{grid-area:heading}.reference-analysis[data-mode=road] .analysis-tip{grid-area:tip;margin:0;font-size:13px}.reference-analysis[data-mode=road] .analysis-query{grid-area:query;margin:0;font-size:12px}.reference-analysis[data-mode=road] .analysis-position-tabs{grid-area:positions;margin:0}.reference-analysis[data-mode=road] .analysis-content{grid-area:content;min-width:0}.road-mode-tabs{margin:4px 0 14px;gap:5px}.road-chart{display:grid;grid-template-columns:64px minmax(0,1fr);position:relative}.road-side-count{border:1px solid #e9edf2;border-right:0;display:flex;flex-direction:column;justify-content:center;gap:28px;align-items:center;color:#333;font-size:18px}.road-side-count>div{display:flex;flex-direction:column;align-items:center;gap:6px}.road-symbol{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:14px;align-self:center;justify-self:center;box-sizing:border-box}.road-symbol.road-red{background:#e35858;color:white}.road-symbol.road-blue{background:#6092e9;color:white}.road-symbol.road-tie{background:#39c76c;color:white}.road-chart-name{grid-column:1/-1;text-align:right;color:#aaa;font-size:12px;margin:3px 0 0}.road-secondary-panels{gap:14px;margin-top:18px}.road-secondary-panels .road-chart{grid-template-columns:44px minmax(0,1fr)}.road-secondary-panels .road-side-count{font-size:14px;gap:24px}.road-chart-ring .road-symbol,.ask-ring{background:none!important;border:2px solid #6092e9;width:15px;height:15px}.road-chart-ring .road-red,.ask-ring.road-red{border-color:#e35858}.road-chart-dot .road-symbol,.ask-dot{width:10px;height:10px}.road-chart-slash .road-symbol,.ask-slash{background:none!important;border-radius:0;width:16px;height:16px;position:relative}.road-chart-slash .road-symbol:after,.ask-slash:after{content:"";position:absolute;inset:0 7px;background:#6092e9;transform:rotate(35deg)}.road-chart-slash .road-red:after,.ask-slash.road-red:after{background:#e35858}.road-ask{justify-content:flex-end;margin-top:14px;gap:20px}.road-ask button{display:flex;gap:12px;align-items:center;border:0;padding:5px;background:none}.road-ask button[aria-pressed=true]{color:#609aeb}.road-ask-results{display:flex;gap:12px;align-items:center}.ask-unknown{font-style:normal;color:#aaa}.road-preview{animation:road-preview-pulse 1s infinite;outline:0;opacity:1}.road-empty-note{text-align:center;color:#aaa;font-size:13px}@keyframes road-preview-pulse{50%{opacity:.3}}@media(max-width:1100px){.analysis-latest .summary-controls{margin-left:20px}.reference-analysis[data-mode=heat],.reference-analysis[data-mode=stats],.reference-analysis[data-mode=road]{display:flex;flex-direction:column}.reference-analysis .analysis-query{flex-wrap:wrap}.road-secondary-panels{grid-template-columns:1fr}.reference-analysis[data-mode=heat] .analysis-query{margin:8px 0}.analysis-clock{width:180px}.analysis-clock>div{width:180px}}

.reference-trend-hub .trend-hub-groups button{white-space:nowrap}.reference-trend-hub .trend-hub-groups button.active{padding:0 3px}.reference-trend-hub .trend-lottery-entry>.trend-entry-links{flex-wrap:nowrap;align-content:flex-start}
.road-secondary-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.road-secondary-panels .road-chart{min-width:0}@media(max-width:1100px){.road-secondary-panels{grid-template-columns:1fr}}


/* Remaining navigation page review, 2026-10-12. */
.reference-trend-hub .trend-hub-lotteries button.active{box-shadow:none}.reference-trend-hub .trend-hub-lotteries button.active:after{content:"";position:absolute;bottom:0;left:50%;width:25px;height:3px;transform:translateX(-50%);background:#ef4a73}.reference-trend-hub .analysis-position-tabs button{border:0;background:transparent;border-radius:6px}.reference-trend-hub .analysis-position-tabs button.active{background:#ef4a73}.reference-trend-hub .trend-hub-overview{padding-top:20px;padding-bottom:5px}.reference-trend-hub .trend-hub-chart-shell{height:230px}.reference-trend-hub .trend-hub-chart-shell svg{height:230px}body:has(.reference-trend-hub) .prediction-contact,body:has(.reference-analysis) .prediction-contact{display:flex!important}

/* Keep five equal category slots; the selected pill must not redistribute them. */
.reference-trend-hub .trend-hub-groups{margin-top:18px}
.reference-trend-hub .trend-hub-groups button,
.reference-trend-hub .trend-hub-groups button.active{position:relative;isolation:isolate;flex:1 0 0;min-width:0;padding:0;display:flex;align-items:center;justify-content:center;gap:6px}
.reference-trend-hub .trend-hub-groups button img{margin-right:0;flex:none}
.reference-trend-hub .trend-hub-groups button.active{background:transparent}
.reference-trend-hub .trend-hub-groups button.active::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:50%;transform:translateX(-50%);width:76px;max-width:100%;border-radius:19px;background:#ef4a73}

.trend-lottery-entry[data-entry-code]{cursor:pointer}
.reference-trend-hub .trend-lottery-entry header>a.trend-entry-brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;color:inherit;font:inherit}.trend-entry-brand:focus-visible{outline:2px solid #ef4a73;outline-offset:3px}

.number-distribution-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 30px 16px;font-size:14px;color:#777}.number-distribution-filters button{font:inherit;padding:5px 10px;border:1px solid #e8ebf1;border-radius:4px;background:white;color:#777;cursor:pointer}.number-distribution-filters button.active{color:white;background:#609aeb;border-color:#609aeb}.numbers-cell .ball.distribution-muted{opacity:.15}

/* Keep position labels within buttons, wrapping the row when necessary. */
.reference-analysis:is([data-mode=trend],[data-mode=road]) .analysis-position-tabs{flex-wrap:wrap}
.reference-analysis:is([data-mode=trend],[data-mode=road]) .analysis-position-tabs button{flex-shrink:0;white-space:nowrap}

.road-no-data{padding:32px 20px;text-align:center;background:#f7f9fc;border:1px solid #e8edf4;border-radius:6px;color:#777;line-height:1.8}.road-no-data strong{color:#444;font-size:16px}.road-history-link{display:inline-block;padding:6px 16px;border:1px solid #609aeb;border-radius:4px;color:#427fcf;background:white}
