:root{--site-teal:#008f9d;--site-deep:#073d47;--site-line:#d8eaed;--site-pink:#ef3b70}
body{padding-top:78px!important}
.site-header{position:fixed;inset:0 0 auto 0;z-index:10000;height:78px;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid var(--site-line);display:flex;align-items:center;padding:0 max(18px,calc((100vw - 1240px)/2));gap:18px;box-shadow:0 8px 25px rgba(7,61,71,.07)}
.site-brand{display:flex;align-items:center;flex:0 0 auto}.site-brand img{width:58px!important;height:58px!important;object-fit:contain!important;border-radius:13px}
.site-nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.site-nav a{font:800 13px/1.1 Inter,system-ui,sans-serif;color:#416066;padding:10px 8px;border-radius:10px;white-space:nowrap}.site-nav a:hover,.site-nav a.active{background:#e9f8fa;color:#086f79}.site-login{font:900 13px/1 Inter,system-ui,sans-serif;color:white!important;background:linear-gradient(135deg,#008f9d,#00b5c0);padding:12px 14px!important;border-radius:12px!important;white-space:nowrap;box-shadow:0 8px 20px rgba(0,143,157,.22)}
.site-menu{display:none;border:0;background:#e9f8fa;color:#073d47;border-radius:11px;padding:10px 12px;font-weight:900}
.site-footer{background:#0b333a;color:#d5e5e7;padding:48px max(18px,calc((100vw - 1200px)/2)) 22px;font-family:Inter,system-ui,sans-serif}.site-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px}.site-footer h3{color:#fff;margin:0 0 12px}.site-footer p{max-width:440px}.site-footer a{display:block;color:#d5e5e7;margin:7px 0;text-decoration:none}.site-footer a:hover{color:#fff}.site-footline{border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:18px;font-size:13px;color:#a8c0c4}
.site-footer .compass-footer-grid{grid-template-columns:minmax(230px,1.35fr) minmax(140px,.7fr) minmax(150px,.8fr) minmax(260px,1.2fr);gap:28px 46px;align-items:start}.compass-footer-brand p{margin:0 0 8px;line-height:1.55}.compass-footer-group h3{font-size:17px}.compass-footer-group a{width:fit-content;margin:8px 0}.compass-footer-details p{margin:0 0 14px;line-height:1.45}.compass-footer-details dl{margin:0}.compass-footer-details dl div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.1)}.compass-footer-details dt{color:#9fc1c6;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.compass-footer-details dd{margin:0;color:#fff;overflow-wrap:anywhere}.compass-footer-details dd a{display:inline;margin:0;color:#fff}.compass-footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.premium-page-intro{padding:52px 0 0;background:linear-gradient(135deg,#f3fbfc,#fff 62%,#fff8fb)}
@media(max-width:1120px){.site-menu{display:block;margin-left:auto}.site-nav{display:none;position:absolute;top:70px;left:12px;right:12px;background:#fff;border:1px solid var(--site-line);border-radius:18px;padding:12px;box-shadow:0 24px 70px rgba(7,61,71,.16);grid-template-columns:1fr 1fr}.site-nav.open{display:grid}.site-login{margin-left:0}.site-header{height:70px}.site-brand img{width:52px!important;height:52px!important}body{padding-top:70px!important}}
@media(max-width:650px){.site-nav{grid-template-columns:1fr}.site-footer-grid{grid-template-columns:1fr}.site-login{font-size:0}.site-login:after{content:'Login';font-size:13px}}
@media(max-width:1000px){.site-footer .compass-footer-grid{grid-template-columns:1fr 1fr}.compass-footer-brand,.compass-footer-details{grid-column:span 2}}@media(max-width:650px){.site-footer .compass-footer-grid{grid-template-columns:1fr}.compass-footer-brand,.compass-footer-details{grid-column:auto}.compass-footer-details dl div{grid-template-columns:1fr;gap:2px}.compass-footer-bottom{display:grid}}

/* Compact footer: override page-level legacy footer rules. */
.site-footer{padding:30px max(22px,calc((100vw - 1200px)/2)) 16px!important}
.site-footer .site-footer-grid.compass-footer-grid{display:grid!important;grid-template-columns:1.2fr .68fr .72fr 1.25fr!important;gap:22px 38px!important;align-items:start!important}
.site-footer .compass-footer-brand,.site-footer .compass-footer-group,.site-footer .compass-footer-details{grid-column:auto!important;margin:0!important;padding:0!important}
.site-footer .compass-footer-brand h3,.site-footer .compass-footer-group h3{margin:0 0 8px!important;font-size:16px!important}
.site-footer .compass-footer-brand p{margin:0 0 5px!important;font-size:13px!important;line-height:1.45!important}
.site-footer .compass-footer-group a{display:block!important;margin:5px 0!important;font-size:13px!important;line-height:1.3!important}
.site-footer .compass-footer-details p{margin:0 0 8px!important;font-size:13px!important}
.site-footer .compass-footer-details dl div{grid-template-columns:105px minmax(0,1fr)!important;gap:8px!important;padding:4px 0!important}
.site-footer .compass-footer-details dt{font-size:10px!important}.site-footer .compass-footer-details dd{font-size:12px!important}
.site-footer .site-footline.compass-footer-bottom{display:flex!important;justify-content:space-between!important;margin-top:18px!important;padding-top:12px!important;font-size:11px!important}
@media(max-width:1000px){.site-footer .site-footer-grid.compass-footer-grid{grid-template-columns:1fr 1fr!important}.site-footer .compass-footer-brand,.site-footer .compass-footer-details{grid-column:span 2!important}}
@media(max-width:650px){.site-footer .site-footer-grid.compass-footer-grid{grid-template-columns:1fr!important}.site-footer .compass-footer-brand,.site-footer .compass-footer-details{grid-column:auto!important}.site-footer .compass-footer-details dl div{grid-template-columns:1fr!important}.site-footer .site-footline.compass-footer-bottom{display:grid!important}}

/* Site-wide footer: use the available width and keep company details readable. */
.site-footer .site-footer-grid.compass-footer-grid{
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  grid-template-columns:minmax(210px,1.15fr) minmax(120px,.58fr) minmax(135px,.66fr) minmax(390px,1.8fr)!important;
  column-gap:34px!important;
}
.site-footer .compass-footer-details{
  min-width:0!important;
}
.site-footer .compass-footer-details dl div{
  grid-template-columns:118px minmax(235px,1fr)!important;
}
.site-footer .compass-footer-details dd,
.site-footer .compass-footer-details dd a{
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:nowrap!important;
}
.site-footer .site-footline.compass-footer-bottom{
  width:100%!important;
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:1000px){
  .site-footer .site-footer-grid.compass-footer-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .site-footer .compass-footer-details dl div{
    grid-template-columns:118px minmax(0,1fr)!important;
  }
}
@media(max-width:650px){
  .site-footer .site-footer-grid.compass-footer-grid{grid-template-columns:1fr!important}
  .site-footer .compass-footer-details dl div{grid-template-columns:1fr!important}
  .site-footer .compass-footer-details dd,
  .site-footer .compass-footer-details dd a{white-space:normal!important}
}

/* Remove decorative card/section symbol overlays sitewide. */
.knowledge-icon-v4,
.knowledge-icon,
.section-title-badge,
.pa-dot{
  display:none!important;
}

/* Parent Academy and Knowledge: enlarge the hero photograph and keep the
   reassurance message with the Compass AI support asset instead of over it. */
.parent-academy-page .pa-hero{
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;
}
.parent-academy-page .pa-hero-photo{
  min-height:500px!important;
}
.parent-academy-page .pa-hero-photo>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.parent-academy-page .moved-hero-support{
  position:static!important;
  inset:auto!important;
  width:auto!important;
  max-width:520px!important;
  margin:20px auto 0!important;
  background:#fff!important;
  border:1px solid #dfe5ff!important;
  box-shadow:0 14px 36px rgba(20,34,91,.1)!important;
}
@media(max-width:820px){
  .parent-academy-page .pa-hero{grid-template-columns:1fr!important}
  .parent-academy-page .pa-hero-photo{min-height:360px!important}
}

/* Compact Parent Courses without changing their six-card structure. */
.parent-academy-page #training .course-grid{
  gap:12px!important;
}
.parent-academy-page #training .course-card{
  min-height:0!important;
  border-radius:14px!important;
}
.parent-academy-page #training .course-card>img{
  height:112px!important;
  object-fit:cover!important;
  object-position:center 38%!important;
}
.parent-academy-page #training .course-content{
  padding:14px 14px 12px!important;
  min-height:218px!important;
}
.parent-academy-page #training .course-content h3{
  font-size:17px!important;
  line-height:1.15!important;
  margin-bottom:7px!important;
}
.parent-academy-page #training .course-content p{
  font-size:12px!important;
  line-height:1.45!important;
  margin-bottom:10px!important;
}
.parent-academy-page #training .course-meta{
  margin-top:auto!important;
  font-size:10px!important;
}
.parent-academy-page #training .course-content button{
  min-height:38px!important;
  padding:9px 10px!important;
}
.parent-academy-page #training .course-badge{
  display:none!important;
}

