/* Fleet section rhythm. Loaded only by the independent project shells, never status. */
html:root{--fleet-section-gap:32px;--fleet-block-gap:24px;--fleet-text-gap:16px}
html:root body>main{padding-bottom:0!important;margin-bottom:0!important}
html:root body>main:has(+.ukapp-name-shell){flex:0 0 auto}
html:root main>:is(section,article,.workspace,.pdf-tools-grid,.video-tools,.video-workspace,.benefits,.related,.steps3){margin-block:var(--fleet-section-gap) 0!important}
html:root main>:is(section,article,.workspace,.pdf-tools-grid,.video-tools,.video-workspace,.benefits,.related,.steps3):first-child{margin-top:0!important}
html:root main>:last-child{margin-bottom:0!important}
html:root main>:is(.video-guide,.prose,.help,.note,.closing):last-child{padding-bottom:0!important}
html:root main>:is(.video-guide,.prose,.help,.note,.closing):last-child>:last-child{margin-bottom:0!important}
html:root .ukapp-name-shell{margin-block:var(--fleet-section-gap) 0!important}
html:root :is(.ukapp-partner-section,.video-partners){margin-block:var(--fleet-section-gap) 0!important;padding-block:var(--fleet-block-gap)!important}
html:root body>.service-assurances{margin-block:var(--fleet-section-gap) 0!important}
html:root :is(body>footer,footer.pool-footer,footer.ip-corporate-footer,footer.weather-footer){margin-top:var(--fleet-section-gap)!important}
html:root :is(.ukapp-partner-section,.video-partners)+footer{margin-top:var(--fleet-section-gap)!important}
html:root :is(.ukapp-partner-section,.video-partners) h2{margin-bottom:var(--fleet-text-gap)!important}
html:root .ip-developer{padding-bottom:0!important}
html:root .ip-developer .info{margin-bottom:var(--fleet-block-gap)}
html:root .ip-developer .account-metrics>.info,html:root .ip-developer .account-columns>.info{margin-bottom:0}
html:root .ip-developer :is(.account-metrics,.account-columns){gap:var(--fleet-block-gap)}
html:root .ip-developer .info>:last-child{margin-bottom:0}
html:root :is(.legal-content,.legal-body,.policy-content)>section{margin-block:var(--fleet-block-gap)}
html:root :is(.legal-content,.legal-body,.policy-content)>section:last-child{margin-bottom:0}
html:root :is(.legal-content,.legal-body,.policy-content){overflow-wrap:anywhere}

/* Text-only introductions and guides have no extra invisible bottom padding. */
html[data-fleet-layout=video] main>.video-hero{padding-bottom:0}
html[data-fleet-layout=video] main>.video-home-features{gap:var(--fleet-block-gap)}
html[data-fleet-layout=video] .video-guide{max-width:none}
html[data-fleet-layout=go] main>.section:last-child{padding-bottom:0}
html[data-fleet-layout=weather] main>.band{margin-block:var(--fleet-section-gap) 0!important}
html[data-fleet-layout=ip] main,html[data-fleet-layout=selfhost] main{row-gap:0!important}
html[data-fleet-layout=media] main{padding-bottom:var(--fleet-block-gap)!important}
html[data-fleet-layout=media] main>footer{margin-top:var(--fleet-section-gap)}

/* PHP projects use a .wrap content shell instead of <main>. */
html:root body>.wrap,html[data-fleet-layout=backlinks] body>.wrap{padding-bottom:0}
html:root body>.wrap>:is(section,article,.post-grid,.categories,.card,.grid),
html[data-fleet-layout=backlinks] body>.wrap>:is(section,article,.card,.grid){margin-block:var(--fleet-section-gap) 0!important}
html[data-fleet-layout=backlinks] body>.wrap>section:first-of-type{margin-top:0!important}
html:root body>.wrap>:last-child,html[data-fleet-layout=backlinks] body>.wrap>:last-child{margin-bottom:0!important}
html[data-fleet-layout=backlinks] .sec{padding-block:0}
html[data-fleet-layout=backlinks] :is(.feat,.steps,.plans),html:root :is(.grid,.post-grid){gap:var(--fleet-block-gap)}

/* Show's React shell and Calc's WordPress shell retain their own grids. */
html[data-fleet-layout=show] :is(.how-section,.collection-links,.collection-section,.site-assurances){margin-block:var(--fleet-section-gap) 0}
html[data-fleet-layout=show] .account-panel-grid{gap:var(--fleet-block-gap)}
html[data-fleet-layout=calc] .site-main>.shell{padding-bottom:0}
html[data-fleet-layout=calc] .site-main>.shell>section{margin-block:var(--fleet-section-gap) 0}
html[data-fleet-layout=calc] .site-main>.shell>section:first-child{margin-top:0}
@media(max-width:700px){html:root{--fleet-section-gap:24px;--fleet-block-gap:20px}}