#heritage-live-host[hidden]{display:none!important}
    /* The bootstrap class is attached synchronously in <head> before first paint. */
    html.heritage-booting body>main.wrap,
    html.heritage-booting body>footer.site-footer,
    html.heritage-booting body>nav.tabbar{display:none!important}
    html.heritage-booting body{margin:0;padding:0;background:#eceeeb}
    html.heritage-booting #heritage-live-host[hidden]{display:block!important}
    #heritage-live-host.heritage-ready>.heritage-first-paint{display:none!important}
    /* The first paint is real magazine navigation, not simulated empty cards. */
    .heritage-first-paint{min-height:100vh;background:#eceeeb;color:#eee;font:500 13px/1.8 "Vazirmatn",Tahoma,sans-serif}
    .heritage-first-paint-header{background:#2a2928;min-height:100px;display:flex;align-items:center;padding:12px max(20px,calc((100vw - 1180px)/2))}
    .heritage-first-paint-header img{width:101px;height:auto;max-height:80px;object-fit:contain}
    .heritage-first-paint-nav{min-height:52px;background:#403d3c;display:flex;gap:28px;align-items:center;padding:0 max(20px,calc((100vw - 1180px)/2));color:#eee;overflow:hidden;white-space:nowrap}
    @media(max-width:720px){.heritage-first-paint-header{min-height:78px}.heritage-first-paint-header img{width:77px}.heritage-first-paint-nav{gap:16px;font-size:12px;padding:0 12px}}
    html.heritage-live-active body>main.wrap,
    html.heritage-live-active body>footer.site-footer,
    html.heritage-live-active body>nav.tabbar{display:none!important}
    html.heritage-live-active body{margin:0;padding:0;background:#eceeeb}
    html.heritage-live-active #heritage-live-host{display:block;min-height:100vh}