.j3-related{margin-top:clamp(56px,8vw,96px);padding:clamp(28px,5vw,54px);overflow:hidden;border:1px solid var(--j3-line);border-radius:30px;background:#edf8f4}
.j3-related>h2{max-width:760px;margin:8px 0 10px;font-size:clamp(2rem,4vw,3.6rem);line-height:.96;letter-spacing:-.05em}
.j3-related>p{max-width:640px;margin:0;color:var(--j3-muted);font-size:1.05rem}
.j3-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.j3-related-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(13,44,36,.14);border-radius:20px;background:#fff;color:var(--j3-ink);box-shadow:0 10px 28px rgba(13,44,36,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.j3-related-card:hover{transform:translateY(-3px);border-color:rgba(13,44,36,.28);box-shadow:0 15px 34px rgba(13,44,36,.08)}
.j3-related-card:focus-visible{outline:3px solid rgba(99,208,168,.55);outline-offset:3px}
.j3-related-media{display:block;overflow:hidden;aspect-ratio:16/10;background:#dcebe5}
.j3-related-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.j3-related-card:hover img{transform:scale(1.025)}
.j3-related-copy{min-width:0;display:flex;flex:1;flex-direction:column;padding:21px}
.j3-related-copy small{color:#27715c;font-size:.72rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase}
.j3-related-copy strong{margin:14px 0 9px;font-size:1.45rem;line-height:1.05;letter-spacing:-.035em;overflow-wrap:anywhere}
.j3-related-copy>span{display:-webkit-box;overflow:hidden;color:var(--j3-muted);-webkit-box-orient:vertical;-webkit-line-clamp:3}
.j3-related-copy b{margin-top:auto;padding-top:22px;font-size:.9rem}
.j3-nav a{min-width:0}
.j3-nav a>span{display:block;margin-top:8px;color:var(--j3-muted);font-size:.78rem}
@media(max-width:900px){.j3-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.j3-related-card:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:620px){.j3-related{margin-top:46px;padding:24px 18px;border-radius:22px}.j3-related-grid{grid-template-columns:1fr}.j3-related-card:last-child:nth-child(odd){grid-column:auto}.j3-related-copy strong{font-size:1.32rem}}
@media(prefers-reduced-motion:reduce){.j3-related-card,.j3-related-media img{transition:none}.j3-related-card:hover{transform:none}}