/* Membership panel beside Compass AI. */
.parent-academy-page #ai .join-compass-panel{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:28px!important;
  max-width:none!important;
  margin:22px 0 0!important;
  padding:26px 28px!important;
  border:1px solid #d9d2ff!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(65,42,150,.1)!important;
}
.join-kicker{
  display:block;
  color:#6438e8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  margin-bottom:7px;
}
.parent-academy-page #ai .join-compass-panel h3{
  margin:0 0 6px!important;
  color:#10275c!important;
  font-size:24px!important;
  line-height:1.15!important;
}
.parent-academy-page #ai .join-compass-panel p{
  margin:0!important;
  max-width:660px;
  color:#526487!important;
}
.join-compass-actions{display:flex;gap:12px;flex-wrap:wrap}
.join-compass-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-width:184px;
  padding:14px 17px;
  border-radius:13px;
  font-weight:900;
  text-decoration:none;
}
.join-family{background:#6237e7;color:#fff!important;box-shadow:0 8px 18px rgba(98,55,231,.22)}
.join-staff{background:#fff;color:#0b8693!important;border:2px solid #0fa1ad}
@media(max-width:850px){
 .parent-academy-page #ai .join-compass-panel{grid-template-columns:1fr!important}
 .join-compass-actions a{flex:1 1 190px}
}

/* Knowledge cards: force every supplied photograph to fill its complete
   media holder, overriding older contain/padding rules. */
body.parent-academy-page.knowledge-v2-page main.kc-page .pa-card>img,
body.parent-academy-page.knowledge-v2-page main.kc-page #topicGrid .kc-topic>img{
  display:block!important;
  width:100%!important;
  height:140px!important;
  min-height:140px!important;
  max-height:140px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

/* Full Parent Academy card audit: consistent media, contained copy and
   aligned actions while preserving the existing section structure. */
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page .pa-card,
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page .course-card{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:16px!important;
}
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page .pa-card>img,
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page .course-card>img{
  display:block!important;
  width:100%!important;
  height:150px!important;
  min-height:150px!important;
  max-height:150px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center 38%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#eef4f8!important;
}
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page .pa-card-body,
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page .course-content{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
}
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page .pa-card-body h3,
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page .course-content h3{
  min-height:2.35em!important;
  margin-top:0!important;
  overflow-wrap:anywhere!important;
}
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page .pa-card-body p,
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page .course-content p{
  overflow-wrap:anywhere!important;
}
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page .pa-card-body button,
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page .course-content button{
  margin-top:auto!important;
}
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page #training .course-card>img{
  height:112px!important;
  min-height:112px!important;
  max-height:112px!important;
}

/* Full-image presentation requested across Parent Academy and Knowledge:
   larger holders with no crop of the supplied artwork. */
body.parent-academy-page main.pa-page .pa-card>img,
body.parent-academy-page main.pa-page .course-card>img,
body.parent-academy-page.knowledge-v2-page main.kc-page .pa-card>img,
body.parent-academy-page.knowledge-v2-page main.kc-page #topicGrid .kc-topic>img{
  display:block!important;
  width:100%!important;
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  background:#fff!important;
}

