/* Shared viewport contract for every FairyStack page with the platform footer. */
html{height:100%}
body[data-fairystack-shell]{min-height:100%;margin:0}
body[data-fairystack-shell="viewport"]{display:grid;height:100vh;height:100dvh;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;padding-bottom:0}
body[data-fairystack-shell="viewport"]>main{min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain}
body[data-fairystack-shell="viewport"]>.platform-footer{position:static;inset:auto;z-index:5;margin-top:0}
body[data-fairystack-shell="document"]{display:grid;min-height:100vh;min-height:100dvh;grid-template-rows:minmax(0,1fr) auto;padding-bottom:0}
body[data-fairystack-shell="document"]>.platform-footer{position:static;inset:auto;z-index:5;margin-top:0}
body[data-fairystack-shell="conversation"]{padding-bottom:64px}
body[data-fairystack-shell="conversation"]>.platform-footer{position:fixed;inset:auto 0 0;z-index:5;margin-top:0}
@media(max-width:820px){body[data-fairystack-shell="conversation"]{padding-bottom:116px}}