/* Static reading suggestions outside the original article prose. */
.article-related { max-width:1184px; margin:48px auto 0; padding-top:32px; border-top:1px solid #d7bed3; color:#281c37; }
.article-related,.article-related * { box-sizing:border-box; }
.article-related > h2 { margin:0 0 20px; color:inherit; font:600 28px/1.3 Manrope,Arial,sans-serif; letter-spacing:-.02em; }
.article-related__list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:0; padding:0; list-style:none; }
.article-related__list > li { min-width:0; margin:0; padding:0; }
.article-related__card { display:grid; grid-template-columns:96px minmax(0,1fr); gap:18px; height:100%; min-height:44px; padding:20px; border:1px solid #d7bed3; border-radius:20px; background:#fee9fb; color:#281c37; text-decoration:none; }
@media (hover:hover) { .article-related__card:hover { background:#d7bed3; } }
.article-related__card:focus-visible { outline:3px solid #281c37; outline-offset:4px; }
.article-related__cover { display:block; width:96px; height:80px; margin:0; border-radius:12px; object-fit:cover; }
.article-related__copy { min-width:0; overflow-wrap:anywhere; }
.article-related__type { margin:0 0 8px; font:700 12px/1.5 Manrope,Arial,sans-serif; }
.article-related__card h3 { margin:0; color:inherit; font:600 18px/1.45 Manrope,Arial,sans-serif; letter-spacing:-.01em; text-decoration:underline; text-underline-offset:4px; }
.article-related__reason { margin:10px 0 0; font:400 14px/1.65 Manrope,Arial,sans-serif; }
.article-related__time { margin:12px 0 0; font:400 12px/1.6 Manrope,Arial,sans-serif; }
.article-related__time > span { padding:0 4px; }
@media (max-width:1023px) and (min-width:768px) {
 .article-related__card { grid-template-columns:72px minmax(0,1fr); gap:14px; padding:16px; }
 .article-related__cover { width:72px; height:64px; }
}
@media (max-width:767px) {
 .article-related { margin-top:36px; padding-top:28px; }
 .article-related > h2 { font-size:26px; }
 .article-related__list { grid-template-columns:minmax(0,1fr); }
 .article-related__card { padding:16px; }
}
@media (max-width:359px) {
 .article-related__card { grid-template-columns:64px minmax(0,1fr); gap:12px; }
 .article-related__cover { width:64px; height:60px; }
}
@media (forced-colors:active) {
 .article-related,.article-related__card { border-color:CanvasText; }
 .article-related__card { background:Canvas; color:LinkText; }
 .article-related__card:focus-visible { outline-color:Highlight; }
}
