.km-inner .km-inner-main { color: #232529; background: #f8f8f1; }
.km-inner .km-inner-main [hidden] { display: none !important; }
.km-inner .km-inner-main .books-grid { min-width: 0; }
.km-inner .km-inner-main #match-markets { margin: 0; }

@media (min-width: 768px) {
    .km-inner .km-inner-desktop { display: block; }
    .km-inner #scrollheadr.topHeader {
        position: sticky;
        top: 0;
        width: auto;
        margin-left: 13%;
        box-sizing: border-box;
    }
    .km-inner-content { margin-left: 13%; }
    .km-inner-content .km-mobile,
    .km-inner-content .km-mobile > .app { display: contents; }
    .km-inner-content .km-mobile > .app > :not(.km-inner-main),
    .km-inner-content .km-mobile > :not(.app) { display: none; }
}

@media (max-width: 767px) {
    .km-inner #app-body, .km-inner { overflow: hidden; }
    .km-inner-main {
        height: calc(100dvh - 39px);
        overflow-y: auto;
        padding-bottom: calc(60px + env(safe-area-inset-bottom));
    }
    .km-inner .km-inner-main #match-markets { height: auto; padding: 0; }
    .km-inner .km-inner-main #books-matches { height: auto; padding: 0; }
}
@media (min-width: 480px) and (max-width: 767px) {
    .km-inner-main { height: calc(100dvh - 52px); }
}

.km-odds-meta { display: flex; justify-content: space-between; padding: 8px 12px; }
@media (min-width: 768px) {
    .km-inner .km-inner-desktop { position: sticky; top: 0; z-index: 99; }
    .km-inner #scrollheadr.topHeader { position: relative; }
}
.km-inner .km-inner-main .odds-slip { min-height: 0; }

@media (min-width: 768px) {
    .km-inner #scrollheadr.topHeader { margin-left: 0; background: #000; }
    .km-inner .km-inner-desktop .rightMain { min-height: 0; }
    .km-inner .km-notice {
        display: flex; gap: 10px; align-items: center; margin-top: 10px;
        padding: 5px 12px; background: #414141; color: #fff;
    }
}
.km-inner .km-notice-window { flex: 1; min-width: 0; overflow: hidden; }
.km-inner .km-notice-window span { display: inline-block; white-space: nowrap; animation: inner-notice 23s linear infinite; }
@keyframes inner-notice { from { transform: translateX(100vw); } to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) {
    .km-inner .km-notice-window span { animation: none; }
}

.km-inner dialog:not([open]) { display: none !important; }
.km-inner #books-matches .km-match-section { background: transparent; color: #232529; padding: 0; }
.km-inner #books-matches .km-match-rail { display: block; }
.km-inner #books-matches .km-match-rail > a { background: #fff; color: #232529; }

@media (min-width: 768px) {
    .km-inner .km-inner-desktop { pointer-events: none; }
    .km-inner .km-inner-desktop .leftMain,
    .km-inner .km-inner-desktop #scrollheadr { pointer-events: auto; }
}