/* Charta 4.4.9 — compact website directory and exact homepage sidebar component */
body.charta-website-directory-page{
  overflow-x:hidden;
}
body.charta-website-directory-page .site-content.charta-reading-page{
  padding-top:clamp(18px,2vw,30px)!important;
  padding-bottom:clamp(28px,3vw,48px)!important;
}
body.charta-website-directory-page .site-content>.wp-block-columns{
  align-items:flex-start!important;
  gap:clamp(18px,2vw,28px)!important;
}
body.charta-website-directory-page .site-content>.wp-block-columns>.post-wrapper{
  min-width:0!important;
  flex-basis:calc(100% - 344px)!important;
}
body.charta-website-directory-page .site-content>.wp-block-columns>.sidebar-wrapper{
  min-width:0!important;
  flex-basis:316px!important;
}
body.charta-website-directory-page .post-wrapper>.wp-block-group.has-white-background-color,
body.charta-website-directory-page .post-wrapper .charta-article-card{
  padding:clamp(18px,2vw,26px)!important;
}
body.charta-website-directory-page .post-wrapper .wp-block-post-title{
  margin:0 0 14px!important;
  line-height:1.2!important;
}
body.charta-website-directory-page .charta-site-directory{
  display:grid!important;
  gap:1rem!important;
}
body.charta-website-directory-page .charta-directory-intro{
  padding:1rem 1.15rem!important;
  border-radius:14px!important;
}
body.charta-website-directory-page .charta-directory-intro h2{
  margin:0 0 .35rem!important;
  font-size:1.3rem!important;
  line-height:1.3!important;
}
body.charta-website-directory-page .charta-directory-intro p{
  margin:0!important;
  font-size:.9rem!important;
  line-height:1.55!important;
}
body.charta-website-directory-page .charta-directory-tabs{
  gap:.45rem!important;
  margin:0!important;
}
body.charta-website-directory-page .charta-directory-tabs a{
  padding:.38rem .72rem!important;
  font-size:.84rem!important;
  line-height:1.25!important;
}
body.charta-website-directory-page .charta-directory-section{
  display:grid!important;
  gap:.65rem!important;
  scroll-margin-top:5rem!important;
}
body.charta-website-directory-page .charta-directory-section>header{
  align-items:center!important;
  gap:.75rem!important;
  margin:0!important;
  padding:0 0 .55rem!important;
}
body.charta-website-directory-page .charta-directory-section>header h2,
body.charta-website-directory-page .charta-directory-section>header p{
  margin:0!important;
}
body.charta-website-directory-page .charta-directory-section>header h2{
  font-size:1.18rem!important;
  line-height:1.3!important;
}
body.charta-website-directory-page .charta-directory-section>header p{
  font-size:.84rem!important;
  line-height:1.45!important;
}
body.charta-website-directory-page .charta-directory-grid{
  gap:.72rem!important;
}
body.charta-website-directory-page .charta-site-card{
  border-radius:12px!important;
}
body.charta-website-directory-page .charta-site-card__link{
  gap:.72rem!important;
  padding:.78rem .82rem!important;
  align-items:flex-start!important;
}
body.charta-website-directory-page .charta-site-card__logo{
  flex-basis:46px!important;
  width:46px!important;
  height:46px!important;
  border-radius:10px!important;
}
body.charta-website-directory-page .charta-site-card__title{
  gap:.38rem!important;
}
body.charta-website-directory-page .charta-site-card__title h3{
  font-size:.98rem!important;
  line-height:1.35!important;
}
body.charta-website-directory-page .charta-site-card__title span{
  padding:.1rem .36rem!important;
  font-size:.66rem!important;
}
body.charta-website-directory-page .charta-site-card__body p{
  margin:.28rem 0 .42rem!important;
  font-size:.83rem!important;
  line-height:1.48!important;
}
body.charta-website-directory-page .charta-site-card__body strong{
  font-size:.78rem!important;
}
/* The sidebar is now rendered by the same homepage function. Keep its exact visual rhythm. */
body.charta-website-directory-page .charta-enterprise-sidebar{
  display:grid!important;
  gap:.85rem!important;
  width:100%!important;
}
body.charta-website-directory-page .charta-enterprise-sidebar.is-sticky{
  position:sticky!important;
  top:96px!important;
}
body.charta-website-directory-page .charta-enterprise-sidebar .charta-webmaster-card,
body.charta-website-directory-page .charta-enterprise-sidebar .charta-member-card,
body.charta-website-directory-page .charta-enterprise-sidebar .charta-enterprise-sidebar-widget,
body.charta-website-directory-page .charta-enterprise-sidebar .charta-friend-links{
  margin:0!important;
}
@media (max-width:1180px){
  body.charta-website-directory-page .site-content>.wp-block-columns{
    flex-wrap:wrap!important;
  }
  body.charta-website-directory-page .site-content>.wp-block-columns>.post-wrapper,
  body.charta-website-directory-page .site-content>.wp-block-columns>.sidebar-wrapper{
    flex-basis:100%!important;
    width:100%!important;
  }
  body.charta-website-directory-page .charta-enterprise-sidebar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.charta-website-directory-page .charta-enterprise-sidebar.is-sticky{
    position:static!important;
  }
}
@media (max-width:782px){
  body.charta-website-directory-page .post-wrapper>.wp-block-group.has-white-background-color,
  body.charta-website-directory-page .post-wrapper .charta-article-card{
    padding:16px!important;
  }
  body.charta-website-directory-page .charta-directory-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.charta-website-directory-page .charta-enterprise-sidebar{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:560px){
  body.charta-website-directory-page .charta-directory-grid{
    grid-template-columns:1fr!important;
  }
  body.charta-website-directory-page .charta-directory-section>header{
    display:block!important;
  }
  body.charta-website-directory-page .charta-directory-section>header p{
    margin-top:.28rem!important;
  }
}

/* 4.4.9: preserve exact homepage webmaster component proportions. */
body.charta-website-directory-page .charta-enterprise-sidebar .charta-webmaster-card{
  width:100%!important;
  box-sizing:border-box!important;
}
body.charta-website-directory-page .charta-enterprise-sidebar .charta-webmaster-profile__avatar{
  width:75px!important;
  height:75px!important;
  flex:0 0 75px!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
}
body.charta-website-directory-page .charta-enterprise-sidebar .charta-webmaster-profile__content{
  min-width:0!important;
}