/* Knowledge ZIP crops are naturally about 340 × 160. Render them near their
   native ratio so they stay sharp and fill the holder without white bands. */
body.parent-academy-page.knowledge-v2-page main.kc-page .pa-card>img,
body.parent-academy-page.knowledge-v2-page main.kc-page #topicGrid .kc-topic>img{
  height:160px!important;
  min-height:160px!important;
  max-height:160px!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  vertical-align:top!important;
}

/* Remove thin source-edge bands from Knowledge imagery.  The cards retain
   their exact dimensions; only the bitmap is enlarged enough to conceal the
   supplied image's outermost pixels. */
body.knowledge-v2-page main.kc-page
  :is(.knowledge-feature-row,#topicGrid,#guides,#ai) .pa-card>img,
body.knowledge-v2-page main.kc-page #guides .course-card>img{
  transform:scale(1.12)!important;
  transform-origin:center center!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body.knowledge-v2-page main.kc-page .knowledge-feature-row .pa-card>img{
  transform:scale(1.15)!important;
}
body.knowledge-v2-page main.kc-page #topicGrid .kc-topic>img{
  transform:scale(1.12)!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:transparent!important;
  margin-bottom:-1px!important;
}
body.knowledge-v2-page main.kc-page
  :is(.knowledge-feature-row,#topicGrid,#guides,#ai) :is(.pa-card,.course-card){
  overflow:hidden!important;
}

