.bol-article-related{margin:5.6rem auto 0}
.bol-article-related__kicker{font-family:"Archivo","Noto Sans TC",sans-serif;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;color:#78786f;margin:0 0 1.6rem;padding-top:1.6rem;border-top:1px solid #c9c9c6}
.bol-article-related__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem}
@media screen and (min-width:750px){.bol-article-related__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}
.bol-article-related__link{position:relative;display:block;text-decoration:none;color:#fff;overflow:hidden;background:#e8e8e6}
.bol-article-related__media{display:block}
.bol-article-related__media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.bol-article-related__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.42) 30%,rgba(0,0,0,0) 64%)}
.bol-article-related__body{position:absolute;inset:auto 0 0 0;z-index:2;display:block;padding:clamp(14px,2.2vw,22px)}
.bol-article-related__title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(1.15rem,1.9vw,1.5rem);font-weight:600;line-height:1.34;letter-spacing:-.005em;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.bol-article-related__date{display:block;margin-top:.5rem;font-size:1.15rem;letter-spacing:.03em;color:rgba(255,255,255,.85);text-shadow:0 1px 12px rgba(0,0,0,.55)}
.bol-article-related__link:hover .bol-article-related__media img{transform:scale(1.035)}
@media(prefers-reduced-motion:reduce){.bol-article-related__media img{transition:none}}