.p-article-related{margin-top:48px;margin-bottom:36px}
.p-article-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.p-article-related .c-article-related{display:block;min-width:0;padding-bottom:12px;color:var(--color-primary-deep);text-decoration:none}
.p-article-related .c-article-related>img{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;border-radius:12px;margin-bottom:16px}
.p-article-related .c-article-related>span{font-size:12px;color:var(--color-primary-ink);font-weight:700}
.p-article-related .c-article-related h3{font-size:18px;font-weight:700;line-height:1.7;margin:8px 0 0}
.c-article-back{padding-top:24px;padding-bottom:12px;border-top:1px solid var(--color-border);margin-top:20px}
.c-article-back a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:12px 20px;color:var(--color-primary-deep);border:1px solid var(--color-primary-deep);border-radius:8px;font-weight:700;text-decoration:none;background:var(--color-bg)}
.c-article-back a:hover{background:var(--color-primary-soft)}
:is(.c-article-back,.p-article-related) a:focus-visible{outline:3px solid var(--color-primary-deep);outline-offset:4px}
@media(max-width:760px){.p-article-related{margin-top:36px;margin-bottom:28px}.p-article-related__grid{grid-template-columns:1fr;gap:28px}.c-article-back{padding-bottom:36px}.c-article-back a{width:100%;font-size:14px}}