.brand-banner {
    position: relative;
    width: 520px;
    height: 50px;
    margin-left: auto;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    color: inherit;
    background: transparent;
    box-shadow: none;
    transition: none;
}
.brand-banner img { display: block; width: 520px; height: 50px; object-fit: contain; }
.brand-mark { overflow: hidden; padding: 0; border: 0; background: #fff; box-shadow: 0 2px 8px rgba(23,57,87,.12); }
.brand-mark::after { display: none; }
.brand-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-banner:hover { box-shadow: none; transform: none; }
.history-tools .history-issue-search input { width: 185px; }
.history-no-result { height: 86px; color: #8293a0; text-align: center; }

.desktop-float-tools { position: fixed; z-index: 70; top: 50%; right: 10px; width: 58px; transform: translateY(-50%); }
.desktop-qr-tool { position: relative; }
.desktop-qr-trigger { width: 58px; min-height: 72px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 4px; border: 1px solid #dce5eb; color: #4f606b; background: #fff; font-size: 10px; text-decoration: none; }
.desktop-qr-trigger img { width: 32px; height: 32px; display: block; image-rendering: crisp-edges; }
.desktop-qr-trigger:hover, .desktop-qr-trigger:focus-visible { color: #0877b3; background: #f5fbfe; outline: 0; }
.desktop-qr-popover { position: absolute; top: 0; right: calc(100% + 11px); width: 202px; padding: 12px; border: 1px solid #d7e1e7; background: #fff; box-shadow: 0 8px 24px rgba(23,57,80,.18); opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(7px); transition: opacity .16s ease, transform .16s ease, visibility .16s ease; text-align: center; }
.desktop-qr-popover::after { content: ""; position: absolute; top: 27px; right: -7px; width: 12px; height: 12px; border-top: 1px solid #d7e1e7; border-right: 1px solid #d7e1e7; background: #fff; transform: rotate(45deg); }
.desktop-qr-popover img { width: 176px; height: 176px; display: block; margin: 0 auto 8px; image-rendering: crisp-edges; }
.desktop-qr-popover strong { display: block; color: #183f5b; font-size: 13px; }
.desktop-qr-popover small { display: block; margin-top: 3px; color: #81909b; font-size: 9px; }
.desktop-qr-tool:hover .desktop-qr-popover, .desktop-qr-tool:focus-within .desktop-qr-popover { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0); }
.desktop-back-top { width: 58px; height: 58px; display: grid; place-items: center; margin-top: 3px; border: 0; cursor: pointer; background: #168fd0; }
.desktop-back-top span { width: 0; height: 0; border-right: 9px solid transparent; border-bottom: 13px solid #fff; border-left: 9px solid transparent; transform: translateY(-2px); }
.desktop-back-top:hover, .desktop-back-top:focus-visible { background: #0876b3; outline: 0; }
@media (max-width: 1060px) { .desktop-float-tools { display: none; } }

.header-inner .menu-toggle { margin-left: 0; }

[data-countdown].is-updating { min-width: 0; font-size: 11px !important; letter-spacing: 0; white-space: nowrap; }
[data-countdown].is-updating .updating-dots { width: 1.5em; display: inline-block; text-align: left; }

body[data-page="home"] .page-intro { display: none; }
body[data-page="home"] .notice-bar + .section-space { display: none; }
body[data-page="home"] .markets-section { padding-top: 20px; }
body[data-page="home"] .section-heading { display: none; }
body[data-page="home"] .market-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: start; }
body[data-page="home"] .market-card {
    border-top: 0;
    border-radius: 4px;
    box-shadow: 0 3px 13px rgba(31, 65, 97, .08);
}
body[data-page="home"] .market-topline {
    min-height: 58px;
    padding: 12px 17px;
    border-bottom: 0;
    color: white;
    background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 82%, #fff));
}
body[data-page="home"] .market-name h3 { color: #fff; font-size: 17px; }
body[data-page="home"] .market-name small { color: rgba(255, 255, 255, .74); }
body[data-page="home"] .market-orb { border-color: rgba(255, 255, 255, .7); background: white; box-shadow: none; }
body[data-page="home"] .countdown b { color: #fff; }
body[data-page="home"] .countdown small { color: rgba(255, 255, 255, .75); }
body[data-page="home"] .market-card.amber .market-topline { color: #29485e; background: #eef3fb; }
body[data-page="home"] .market-card.amber .market-name h3,
body[data-page="home"] .market-card.amber .countdown b { color: #3d3a26; }
body[data-page="home"] .market-card.amber .market-name small,
body[data-page="home"] .market-card.amber .countdown small { color: rgba(61, 58, 38, .68); }
body[data-page="home"] .result-row { padding: 19px 16px 13px; }
body[data-page="home"] .number-pill { width: 36px; height: 36px; font-size: 15px; }
body[data-page="home"] .total-pill { width: 38px; height: 38px; font-size: 15px; }
body[data-page="home"] .result-meta { display: none; }
body[data-page="home"] .market-actions {
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    padding: 6px 12px 11px;
}
body[data-page="home"] .market-actions a {
    padding: 5px 2px;
    border: 0;
    border-radius: 0;
    color: #3e5266;
    background: transparent;
    font-size: 11px;
    font-weight: 600;
}
body[data-page="home"] .market-actions a + a { border-left: 1px solid #e3e8ed; }
body[data-page="home"] .market-actions a::before { content: "["; margin-right: 1px; color: #8b98a5; }
body[data-page="home"] .market-actions a::after { content: "]"; margin-left: 1px; color: #8b98a5; }
.market-mini-table { border-top: 1px solid #dfe6ec; }
.market-mini-head,
.market-mini-row { display: grid; grid-template-columns: 27% 31% 42%; align-items: center; }
.market-mini-head {
    min-height: 34px;
    color: white;
    background: var(--accent);
    font-size: 11px;
    font-weight: 600;
    text-align: center;
}
.market-card.amber .market-mini-head { color: #31566e; background: #dfecef; }
.market-mini-row {
    min-height: 39px;
    border-bottom: 1px solid #e9eef2;
    color: #526678;
    background: #fff;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    text-align: center;
}
.market-mini-row:nth-child(odd) { background: #f8fbfd; }
.market-mini-row:last-child { border-bottom: 0; }
.market-mini-row > span { min-width: 0; padding: 5px; white-space: nowrap; }
.mini-equation { display: inline-flex; align-items: center; justify-content: center; gap: 5px; }
.mini-equation .result-dot { width: 25px; height: 25px; font-size: 10px; }
body[data-page="home"] .data-layout { display: none; }
body[data-page="home"] .site-footer { margin-top: 38px; }

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
    body[data-page="home"] .market-topline { background: var(--accent); }
}

@media (max-width: 0px) {
    .brand-banner { width: 320px; }
    .brand-banner > div { padding-left: 14px; }
    .banner-device { right: 63px; }
    .banner-chart { right: 16px; }
    body[data-page="home"] .market-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body[data-page="home"] .market-card:last-child { grid-column: auto; }
}

@media (max-width: 0px) {
    .brand-banner { display: none; }
    body[data-page="home"] .notice-bar { margin-top: 0; }
    body[data-page="home"] .markets-section { padding-top: 12px; }
    body[data-page="home"] .market-grid { grid-template-columns: 1fr; gap: 12px; }
    body[data-page="home"] .market-card { border-radius: 3px; }
    body[data-page="home"] .market-topline { min-height: 54px; }
    body[data-page="home"] .market-actions a { font-size: 10px; }
    .market-mini-row { min-height: 38px; font-size: 10px; }
}

@media (max-width: 0px) {
    body[data-page="home"] .market-actions a { font-size: 9px; }
    .market-mini-head, .market-mini-row { grid-template-columns: 25% 31% 44%; }
}

/* Inner pages: compact information architecture, restrained blue data-console styling. */
.inner-page-trail { border-bottom: 1px solid #e2e8ee; background: #f7f9fb; }
.inner-page-trail .shell { min-height: 44px; display: flex; align-items: center; gap: 9px; color: #8190a0; font-size: 12px; }
.inner-page-trail a { color: #276f9f; transition: color .18s ease; }
.inner-page-trail a:hover { color: #e38b22; }
.inner-page-trail i { color: #b2bdc8; font-style: normal; }

body[data-page="forecast"] .section-space { padding-top: 20px; padding-bottom: 64px; }
body[data-page="forecast"] .forecast-board,
body[data-page="forecast"] .prediction-card { border: 1px solid #dce5ed; border-radius: 10px; box-shadow: 0 8px 24px rgba(34,70,102,.06); }
body[data-page="forecast"] .forecast-board { overflow: hidden; }
.forecast-board-title { min-height: 48px; display: flex; align-items: center; padding: 0 24px; color: #fff; background: linear-gradient(105deg,#163e5d,#1479ad); }
.forecast-board-title::before { width: 4px; height: 20px; margin-right: 11px; border-radius: 4px; content: ""; background: #ffb044; }
.forecast-board-title h2 { margin: 0; font-size: 17px; font-weight: 600; letter-spacing: .02em; }
.forecast-current-summary { min-height: 82px; display: grid; grid-template-columns: minmax(220px,.8fr) minmax(220px,.72fr) minmax(430px,1.48fr); align-items: center; gap: 24px; padding: 13px 24px; border-bottom: 1px solid #e3eaf0; background: linear-gradient(180deg,#fff,#fbfdff); }
.forecast-current-summary > p { margin: 0; color: #64788b; font-size: 12px; }
.forecast-current-summary > p strong { color: #1f3f59; font-size: 13px; }
body[data-page="forecast"] .forecast-equation { min-height: 0; justify-content: flex-start; gap: 9px; color: #304d64; font-size: 17px; font-weight: 600; }
body[data-page="forecast"] .forecast-equation b { width: 39px; height: 39px; border: 3px solid #edf4f8; font-size: 14px; box-shadow: 0 4px 12px rgba(35,83,117,.14); }
body[data-page="forecast"] .forecast-classify { gap: 7px; overflow: visible; border: 0; background: transparent; }
body[data-page="forecast"] .forecast-classify span,
.forecast-current-summary .forecast-classify span + span { min-width: 0; padding: 8px 5px; border: 1px solid #e2e9ef; border-radius: 7px; color: #7a8a99; background: #f7fafc; font-size: 9px; }
body[data-page="forecast"] .forecast-classify b { display: inline; margin: 0 0 0 4px; color: #126e9f; font-size: 12px; }

.forecast-next-title { min-height: 45px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; border-bottom: 1px solid #e2e9ef; background: #f4f8fb; }
.forecast-next-title h3 { position: relative; margin: 0; padding-left: 11px; color: #25465f; font-size: 13px; }
.forecast-next-title h3::before { position: absolute; top: 2px; bottom: 2px; left: 0; width: 3px; border-radius: 3px; content: ""; background: #1685b7; }
.forecast-next-title span { color: #7f8e9d; font-size: 10px; }
.forecast-next-title span b { display: inline-block; min-width: 26px; color: #e68122; font-size: 14px; font-variant-numeric: tabular-nums; text-align: center; }
body[data-page="forecast"] .forecast-probability { padding: 18px 24px 22px; background: #fff; }
body[data-page="forecast"] .probability-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px 18px; margin-top: 0; }
body[data-page="forecast"] .probability-group.probability-four { grid-column: span 2; }
body[data-page="forecast"] .probability-group h3 { position: relative; padding-left: 8px; color: #52697d; font-size: 10px; }
body[data-page="forecast"] .probability-group h3::before { position: absolute; top: 1px; bottom: 1px; left: 0; width: 2px; border-radius: 2px; content: ""; background: #d8e5ee; }
body[data-page="forecast"] .probability-group span { padding: 8px 8px 10px; border: 1px solid #e5ebf0; border-radius: 6px; color: #687c8e; background: #f8fafc; }
body[data-page="forecast"] .probability-group span b { color: #304b61; }
body[data-page="forecast"] .probability-group span em { color: #e45e65; }
body[data-page="forecast"] .probability-group span i { height: 3px; border-radius: 0 3px 3px 0; background: linear-gradient(90deg,#1684b8,#35b8c2); }

body[data-page="forecast"] .forecast-prediction-list { display: block; margin-top: 14px; }
body[data-page="forecast"] .prediction-card { overflow: hidden; padding: 0; background: #fff; }
body[data-page="forecast"] .prediction-card + .prediction-card { margin-top: 12px; }
body[data-page="forecast"] .prediction-card > header { position: relative; min-height: 44px; align-items: center; padding: 0 20px 0 25px; border-bottom: 1px solid #e2e9ef; background: #f6f9fb; }
body[data-page="forecast"] .prediction-card > header::before { position: absolute; top: 11px; bottom: 11px; left: 14px; width: 3px; border-radius: 3px; content: ""; background: #1685b7; }
body[data-page="forecast"] .prediction-card h2 { margin: 0; color: #29475f; font-size: 14px; font-weight: 600; }
body[data-page="forecast"] .prediction-card header button { padding: 5px 10px; border: 1px solid #cfe1ec; border-radius: 14px; color: #2778a5; background: #fff; transition: .18s ease; }
body[data-page="forecast"] .prediction-card header button:hover,
body[data-page="forecast"] .prediction-card header button.is-active { border-color: #1884b6; color: #fff; background: #1884b6; }
.prediction-content { min-height: 104px; display: grid; grid-template-columns: minmax(300px,1fr) 64px minmax(400px,1.25fr); align-items: center; gap: 22px; padding: 15px 24px; }
body[data-page="forecast"] .prediction-values { grid-template-columns: 1fr; gap: 9px; margin: 0; }
body[data-page="forecast"] .prediction-values section { display: grid; grid-template-columns: 48px 1fr; align-items: center; padding: 0; border: 0; background: transparent; }
body[data-page="forecast"] .prediction-values p { margin: 0; color: #7a8997; }
body[data-page="forecast"] .prediction-values b { min-width: 31px; height: 31px; border: 1px solid #dce5ec; color: #50677a; background: #f6f9fb; box-shadow: none; }
body[data-page="forecast"] .prediction-values b.is-current { border-color: #1579ad; color: #fff; background: linear-gradient(135deg,#1789bd,#176ca9); box-shadow: 0 5px 12px rgba(18,116,168,.18); }
.prediction-outcome { width: 24px; min-height: 24px; display: block; justify-self: center; }
.prediction-outcome img { display: block; width: 24px; height: 24px; object-fit: contain; }
.history-result-icon img { display: block; width: 20px; height: 20px; object-fit: contain; }
.history-result-icon { width: 20px; min-height: 20px; display: block; margin: auto; }
.prediction-history .history-result-icon.is-hit,
.prediction-history .history-result-icon.is-miss { color: inherit; background: transparent; }
body[data-page="forecast"] .prediction-stats { overflow: hidden; border-color: #dfe7ee; border-radius: 7px; background: #fafcfd; }
body[data-page="forecast"] .prediction-stats p { color: #62778a; }
body[data-page="forecast"] .prediction-stats p + p,
body[data-page="forecast"] .prediction-stats span + span { border-color: #e2e9ef; }
body[data-page="forecast"] .prediction-stats strong,
body[data-page="forecast"] .prediction-stats b { color: #d9515d; }
body[data-page="forecast"] .prediction-history { margin: 0; border-top: 1px solid #dfe7ef; background: #fff; }
body[data-page="forecast"] .prediction-history .prediction-history-head { color: #fff; background: #1a628f; }

/* Full light theme: no large dark surfaces. */
body { background: #f6f8fb; }
.top-strip { color: #7f8d9c; background: #fff; }
.site-header { border-bottom: 1px solid #e3e9ef; background: rgba(255,255,255,.98); box-shadow: 0 5px 18px rgba(41,70,96,.06); }
.site-header::after { border-top: 1px solid #edf1f4; border-bottom: 1px solid #e1e8ee; background: #fff; }
.desktop-nav { padding-top: 0; align-items: stretch; }
.desktop-nav a { height: 100%; margin-top: 0; border-radius: 8px 8px 0 0; color: #637587; font-weight: 600; }
.desktop-nav a:hover { color: #1479a9; background: #f3f8fb; }
.desktop-nav a.is-active { color: #126f9c; background: #edf7fa; }
.desktop-nav a.is-active::after { right: 26px; left: 26px; height: 3px; border-radius: 3px 3px 0 0; background: #21a7ae; }
.desktop-nav .nav-item { position: relative; height: 100%; display: flex; align-items: stretch; }
.desktop-nav .nav-item > a { gap: 6px; }
.desktop-nav .nav-caret { width: 6px; height: 6px; margin-top: -3px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .18s ease; }
.desktop-nav .nav-item:hover .nav-caret,
.desktop-nav .nav-item:focus-within .nav-caret { margin-top: 3px; transform: rotate(225deg); }
.desktop-nav .nav-dropdown { position: absolute; z-index: 80; top: calc(100% - 3px); left: 50%; width: 194px; padding: 9px; border: 1px solid #d9e5ec; border-radius: 10px; visibility: hidden; opacity: 0; background: rgba(255,255,255,.99); box-shadow: 0 15px 35px rgba(32,70,97,.16); transform: translate(-50%,8px); transition: opacity .16s ease,transform .16s ease,visibility .16s; }
.desktop-nav .nav-dropdown::before { position: absolute; top: -7px; left: calc(50% - 7px); width: 12px; height: 12px; border-top: 1px solid #d9e5ec; border-left: 1px solid #d9e5ec; content: ""; background: #fff; transform: rotate(45deg); }
.desktop-nav .nav-item:hover .nav-dropdown,
.desktop-nav .nav-item:focus-within .nav-dropdown { visibility: visible; opacity: 1; transform: translate(-50%,0); }
.desktop-nav .nav-dropdown > strong { position: relative; z-index: 1; display: block; padding: 4px 9px 8px; color: #8a99a7; font-size: 9px; font-weight: 600; letter-spacing: .1em; }
.desktop-nav .nav-dropdown a { position: relative; z-index: 1; min-height: 38px; height: auto; display: grid; grid-template-columns: 9px 1fr 10px; gap: 8px; align-items: center; margin: 0; padding: 0 9px; border-radius: 7px; color: #526b7e; background: transparent; font-size: 10px; font-weight: 500; }
.desktop-nav .nav-dropdown a:hover,
.desktop-nav .nav-dropdown a.is-current { color: #126f9c; background: #eef7fa; }
.desktop-nav .nav-dropdown a::after { display: none; }
.desktop-nav .nav-dropdown a b { color: #9eafb9; font-size: 15px; font-weight: 400; }
.market-menu-dot { width: 7px; height: 7px; border-radius: 50%; background: #1a8db9; box-shadow: 0 0 0 3px #e4f3f8; }
.market-menu-dot.cyan { background: #23a58e; box-shadow: 0 0 0 3px #e3f4f0; }
.market-menu-dot.amber { background: #e69a32; box-shadow: 0 0 0 3px #fbf0df; }
.header-status { color: #738493; }

.forecast-board-title { color: #21475f; border-bottom: 1px solid #dce8ee; background: linear-gradient(105deg,#edf8fa,#f8fcfd 70%); }
.forecast-board-title::before { background: #20a6ad; }
.forecast-next-title { background: #f7fafc; }
body[data-page="forecast"] .prediction-history .prediction-history-head { color: #31566e; background: #eaf5f8; }

body[data-page="home"] .market-topline { color: #29485e; border-bottom-color: #dfe9ef; background: #eef7fb; }
body[data-page="home"] .market-card.cyan .market-topline { background: #edf9f7; }
body[data-page="home"] .market-card.amber .market-topline { color: #29485e; background: #eef3fb; }
body[data-page="home"] .market-name h3,
body[data-page="home"] .countdown b { color: #24485f; }
body[data-page="home"] .market-card.amber .market-name h3,
body[data-page="home"] .market-card.amber .countdown b { color: #76551f; }
body[data-page="home"] .market-name small,
body[data-page="home"] .countdown small,
body[data-page="home"] .market-card.amber .market-name small,
body[data-page="home"] .market-card.amber .countdown small { color: #8493a0; }

.callout-card { border: 1px solid #dce7ed; color: #284a61; background: #f4fafc; box-shadow: 0 6px 18px rgba(34,70,102,.05); }
.callout-index { color: #dcecf2; }
.callout-card p { color: #718494; }
.callout-card a { color: #1779a5; }
.query-card { border: 1px solid #dce6ed; color: #294961; background: #fff; box-shadow: 0 7px 22px rgba(34,70,102,.06); }
.query-card .kicker { color: #1984ae; }
.query-card h2 { color: #24465f; }
.query-card > p { color: #718395; }
.query-card label { color: #667c8f; }
.query-input input { border-color: #d7e2ea; color: #314e64; background: #f8fafc; }
.query-input input::placeholder { color: #a3afb9; }
.query-input button { color: #fff; background: #1683ad; }
.quick-issues button { border-color: #d7e4eb; color: #577186; background: #f4f8fa; }

.site-footer { border-top: 1px solid #dce5ec; background: #fff; }
.footer-brand .brand-mark { border-color: #e4eff5; }
.footer-brand .brand-copy strong { color: #23445d; }
.footer-brand .brand-copy small { color: #8b9aa8; }
.footer-grid > div:first-child > p { color: #758697; }
.footer-links strong { color: #2c4c64; }
.footer-links a { color: #718497; }
.footer-links a:hover { color: #1580aa; }
.footer-meta span,
.footer-meta small { color: #8a99a7; }
.footer-meta strong { color: #1b789f; }
.footer-bottom { border-color: #e5eaee; color: #8b99a6; }

/* Desktop trends: replace the legacy dark matrix with a light data sheet. */
body[data-page="trends"] .chart-panel { border-color: #dce6ed; background: #fff; box-shadow: 0 8px 24px rgba(34,70,102,.06); }
body[data-page="trends"] .panel-head { border-bottom-color: #e3eaf0; }
body[data-page="trends"] .panel-head .kicker { display: none; }
body[data-page="trends"] .panel-head h2 { position: relative; margin-top: 0; padding-left: 13px; }
body[data-page="trends"] .panel-head h2::before { position: absolute; top: 3px; bottom: 3px; left: 0; width: 4px; border-radius: 4px; content: ""; background: #20a6ad; }
body[data-page="trends"] .desktop-trend-tabs { gap: 8px; margin: 16px 0 12px; padding: 4px; width: max-content; border: 1px solid #dce6ed; border-radius: 9px; background: #f5f8fa; }
body[data-page="trends"] .desktop-trend-tabs button { min-width: 96px; height: 32px; border: 0; border-radius: 6px; color: #617689; background: transparent; font-weight: 600; }
body[data-page="trends"] .desktop-trend-tabs button:hover { color: #167ba5; background: #fff; }
body[data-page="trends"] .desktop-trend-tabs button.is-active { color: #146f96; background: #fff; box-shadow: 0 2px 8px rgba(31,78,111,.09); }

body[data-page="trends"] .desktop-trend-scroll { max-height: none; overflow: visible; border-color: #d4e2e9; border-radius: 8px; background: #eef5f7; box-shadow: inset 0 0 0 1px rgba(255,255,255,.7); }
body[data-page="trends"] .desktop-trend-scroll table { width: 100%; min-width: 0; table-layout: fixed; color: #526a7d; background: #f9fcfd; }
body[data-page="trends"] .desktop-trend-scroll th,
body[data-page="trends"] .desktop-trend-scroll td { height: 30px; border-right-color: #dfe8ee; border-bottom-color: #dfe8ee; }
body[data-page="trends"] .trend-section-label { width: 100%; min-width: 0; display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; color: #2f596f; background: linear-gradient(90deg,#dceef1,#eaf5f4); font-size: 11px; }
body[data-page="trends"] .trend-section-label strong { color: #1b657a; font-size: 12px; }
body[data-page="trends"] .trend-period-control { display: inline-flex; align-items: center; gap: 5px; color: #557487; font-size: 10px; }
body[data-page="trends"] .trend-period-control input { width: 62px; height: 25px; padding: 0 6px; border: 1px solid #aac9d7; border-radius: 4px; outline: 0; color: #125f88; background: #fff; font: inherit; font-variant-numeric: tabular-nums; text-align: center; }
body[data-page="trends"] .trend-period-control input:focus { border-color: #1684b3; box-shadow: 0 0 0 2px rgba(22,132,179,.12); }
body[data-page="trends"] .trend-period-control button { height: 25px; padding: 0 9px; border: 1px solid #1684b3; border-radius: 4px; cursor: pointer; color: #fff; background: #1684b3; font-size: 9px; }
body[data-page="trends"] .trend-period-control button:hover { background: #0d719d; }
body[data-page="trends"] .trend-load-more { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 18px 12px 6px; color: #78909f; background: #fff; font-size: 11px; }
body[data-page="trends"] .trend-load-more b { color: #177ca5; font-variant-numeric: tabular-nums; }
body[data-page="trends"] .trend-load-more button { min-width: 190px; height: 36px; padding: 0 22px; border: 1px solid #79bad4; border-radius: 18px; cursor: pointer; color: #12759e; background: #f2fbff; font-size: 11px; font-weight: 600; transition: .18s ease; }
body[data-page="trends"] .trend-load-more button:hover:not(:disabled) { color: #fff; border-color: #1684b3; background: #1684b3; box-shadow: 0 6px 14px rgba(22,132,179,.18); }
body[data-page="trends"] .trend-load-more button:disabled { cursor: default; color: #98a8b2; border-color: #d7e1e6; background: #f5f7f8; }
body[data-page="trends"] .trend-numbers .trend-section-label { min-width: 0; background: linear-gradient(90deg,#e0edf6,#e7f3f1); }
body[data-page="trends"] .desktop-trend-scroll .trend-stats { background: #f8fbfc; }
body[data-page="trends"] .desktop-trend-scroll .trend-stats.is-comprehensive,
body[data-page="trends"] .desktop-trend-scroll .trend-stats.is-numeric { min-width: 0; }
body[data-page="trends"] .desktop-trend-scroll .trend-stats thead th { position: static; color: #315d72; background: #dcecf0; }
body[data-page="trends"] .desktop-trend-scroll .trend-stats thead th:first-child { position: static; }
body[data-page="trends"] .desktop-trend-scroll .trend-stats tr:nth-child(odd) { background: #f7fbfc; }
body[data-page="trends"] .desktop-trend-scroll .trend-stats tr:nth-child(even) { background: #eef6f8; }
body[data-page="trends"] .desktop-trend-scroll .trend-stats th { color: #2d5b73; background: #eaf4f7; font-weight: 600; }
body[data-page="trends"] .desktop-trend-scroll .trend-stats td { color: #63798b; }
body[data-page="trends"] .desktop-trend-scroll .trend-grid thead th { color: #315a70; border-color: #cfe1e8; background: #e8f4f7; font-weight: 600; }
body[data-page="trends"] .desktop-trend-scroll .trend-grid-comprehensive,
body[data-page="trends"] .desktop-trend-scroll .trend-grid-numeric { min-width: 0; }
body[data-page="trends"] .desktop-trend-scroll .trend-grid thead th,
body[data-page="trends"] .desktop-trend-scroll .issue-cell { position: static; }
body[data-page="trends"] .desktop-trend-scroll .trend-col-issue { width: 8%; }
body[data-page="trends"] .desktop-trend-scroll .trend-col-value { width: 4.5%; }
body[data-page="trends"] .desktop-trend-scroll .trend-col-category { width: 5.7%; }
body[data-page="trends"] .desktop-trend-scroll .trend-col-extra { width: 3.82%; }
body[data-page="trends"] .trend-numbers .trend-col-issue { width: 6%; }
body[data-page="trends"] .trend-numbers .trend-col-value { width: 3%; }
body[data-page="trends"] .trend-numbers .trend-col-category { width: 3.2%; }
body[data-page="trends"] .trend-numbers .trend-col-extra { width: 2.2%; }
body[data-page="trends"] .trend-numbers .trend-col-number { width: 1.485%; }
body[data-page="trends"] .desktop-trend-scroll .trend-stat-spacer { color: transparent; background: #f3f8fa; }
body[data-page="trends"] .trend-numbers th,
body[data-page="trends"] .trend-numbers td { padding-inline: 1px; font-size: 8px; }
body[data-page="trends"] .trend-numbers .trend-category-hit { min-width: 17px; height: 18px; padding-inline: 2px; font-size: 8px; }
body[data-page="trends"] .trend-numbers .trend-value,
body[data-page="trends"] .trend-numbers .trend-hit { width: 18px; height: 18px; font-size: 8px; }
body[data-page="trends"] .desktop-trend-scroll .trend-grid tbody tr:nth-child(odd) { background: #fbfdfd; }
body[data-page="trends"] .desktop-trend-scroll .trend-grid tbody tr:nth-child(even) { background: #eef5f7; }
body[data-page="trends"] .desktop-trend-scroll .trend-grid tbody tr:hover { background: #edf7fa; }
body[data-page="trends"] .desktop-trend-scroll .issue-cell { color: #3f6176; font-weight: 600; }
body[data-page="trends"] .desktop-trend-scroll .trend-category-hit { display: inline-grid; min-width: 22px; height: 20px; place-items: center; padding: 0 4px; border-radius: 5px; color: #257399; background: #e1f1f7; font-size: 9px; }
body[data-page="trends"] .desktop-trend-scroll .trend-category-hit:empty { visibility: hidden; }
body[data-page="trends"] .desktop-trend-scroll .combo-hit { color: #6454a8; background: #efedfa; }
body[data-page="trends"] .desktop-trend-scroll .extreme-hit { color: #ba5b67; background: #fbeaec; }
body[data-page="trends"] .desktop-trend-scroll .zone-hit { color: #a76d24; background: #fbf0dc; }
body[data-page="trends"] .desktop-trend-scroll .tail-hit { color: #247b6d; background: #e3f3ef; }
body[data-page="trends"] .desktop-trend-scroll .trend-value { display: inline-grid; width: 21px; height: 21px; place-items: center; border-radius: 50%; color: #fff; background: #2391ba; font-size: 9px; }
body[data-page="trends"] .desktop-trend-scroll .trend-value.green { background: #20a66d; }
body[data-page="trends"] .desktop-trend-scroll .trend-value.orange { background: #ee8a2d; }
body[data-page="trends"] .trend-numbers .trend-grid-numeric th:nth-last-child(-n+28),
body[data-page="trends"] .trend-numbers .trend-grid-numeric td:nth-last-child(-n+28) { background-color: rgba(224,239,246,.32); }

body[data-page="trends"] .desktop-trend-scroll .mark { border: 1px solid currentColor; color: #39708d; background: #eef7fa; font-weight: 600; }
body[data-page="trends"] .desktop-trend-scroll .blue-mark { color: #2d76b6; background: #eef6fd; }
body[data-page="trends"] .desktop-trend-scroll .red-mark { color: #d65560; background: #fff1f2; }
body[data-page="trends"] .desktop-trend-scroll .purple-mark { color: #7562b7; background: #f4f1fd; }
body[data-page="trends"] .desktop-trend-scroll .combo-mark { color: #3979a9; background: #edf6fc; }
body[data-page="trends"] .desktop-trend-scroll .extreme-mark { color: #8b63ad; background: #f8f2fb; }
body[data-page="trends"] .desktop-trend-scroll .zone-mark { color: #c67925; background: #fff6e9; }
body[data-page="trends"] .desktop-trend-scroll .trend-hit { box-shadow: 0 2px 6px rgba(38,89,122,.12); }

body[data-page="trends"] .trend-canvas { border-color: #dce7ed; background: linear-gradient(180deg,#f7fbfd,#fff); }
body[data-page="trends"] .chart-grid-lines { background: repeating-linear-gradient(to bottom,transparent 0,transparent calc(33.333% - 1px),#e2ebf0 33.333%,#e2ebf0 calc(33.333% + 1px)); }
body[data-page="trends"] .chart-summary { border: 1px solid #e2e9ef; background: #f8fafc; }
body[data-page="trends"] .chart-summary span + span { border-left-color: #e1e8ee; }

/* Shared live-result strip used by the data-heavy inner pages. */
.subpage-live-summary { display: grid; grid-template-columns: 90px 150px 1fr auto; align-items: center; gap: 14px; margin: 14px 0 18px; padding: 12px 16px; border: 1px solid #d8e6ec; border-radius: 8px; color: #60788b; background: linear-gradient(90deg,#edf7f8,#f7fbfc); font-size: 10px; }
.subpage-live-summary > span { color: #1a7898; font-weight: 700; }
.subpage-live-summary > strong { color: #294d64; }
.subpage-live-summary p { display: flex; align-items: center; gap: 7px; margin: 0; color: #38566c; font-size: 12px; }
.subpage-live-summary .result-dot { display: inline-grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; color: #fff; background: #1c91bb; }
.subpage-live-summary .result-dot.green { background: #20a66d; }
.subpage-live-summary .result-dot.orange { background: #ee8a2d; }
.subpage-live-summary em { color: #8999a6; font-style: normal; }
body[data-page="intervals"] .interval-panel,
body[data-page="history"] .history-panel { border-color: #dbe6ec; background: #fff; box-shadow: 0 8px 24px rgba(34,70,102,.06); }
body[data-page="intervals"] .desktop-interval-board { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
body[data-page="intervals"] .interval-group { overflow: hidden; border: 1px solid #d9e6ec; border-radius: 8px; background: #f8fbfc; }
body[data-page="intervals"] .interval-group h2 { margin: 0; padding: 11px 14px; border-bottom: 1px solid #d9e6ec; color: #23647f; background: linear-gradient(90deg,#e4f2f5,#edf7f7); font-size: 12px; font-weight: 600; }
body[data-page="intervals"] .interval-pairs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
body[data-page="intervals"] .interval-pairs > div { min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 6px; border-right: 1px solid #e1e9ee; border-bottom: 1px solid #e1e9ee; color: #607587; background: #fbfdfd; font-size: 10px; }
body[data-page="intervals"] .interval-pairs > div:nth-child(2n) { border-right: 0; background: #f1f7f9; }
body[data-page="intervals"] .interval-pairs b { color: #df5962; font-size: 13px; }
body[data-page="intervals"] .interval-pairs em { color: #84939f; font-style: normal; }
body[data-page="intervals"] .interval-numbers { grid-column: 1 / -1; }
body[data-page="intervals"] .interval-numbers .interval-pairs { grid-template-columns: repeat(4,minmax(0,1fr)); }
body[data-page="intervals"] .interval-numbers .interval-pairs > div { justify-content: flex-start; padding-left: 34px; border-right: 1px solid #e1e9ee; }
body[data-page="intervals"] .interval-numbers .interval-pairs > div:nth-child(2n) { background: #fbfdfd; }
body[data-page="intervals"] .interval-numbers .interval-pairs > div:nth-child(8n+5),
body[data-page="intervals"] .interval-numbers .interval-pairs > div:nth-child(8n+6),
body[data-page="intervals"] .interval-numbers .interval-pairs > div:nth-child(8n+7),
body[data-page="intervals"] .interval-numbers .interval-pairs > div:nth-child(8n+8) { background: #f1f7f9; }
body[data-page="intervals"] .interval-numbers .interval-pairs i { display: inline-grid; width: 23px; height: 23px; place-items: center; border-radius: 50%; color: #fff; background: #208db5; font-size: 9px; font-style: normal; }

/* Soft-color desktop canvas: keep the light theme without large pure-white areas. */
body { background: radial-gradient(circle at 12% 18%,rgba(190,222,231,.38),transparent 28%),radial-gradient(circle at 88% 35%,rgba(205,218,235,.32),transparent 26%),#eaf1f5; }
.top-strip { background: #edf4f7; }
.site-header { background: rgba(246,250,252,.98); }
.site-header::after { background: #f1f6f8; }
.inner-page-trail { border-bottom-color: #d5e1e7; background: #e3edf2; }
.panel { border-color: #d3e0e7; background: #f3f8fa; box-shadow: 0 8px 24px rgba(38,76,104,.07); }
.site-footer { background: #e5eef2; }

body[data-page="home"] .market-card { background: #f0f6f8; }
body[data-page="home"] .market-mini-head { background: #dfecef; }
body[data-page="home"] .market-mini-row:nth-child(odd) { background: #edf4f6; }
body[data-page="home"] .market-mini-row:nth-child(even) { background: #f5f8f9; }

body[data-page="forecast"] .forecast-board,
body[data-page="forecast"] .prediction-card { border-color: #cbdce4; background: #edf4f6; box-shadow: 0 9px 24px rgba(38,76,104,.08); }
body[data-page="forecast"] .forecast-board-title { border-bottom-color: #c8dde5; background: linear-gradient(105deg,#cfe7ec,#e1f0f2 72%,#d8e9ef); }
body[data-page="forecast"] .forecast-current-summary { border-bottom-color: #d1e0e6; background: linear-gradient(110deg,#e5f0f3,#eef4f6); }
body[data-page="forecast"] .forecast-next-title { border-bottom-color: #d2e0e6; background: #dfeaf0; }
body[data-page="forecast"] .forecast-probability { background: #e9f1f4; }
body[data-page="forecast"] .probability-group span { border-color: #d1e0e6; background: #f0f5f7; }
body[data-page="forecast"] .prediction-card > header { border-bottom-color: #ccdde4; background: linear-gradient(90deg,#d8eaee,#e7f1f3); }
body[data-page="forecast"] .prediction-card:nth-child(3n+2) > header { background: linear-gradient(90deg,#dfe8f2,#ebf0f6); }
body[data-page="forecast"] .prediction-card:nth-child(3n+3) > header { background: #dceaf0; }
body[data-page="forecast"] .prediction-content { background: #f2f7f8; }
body[data-page="forecast"] .prediction-values b { border-color: #cedee5; background: #e7f0f3; }
body[data-page="forecast"] .prediction-stats { border-color: #cedde4; background: #e7f0f3; }
body[data-page="forecast"] .prediction-history { background: #edf4f6; }
body[data-page="forecast"] .prediction-history > div:nth-child(even) { background: #e5eff2; }
body[data-page="forecast"] .prediction-card header button { background: #edf5f7; }

.guide-intro-card,
.guide-detail-card,
.guide-list-card,
.guide-probability-card { background: #f1f7f8; }
.guide-zone-grid section { background: #e6f0f3; }
.query-card,
.query-result { background: #eef5f7; }
body[data-page="trends"] .chart-panel,
body[data-page="intervals"] .interval-panel,
body[data-page="history"] .history-panel { background: #edf4f6; }
body[data-page="trends"] .desktop-trend-scroll table { background: #f1f6f8; }
body[data-page="trends"] .desktop-trend-scroll .trend-grid tbody tr:nth-child(odd) { background: #f2f7f8; }
body[data-page="trends"] .desktop-trend-tabs button.is-active { background: #dcecf0; }
body[data-page="intervals"] .interval-pairs > div,
body[data-page="intervals"] .interval-numbers .interval-pairs > div:nth-child(2n) { background: #edf4f6; }
body[data-page="history"] .result-table tbody tr:nth-child(odd) { background: #edf4f6; }
body[data-page="history"] .result-table tbody tr:nth-child(even) { background: #f5f8f9; }

/* Official-site palette: deep blue navigation with calm blue-gray data surfaces. */
body { background: #edf3f7; }
.top-strip { color: #6f7f8c; background: #e8f0f5; }
.site-header { background: rgba(247,250,252,.98); box-shadow: 0 4px 16px rgba(23,56,78,.12); }
.site-header::after { border-color: #07557f; background: linear-gradient(90deg,#07547e,#0877a8 52%,#07547e); }
.desktop-nav .nav-item > a { height: 46px; min-height: 46px; margin-top: 0; align-items: center; border-radius: 0; color: rgba(255,255,255,.9); line-height: 1; }
.desktop-nav .nav-item > a:hover,
.desktop-nav .nav-item > a.is-active { color: #fff; background: rgba(2,42,66,.28); }
.desktop-nav .nav-item > a.is-active::after { background: #56c2d4; }
.desktop-nav .nav-dropdown a { color: #526b7e; }
.desktop-nav .nav-dropdown a:hover,
.desktop-nav .nav-dropdown a.is-current { color: #075f8d; background: #e9f2f5; }
.inner-page-trail { border-bottom-color: #d3e0e7; background: #e5edf2; }
.panel { border-color: #cfdee7; background: #f6f9fb; }
.site-footer { border-top: 4px solid #08699b; background: #e5edf2; }
.notice-bar { border-color: #ccdee8; background: #eaf3f7; }
.notice-icon { border-color: #8fbed3; color: #0b6f9d; }
.notice-inner p { color: #587185; }
.notice-inner p strong { color: #125f88; }
.notice-tag { border-color: #b9d4e1; color: #17698f; }

body[data-page="home"] .market-card.amber .market-topline { color: #29485e; background: #eef3fb; }
body[data-page="home"] .market-card.amber .market-name h3,
body[data-page="home"] .market-card.amber .countdown b { color: #24485f; }
.market-card.amber .market-mini-head { color: #31566e; background: #dfecef; }

body[data-page="forecast"] .forecast-board,
body[data-page="forecast"] .prediction-card { border-color: #cfdee7; background: #f6f9fb; }
body[data-page="forecast"] .forecast-board-title { color: #fff; border-bottom-color: #07557f; background: #0875a6; }
body[data-page="forecast"] .forecast-board-title::before { background: #67d0dc; }
body[data-page="forecast"] .forecast-current-summary { background: #eaf1f5; }
body[data-page="forecast"] .forecast-next-title { background: #dce9ef; }
body[data-page="forecast"] .forecast-next-title h3::before { background: #1685b7; }
body[data-page="forecast"] .forecast-probability { background: #edf3f6; }
body[data-page="forecast"] .probability-group span { border-color: #d2e0e7; background: #f6f9fb; }
body[data-page="forecast"] .probability-group span i { background: linear-gradient(90deg,#0878aa,#1ca5c1); }
body[data-page="forecast"] .prediction-card > header,
body[data-page="forecast"] .prediction-card:nth-child(3n+2) > header,
body[data-page="forecast"] .prediction-card:nth-child(3n+3) > header { border-bottom-color: #c8dce5; background: #dceaf0; }
body[data-page="forecast"] .prediction-card > header::before { background: #1685b7; }
body[data-page="forecast"] .prediction-content { background: #f5f8fa; }
body[data-page="forecast"] .prediction-values b { background: #e8f0f4; }
body[data-page="forecast"] .prediction-stats { background: #e8f0f4; }
body[data-page="forecast"] .prediction-history { background: #f3f7f9; }

body[data-page="trends"] .chart-panel,
body[data-page="intervals"] .interval-panel,
body[data-page="history"] .history-panel,
.guide-intro-card,
.guide-detail-card,
.guide-list-card,
.guide-probability-card,
.query-card,
.query-result { background: #f6f9fb; }
body[data-page="trends"] .desktop-trend-tabs button.is-active { color: #fff; background: #0876a6; }
body[data-page="trends"] .trend-section-label,
body[data-page="intervals"] .interval-group h2 { color: #245269; background: #dceaf0; }
body[data-page="trends"] .trend-numbers .trend-section-label { color: #245269; background: #dceaf0; }
body[data-page="trends"] .trend-section-label strong,
body[data-page="intervals"] .interval-group h2 { color: #1b657a; }

/* Guide page: remove the last legacy near-black table surfaces. */
body[data-page="guide"] .guide-list-card dl { border-color: #cadde6; background: #cadde6; }
body[data-page="guide"] .guide-list-card dl div { background: #eaf2f5; }
body[data-page="guide"] .guide-list-card dl div:nth-child(even) { background: #f2f6f8; }
body[data-page="guide"] .guide-list-card dt { color: #075f8c; font-weight: 600; }
body[data-page="guide"] .guide-list-card dd { color: #586c78; }
body[data-page="guide"] .guide-probability-card th { color: #31566e; border-color: #c9dce5; background: #dceaf0; }
body[data-page="guide"] .guide-probability-card thead th:first-child,
body[data-page="guide"] .guide-probability-card tbody th { color: #fff; background: #08709e; }
body[data-page="guide"] .guide-probability-card td { color: #536b78; border-color: #d5e1e7; background: #f3f7f9; }
body[data-page="guide"] .guide-probability-card td:nth-child(even) { background: #eaf1f4; }
body[data-page="guide"] .guide-final-result { color: #65757d; background: #e3eef3; }
body[data-page="guide"] .guide-final-result strong { color: #075d89; }

/* Prediction page: retain the old page's compact information structure with a cleaner blue-gray finish. */
body[data-page="forecast"] .forecast-content { width: min(1200px, calc(100% - 40px)); }
body[data-page="forecast"] .forecast-board,
body[data-page="forecast"] .prediction-card { border-color: #c9deea; border-radius: 2px; background: #fff; box-shadow: none; }
body[data-page="forecast"] .forecast-board-title { min-height: 40px; justify-content: center; padding: 0 18px; border: 0; color: #fff; background: linear-gradient(90deg,#07547e,#0877a8 52%,#07547e); }
body[data-page="forecast"] .forecast-board-title::before { display: none; }
body[data-page="forecast"] .forecast-board-title h2 { font-size: 16px; }
body[data-page="forecast"] .forecast-current-summary { min-height: 41px; grid-template-columns: minmax(210px,1fr) 210px minmax(360px,1.1fr); gap: 12px; padding: 6px 28px; border-bottom-color: #d8e6ee; background: #fff; }
body[data-page="forecast"] .forecast-current-summary > p strong { font-size: 12px; }
body[data-page="forecast"] .forecast-equation { gap: 5px; font-size: 13px; }
body[data-page="forecast"] .forecast-equation b { width: 29px; height: 29px; border-width: 0; font-size: 12px; box-shadow: none; }
body[data-page="forecast"] .forecast-classify { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; }
body[data-page="forecast"] .forecast-classify span,
body[data-page="forecast"] .forecast-current-summary .forecast-classify span + span { padding: 2px 3px; border: 0; background: transparent; white-space: nowrap; }
body[data-page="forecast"] .forecast-classify b { min-width: 23px; height: 23px; display: inline-grid; place-items: center; margin-left: 3px; padding: 0 6px; border-radius: 12px; color: #fff; background: #168fd0; font-size: 10px; }
body[data-page="forecast"] .forecast-next-title { min-height: 37px; padding: 0 28px; background: #fff; }
body[data-page="forecast"] .forecast-next-title h3 { padding-left: 0; color: #263f52; font-size: 12px; }
body[data-page="forecast"] .forecast-next-title h3::before { display: none; }
body[data-page="forecast"] .forecast-probability { padding: 8px 28px 12px; background: #fff; }
body[data-page="forecast"] .probability-grid { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 5px 12px; }
body[data-page="forecast"] .probability-group,
body[data-page="forecast"] .probability-group.probability-four { display: contents; }
body[data-page="forecast"] .probability-group h3 { display: none; }
body[data-page="forecast"] .probability-group span { min-height: 28px; display: grid; grid-template-columns: 48px 34px; align-items: center; justify-content: center; gap: 7px; padding: 0; border: 0; background: transparent; }
body[data-page="forecast"] .probability-group span b { min-width: 48px; height: 24px; display: inline-grid; place-items: center; padding: 0 9px; border-radius: 13px; color: #fff; background: #ef4050; font-size: 10px; }
body[data-page="forecast"] .probability-group span:nth-of-type(even) b { background: #168fd0; }
body[data-page="forecast"] .probability-group span em { width: 34px; color: #435361; font-size: 10px; font-variant-numeric: tabular-nums; text-align: left; }
body[data-page="forecast"] .probability-group span i { display: none; }

body[data-page="forecast"] .forecast-prediction-list { margin-top: 0; border-right: 1px solid #c9deea; border-left: 1px solid #c9deea; }
body[data-page="forecast"] .prediction-card { border: 0; border-bottom: 1px solid #d8e6ee; }
body[data-page="forecast"] .prediction-card + .prediction-card { margin-top: 0; }
body[data-page="forecast"] .prediction-card > header { min-height: 31px; padding: 0 20px 0 29px; border: 0; background: #e2f2fb; }
body[data-page="forecast"] .prediction-card > header::before { display: none; }
body[data-page="forecast"] .prediction-card h2 { color: #263f52; font-size: 12px; }
body[data-page="forecast"] .prediction-card header button { padding: 0; border: 0; border-radius: 0; color: #1083c6; background: transparent; font-size: 10px; }
body[data-page="forecast"] .prediction-card header button::after { content: " »"; }
body[data-page="forecast"] .prediction-card header button:hover,
body[data-page="forecast"] .prediction-card header button.is-active { color: #075f91; border: 0; background: transparent; }
body[data-page="forecast"] .prediction-content { min-height: 99px; grid-template-columns: minmax(370px,.95fr) minmax(430px,1.05fr); gap: 38px; padding: 12px 58px 12px 29px; background: #fff; }
body[data-page="forecast"] .prediction-values { gap: 8px; }
body[data-page="forecast"] .prediction-values section { grid-template-columns: 48px minmax(0,1fr) 34px; }
body[data-page="forecast"] .prediction-values section > div { align-items: center; gap: 8px; }
body[data-page="forecast"] .prediction-values b { min-width: 25px; height: 25px; padding: 0 8px; border: 0; border-radius: 13px; color: #fff; background: #ef4050; font-size: 10px; }
body[data-page="forecast"] .prediction-values b.is-current { border: 0; background: #168fd0; box-shadow: none; }
body[data-page="forecast"] .prediction-values b.is-hit-value { color: #fff; background: #19aa72; }
body[data-page="forecast"] .prediction-operator { color: #4f5e68; font-size: 12px; font-style: normal; }
body[data-page="forecast"] .kill-prefix { color: #ed4350; font-size: 12px; font-style: normal; font-weight: 700; }
body[data-page="forecast"] .prediction-outcome { align-self: center; }

/* Home live boards: keep all three market table headers visibly color-coded. */
body[data-page="home"] .market-card.amber .market-mini-head {
    color: #4f3b0d;
    background: #f4b51c;
}
body[data-page="home"] .market-card.cyan .market-mini-head {
    color: #fff;
    background: #159b96;
}
body[data-page="home"] .market-card.violet .market-mini-head {
    color: #fff;
    background: #277eae;
}
body[data-page="forecast"] .prediction-stats { border-color: #c9dfee; border-radius: 0; background: #fff; }
body[data-page="forecast"] .prediction-stats p { min-height: 33px; grid-template-columns: 43% 57%; color: #40515f; }
body[data-page="forecast"] .prediction-stats span { padding: 8px 10px; text-align: center; }
body[data-page="forecast"] .prediction-stats p + p,
body[data-page="forecast"] .prediction-stats span + span { border-color: #c9dfee; }
body[data-page="forecast"] .prediction-history { background: #f8fbfd; }