/* Canonical related-guidance component: one hierarchy, explicit 2/3/4-link layouts. */
html body main .jcc-related-guidance{
  width:100%;
  margin:0;
  padding:clamp(54px,6vw,76px) 0;
  background:var(--jcc-brand-warm-white,#f2f0ec);
}
html body main .jcc-related-guidance__inner{
  width:min(calc(100% - 64px),1180px);
  margin:0 auto;
}
html body main .jcc-related-guidance__header{
  width:100%;
  margin:0 0 clamp(24px,3vw,34px);
  padding:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body main .jcc-related-guidance__eyebrow{
  margin:0 0 12px!important;
  color:#626761!important;
  font-family:'Hanken Grotesk',system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.3!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
html body main .jcc-related-guidance__header h2{
  max-width:24ch;
  margin:0!important;
  color:var(--jcc-brand-charcoal-deep,#202020)!important;
  font-family:'Libre Caslon Text',Georgia,serif!important;
  font-size:clamp(34px,4vw,54px)!important;
  font-weight:400!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  text-wrap:balance;
}
html body main .jcc-related-guidance__grid{
  display:grid;
  gap:14px;
  align-items:stretch;
}
html body main .jcc-related-guidance__grid--2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
html body main .jcc-related-guidance__grid--3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
html body main .jcc-related-guidance__grid--4{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
html body main .jcc-related-guidance__card{
  position:relative;
  display:flex;
  min-width:0;
  min-height:152px;
  height:100%;
  padding:24px 64px 24px 26px;
  align-items:flex-start;
  color:var(--jcc-brand-charcoal-deep,#202020)!important;
  background:#fffdf8;
  border:1px solid #cecac2;
  border-radius:0;
  box-shadow:none;
  text-decoration:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
html body main .jcc-related-guidance__title{
  max-width:24ch;
  color:#2b302c!important;
  font-family:'Libre Caslon Text',Georgia,serif!important;
  font-size:clamp(22px,1.7vw,25px)!important;
  font-weight:600!important;
  line-height:1.18!important;
  text-wrap:balance;
}
html body main .jcc-related-guidance--3 .jcc-related-guidance__card{
  min-height:164px;
}
html body main .jcc-related-guidance__arrow{
  position:absolute;
  top:22px;
  right:22px;
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  color:var(--jcc-brand-forest,#355b4a)!important;
  border:1px solid currentColor;
  border-radius:50%;
  font-family:'Hanken Grotesk',system-ui,sans-serif!important;
  font-size:17px!important;
  font-weight:400!important;
  line-height:1!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
html body main .jcc-related-guidance__card:hover{
  border-color:var(--jcc-brand-gold,#dda646);
  box-shadow:0 9px 22px rgba(32,32,32,.07);
  transform:translateY(-2px);
}
html body main .jcc-related-guidance__card:is(:hover,:focus-visible) .jcc-related-guidance__arrow{
  color:#202020!important;
  background:var(--jcc-brand-gold,#dda646);
  border-color:var(--jcc-brand-gold,#dda646);
  transform:translateX(2px);
}
html body main .jcc-related-guidance__card:focus-visible{
  border-color:var(--jcc-brand-gold,#dda646);
  outline:3px solid var(--jcc-brand-gold,#dda646);
  outline-offset:4px;
  box-shadow:0 12px 28px rgba(32,32,32,.1);
}

@media(max-width:900px){
  html body main .jcc-related-guidance__grid--3,
  html body main .jcc-related-guidance__grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  html body main .jcc-related-guidance{padding:48px 0}
  html body main .jcc-related-guidance__inner{width:min(calc(100% - 40px),620px)}
  html body main .jcc-related-guidance__grid--2,
  html body main .jcc-related-guidance__grid--3,
  html body main .jcc-related-guidance__grid--4{grid-template-columns:1fr}
  html body main .jcc-related-guidance__header h2{font-size:clamp(31px,8.5vw,42px)!important}
  html body main .jcc-related-guidance__card,
  html body main .jcc-related-guidance--3 .jcc-related-guidance__card{min-height:136px;padding:22px 60px 22px 22px}
  html body main .jcc-related-guidance__title{font-size:21px!important}
  html body main .jcc-related-guidance__arrow{top:20px;right:20px;width:32px;height:32px}
}
@media(prefers-reduced-motion:reduce){
  html body main .jcc-related-guidance__card,
  html body main .jcc-related-guidance__arrow{transition:none}
  html body main .jcc-related-guidance__card:hover,
  html body main .jcc-related-guidance__card:is(:hover,:focus-visible) .jcc-related-guidance__arrow{transform:none}
}