/* New This Week uses horizontal cards: image fills the complete left column. */
body.parent-academy-page.knowledge-v2-page main.kc-page .knowledge-feature-row .pa-card{
  display:grid!important;
  grid-template-columns:44% 56%!important;
  grid-template-rows:1fr!important;
  min-height:240px!important;
  overflow:hidden!important;
}
body.parent-academy-page.knowledge-v2-page main.kc-page .knowledge-feature-row .pa-card>img{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  height:100%!important;
  min-height:240px!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  align-self:stretch!important;
}
body.parent-academy-page.knowledge-v2-page main.kc-page .knowledge-feature-row .pa-card>.pa-card-body{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  height:100%!important;
}

/* Knowledge Deep-Dive Guides: compact cards with clean title-matched images. */
body.knowledge-v2-page main.kc-page #guides{
  background:#fff!important;
}
body.knowledge-v2-page main.kc-page #guides .kc-course-grid{
  gap:14px!important;
  align-items:stretch!important;
}
body.knowledge-v2-page main.kc-page #guides .course-card{
  min-height:0!important;
  height:370px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:16px!important;
}
body.knowledge-v2-page main.kc-page #guides .course-card>img{
  display:block!important;
  width:100%!important;
  height:125px!important;
  min-height:125px!important;
  max-height:125px!important;
  object-fit:cover!important;
  object-position:center 38%!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
}
body.knowledge-v2-page main.kc-page #guides .course-content{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
  padding:12px 14px!important;
}
body.knowledge-v2-page main.kc-page #guides .course-content h3{
  min-height:2.35em!important;
  margin:0 0 6px!important;
  font-size:16px!important;
  line-height:1.18!important;
  overflow-wrap:anywhere!important;
}
body.knowledge-v2-page main.kc-page #guides .course-content p{
  margin:0 0 8px!important;
  font-size:12px!important;
  line-height:1.45!important;
}
body.knowledge-v2-page main.kc-page #guides .course-meta{
  margin-top:auto!important;
  font-size:10px!important;
}
body.knowledge-v2-page main.kc-page #guides .course-content button{
  min-height:38px!important;
  padding:9px 10px!important;
}
@media(max-width:760px){
  body.knowledge-v2-page main.kc-page #guides .course-card{height:auto!important}
}

