/* Layout adapter for MACCHINA; common navigation stays independent of React. */
body { padding-top: var(--ft-platform-height) !important; }
html { scroll-padding-top: calc(105px + var(--ft-platform-height)) !important; }
.header { top: var(--ft-platform-height) !important; }
.reading-progress { top: calc(87px + var(--ft-platform-height)) !important; }
.reading-aside { top: calc(125px + var(--ft-platform-height)) !important; }
.calc-result { top: calc(120px + var(--ft-platform-height)) !important; }
.atelier-picture, .china-showroom-media { top: calc(105px + var(--ft-platform-height)) !important; }
.room-visual { top: calc(112px + var(--ft-platform-height)) !important; }
.room-live-price { top: calc(108px + var(--ft-platform-height)) !important; }
.skip:focus { top: calc(10px + var(--ft-platform-height)) !important; }
.media-stage-overlay { inset: var(--ft-platform-height) 0 0 !important; }
@media (max-width: 850px) { .reading-progress { top: calc(75px + var(--ft-platform-height)) !important; } }
@media (max-width: 800px) { .room-live-price { top: calc(96px + var(--ft-platform-height)) !important; } }
@media (max-width: 760px) { .atelier-picture { top: calc(72px + var(--ft-platform-height)) !important; } }
@media (max-width: 650px) { .room-live-price { top: calc(80px + var(--ft-platform-height)) !important; } .reading-progress { top: calc(80px + var(--ft-platform-height)) !important; } }
@media print { body { padding-top: 0; } }