/* Home content groups: articles, audio, products, making, profile.
   Keep the Hero, newsletter form and page scripts under their existing styles. */
body.mainsite[data-body-variant="03"] #top > section#start > .wrap > .ks.content-entry-cards{
  grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;
}
body.mainsite[data-body-variant="03"] #top > section#start .content-entry-cards .kc{
  padding:24px;min-width:0;
}
body.mainsite[data-body-variant="03"] #top > section#free .article-summary{
  display:block;margin-top:10px;font-size:16px;line-height:1.9;color:#595959;
}
body.mainsite[data-body-variant="03"] #top > section#free .article-title{display:block}
body.mainsite[data-body-variant="03"] #top > section > .wrap > .content-support{
  min-width:0;padding-top:32px;margin-top:6px;border-top:1px solid #dfd8ca;
}
body.mainsite[data-body-variant="03"] #top > section#products > .wrap > .content-support{grid-column:1 / -1}
body.mainsite[data-body-variant="03"] #top > section#profile > .wrap > .content-support{grid-column:2}
body.mainsite[data-body-variant="03"] #top > section .content-support > h3{
  margin:0 0 12px;font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.5;
}
body.mainsite[data-body-variant="03"] #top > section .content-support > p{
  margin:0 0 18px;color:#595959;font-size:16px;line-height:1.9;
}
body.mainsite[data-body-variant="03"] #top > section#works > .wrap > .works-note{
  grid-column:1 / -1;max-width:54rem;margin:0;color:#595959;font-size:16px;line-height:1.9;
}
body.mainsite #marketing,body.mainsite #making-article,body.mainsite .content-support{scroll-margin-top:140px}
body.mainsite .sheet .sheet-seminar-cta{
  display:flex;align-items:center;justify-content:center;gap:12px;
  max-width:680px;min-height:48px;margin:28px auto 0;padding:14px 20px;
  border:1px solid #17151a;border-radius:999px;background:#17151a;color:#fff;
  font-family:var(--sans);font-size:16px;line-height:1.5;text-align:center;
}
body.mainsite footer.sitefoot .footer-seminar-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  max-width:100%;min-height:48px;margin:0 0 28px;padding:12px 20px;
  border:1px solid #17151a;border-radius:999px;background:#17151a;color:#fff;
  font-family:var(--sans);font-size:16px;line-height:1.5;text-decoration:none;text-align:center;
}
body.mainsite .sheet .sheet-seminar-cta:focus-visible,
body.mainsite footer.sitefoot .footer-seminar-cta:focus-visible{outline:3px solid #735320;outline-offset:4px}
@media(max-width:1199px){
  body.mainsite[data-body-variant="03"] #top > section#start > .wrap > .ks.content-entry-cards{
    grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;
  }
}
@media(max-width:767px){
  body.mainsite[data-body-variant="03"] #top > section#start > .wrap > .ks.content-entry-cards{
    grid-template-columns:minmax(0,1fr);
  }
  body.mainsite[data-body-variant="03"] #top > section > .wrap > .content-support{margin-top:30px;padding-top:26px}
}
/* Preserve the existing exposure gate for independent seminar links. */
body.mainsite[data-event-exposure="off"] .sheet .sheet-seminar-cta,
body.mainsite[data-event-exposure="off"] footer.sitefoot .footer-seminar-cta{display:none}

/* The adopted work example sits before the four existing making categories. */
body.mainsite[data-body-variant="03"] #top > section#works > .wrap > .work-example{
  grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  align-items:center;gap:clamp(24px,3vw,48px);
}
body.mainsite[data-body-variant="03"] #works .work-example > img{
  display:block;width:100%;height:auto;margin:0;
}
body.mainsite[data-body-variant="03"] #works .work-example > .pb{padding:0;gap:16px}
body.mainsite[data-body-variant="03"] #works .work-example .m{flex:initial;line-height:1.9}
body.mainsite[data-body-variant="03"] #works .work-example .btns{margin-top:4px}
body.mainsite[data-body-variant="03"] #works .work-example .btn{max-width:100%}
body.mainsite[data-event-exposure="off"] #works .work-example-event{display:none}
@media(max-width:767px){
  body.mainsite[data-body-variant="03"] #top > section#works > .wrap > .work-example{
    grid-template-columns:minmax(0,1fr);
  }
}
@media(max-width:767px){
  body.mainsite[data-body-variant="03"] #top > section#works > .wrap > .work-example{margin-bottom:22px}
}
