/* One vertical rhythm for category, directory index and product profile pages. */
body .directory-layout-content>main{display:block;padding-block:24px 64px;margin:0}
body .directory-layout-content>main>.site-breadcrumbs{padding:0;margin:0 0 24px}
body .directory-layout-content>main>:is(.page-header,.hero.compact){padding:0;margin:0 0 32px}
body .directory-layout-content>main>:is(.page-header,.hero.compact)>.eyebrow{margin:0 0 12px}
body .directory-layout-content>main>:is(.page-header,.hero.compact)>h1{margin:0 0 16px}
body .directory-layout-content>main>:is(.page-header,.hero.compact)>p:not(.eyebrow){margin:0;max-width:48rem}
body .directory-layout-content>main>.page-header>.button{margin-top:24px}
body .directory-layout-content>main>.portfolio-bar{margin:0 0 32px}
body .directory-layout-content>main>.directory-category-grid{margin:0}
body .directory-layout-content .product-profile{gap:24px}
body .directory-layout-content .profile-hero{padding:0 0 32px;margin:0}
body .directory-layout-content .profile-dek{margin:16px 0 0}
body .directory-layout-content .product-profile>.portfolio-bar{margin:0}
body .directory-sidebar-intro{display:grid;align-content:start;gap:8px}
body .directory-sidebar-intro>:is(.eyebrow,.directory-label){margin:0}
body .directory-sidebar-intro>p:last-child{margin:0}
@media(max-width:600px){body .directory-layout-content>main{padding-top:16px}body .directory-layout-content>main>.site-breadcrumbs{margin-bottom:24px}}
@media(max-width:900px){body .directory-mobile-navigation{margin:0;border-bottom:1px solid #e4e4e7}body .directory-mobile-navigation>summary{box-sizing:border-box;min-height:56px;padding:16px 0;font-size:16px;line-height:24px}}