/* Knowledge Printable Downloads: compact, aligned cards with the complete
   title-matched artwork kept inside a shorter media holder. */
body.knowledge-v2-page main.kc-page #downloads{
  background:#fff!important;
}
body.knowledge-v2-page main.kc-page #downloads .pa-grid-6{
  gap:14px!important;
  align-items:stretch!important;
}
body.knowledge-v2-page main.kc-page #downloads .pa-card.resource{
  height:350px!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:16px!important;
}
body.knowledge-v2-page main.kc-page #downloads .pa-card.resource>img{
  display:block!important;
  width:100%!important;
  height:138px!important;
  min-height:138px!important;
  max-height:138px!important;
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  background:#fff!important;
}
body.knowledge-v2-page main.kc-page #downloads .pa-card-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
  padding:15px!important;
}
body.knowledge-v2-page main.kc-page #downloads .pa-card-body h3{
  min-height:2.35em!important;
  margin:0 0 7px!important;
  font-size:17px!important;
  line-height:1.18!important;
  overflow-wrap:anywhere!important;
}
body.knowledge-v2-page main.kc-page #downloads .pa-card-body p{
  margin:0 0 10px!important;
  font-size:12px!important;
  line-height:1.4!important;
}
body.knowledge-v2-page main.kc-page #downloads .pa-card-body button{
  min-height:38px!important;
  margin-top:auto!important;
  padding:8px 9px!important;
}
@media(max-width:760px){
  body.knowledge-v2-page main.kc-page #downloads .pa-card.resource{height:auto!important}
}

/* Knowledge Five Minute Tips: complete photos and one compact card height. */
body.knowledge-v2-page main.kc-page #tips{
  background:#fff!important;
}
body.knowledge-v2-page main.kc-page #tips .pa-grid-6{
  gap:14px!important;
  align-items:stretch!important;
}
body.knowledge-v2-page main.kc-page #tips .pa-card.tip{
  height:365px!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:16px!important;
}
body.knowledge-v2-page main.kc-page #tips .pa-card.tip>img{
  display:block!important;
  width:100%!important;
  height:150px!important;
  min-height:150px!important;
  max-height:150px!important;
  object-fit:cover!important;
  object-position:center 38%!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
}
body.knowledge-v2-page main.kc-page #tips .pa-card-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
  padding:15px!important;
}
body.knowledge-v2-page main.kc-page #tips .pa-card-body h3{
  min-height:3.45em!important;
  margin:0 0 7px!important;
  font-size:17px!important;
  line-height:1.16!important;
  overflow-wrap:anywhere!important;
}
body.knowledge-v2-page main.kc-page #tips .pa-card-body p{
  margin:0 0 10px!important;
  font-size:12px!important;
  line-height:1.4!important;
}
body.knowledge-v2-page main.kc-page #tips .pa-card-body button{
  min-height:38px!important;
  margin-top:auto!important;
  padding:8px 9px!important;
}
@media(max-width:760px){
  body.knowledge-v2-page main.kc-page #tips .pa-card.tip{height:auto!important}
}

/* Fresh Browse-by-Topic photographs: preserve the existing card/media
   dimensions while filling each holder cleanly.  These images are direct,
   photo-only crops from the newly supplied labelled topic boards. */
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page #topics .pa-card>img[data-fresh-image="topic"]{
  width:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  background:#eef4f8!important;
}

