/* HTML content is part of the document and scrolls with the whole page. */
html{height:auto!important;overflow:visible!important;background:var(--site-bg)}
body{width:auto!important;max-width:none!important;height:auto!important;min-height:100vh;margin:0!important;padding:0!important;overflow:visible!important;background:var(--site-bg)!important}
johnxu-chrome{display:block!important;clear:both}
#johnxu-html-content{box-sizing:border-box;max-width:1136px;min-width:0;margin:0 auto;padding:0 48px;overflow-wrap:anywhere;display:flow-root}
#johnxu-html-content>main,#johnxu-html-content>.wrap{width:100%;max-width:none;margin:0;padding:0 0 40px;min-height:0;background:transparent}
#johnxu-html-content img,#johnxu-html-content video{max-width:100%;height:auto}
@media(max-width:700px){#johnxu-html-content{padding:0 24px}}

/* Pin the isolated site header independently of the original report body. */
johnxu-chrome.johnxu-navigation{position:sticky!important;top:0!important;z-index:100!important;background:#080f1d;}
html{scroll-padding-top:112px}#johnxu-html-content{max-width:1200px;padding:0 40px}
@media(max-width:1000px){#johnxu-html-content{padding:0 28px}}
@media(max-width:700px){html{scroll-padding-top:134px}#johnxu-html-content{padding:0 18px}}

/* Keep the game's existing dark palette readable on the v6 canvas in either system appearance. */
#johnxu-html-content>.cat-game{--cat-ink:#f0e1cd;--cat-muted:#bba997;--cat-orange:#f0ad75;--cat-panel:#24272b;--cat-line:#45423e;--cat-board:#514b43;--cat-cell:#635c52;--cat-button:#343538}