/* Backup layout. Applies only while <html> has class hearth-bare. */
html.hearth-bare .hearth { min-height: 100vh; background: #f5f1e8; color: #121a14; padding-bottom: 5.5rem; }
html.hearth-bare .night { background: #111a12; color: #f5f1e8; }
html.hearth-bare .night-inner,
html.hearth-bare .bar,
html.hearth-bare .frame { width: min(1120px, calc(100% - 1.5rem)); margin-inline: auto; }
html.hearth-bare .night-inner,
html.hearth-bare .bar,
html.hearth-bare .brand,
html.hearth-bare .lang-row,
html.hearth-bare .seg { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
html.hearth-bare .bar { justify-content: space-between; min-height: 3.6rem; }
html.hearth-bare .brand { border: 0; background: transparent; color: inherit; text-align: left; padding: 0; }
html.hearth-bare .brand img { width: 2.4rem; height: 2.4rem; max-width: 2.4rem; object-fit: cover; border-radius: 0.7rem; }
html.hearth-bare .brand b { letter-spacing: 0.14em; font-size: 0.82rem; }
html.hearth-bare .brand small { display: block; font-size: 0.62rem; letter-spacing: 0.12em; text-transform: uppercase; }
html.hearth-bare .night:not(.open) .night-panel { display: none; }
html.hearth-bare .only-wide { display: none; }
html.hearth-bare button,
html.hearth-bare .navbtn,
html.hearth-bare .chip,
html.hearth-bare .estate,
html.hearth-bare .btn { font: inherit; border-radius: 0.8rem; }
html.hearth-bare .card { background: #fffdf8; border: 1px solid #d9e0d4; border-radius: 1.25rem; padding: 0.8rem; }
html.hearth-bare .dock { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; display: grid; grid-template-columns: repeat(5, 1fr); background: #fffdf8; border-top: 1px solid #d9e0d4; }
html.hearth-bare .banner img,
html.hearth-bare .ad img { width: 100%; max-height: 16rem; object-fit: cover; }
@media (min-width: 1020px) {
  html.hearth-bare .only-wide { display: revert; }
  html.hearth-bare .night:not(.open) .night-panel { display: flex; flex-wrap: wrap; }
}