/* Parent Academy remaining cards: keep every existing card/container dimension.
   Only the media itself is fitted inside the established image area. */
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page
  :is(#journeys,#tips,#recommended,#stories) .pa-card>img[data-fresh-image]{
  display:block!important;
  width:100%!important;
  height:190px!important;
  min-height:190px!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#fff!important;
}
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page
  #downloads .pa-card>img[data-fresh-image="download"]{
  display:block!important;
  width:100%!important;
  height:190px!important;
  min-height:190px!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#f7f4ee!important;
}
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page
  #ai .pa-card>img[data-fresh-image="ai"]{
  display:block!important;
  width:100%!important;
  height:190px!important;
  min-height:190px!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:14px!important;
  box-sizing:border-box!important;
  background:#fff!important;
}
body.parent-academy-page:not(.knowledge-v2-page) main.pa-page #popular .pa-card>img[alt="First / Then Boards"]{
  object-fit:contain!important;
  object-position:center center!important;
  background:#f5ead9!important;
}

.site-back-row{width:auto;height:0;margin:0;position:absolute;top:82px;left:18px;transform:none;z-index:20;pointer-events:none}
.site-back-button{border:1px solid #d9cdfd;border-radius:999px;padding:9px 17px;background:#fff;color:#4422a7;font:800 14px/1 inherit;cursor:pointer;box-shadow:0 5px 14px rgba(46,28,116,.08)}
.site-back-button{pointer-events:auto}
.site-first-section{padding-top:12px!important;margin-top:0!important}
@media(max-width:1120px){.site-back-row{top:74px}.site-first-section{padding-top:10px!important}}
.hero-media>.hero-badge{right:0!important;bottom:18px!important;border-radius:22px 0 0 22px!important;max-width:245px!important}
.site-back-button:hover{background:#f5f1ff}
.compass-ai-robot{overflow:hidden!important;padding:0!important;background:#f4efff!important}
.compass-ai-robot img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 32%!important;border-radius:inherit!important}

/* Compact the spaces left behind when the six-item quick-action rows are removed.
   These rules affect section spacing only; card and image dimensions stay intact. */
body.home-page main>.home-hero+.home-section{
  padding-top:34px!important;
}
body.parent-academy-page main.pa-page>.pa-hero+.pa-section,
body.parent-academy-page main.pa-page>.pa-hero+.pa-split{
  margin-top:12px!important;
}
body.knowledge-v2-page main.kc-page>.kc-hero+.pa-section{
  margin-top:12px!important;
}
body.community-page main>.hero+#events,
body main#main>.hero+#events{
  padding-top:36px!important;
}
body.training-page main>.hero+.content,
body main>.hero+.content{
  padding-top:34px!important;
}
body.resources-page main>.hero+section,
body.resources-page main>.hero+div{
  margin-top:0!important;
  padding-top:34px!important;
}
main>.site-first-section+section{
  margin-top:0;
}
@media(max-width:760px){
  body.home-page main>.home-hero+.home-section,
  body.community-page main>.hero+#events,
  body main#main>.hero+#events,
  body.training-page main>.hero+.content,
  body main>.hero+.content,
  body.resources-page main>.hero+section,
  body.resources-page main>.hero+div{
    padding-top:24px!important;
  }
}
body.community-page .hero-media>img,
body:has(main#main #events) .hero-media>img{
  object-fit:contain!important;
  object-position:center!important;
  background:#f6f3fb!important;
}

/* Consistent vertical rhythm across standard content pages. */
body>section:not(.hero),
main>section:not(.hero):not(.home-hero):not(.pa-hero):not(.pa-section):not(.pa-split):not(.workspace-banner){
  padding-top:48px!important;
  padding-bottom:48px!important;
}
body>section+section,
main>section+section{
  margin-top:0!important;
}
@media(max-width:760px){
  body>section:not(.hero),
  main>section:not(.hero):not(.home-hero):not(.pa-hero):not(.pa-section):not(.pa-split):not(.workspace-banner){
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
}