/* Reading continues on the same white editorial canvas. */
.related-reading{margin:56px 0 0;padding:25px 0 0;border-top:2px solid var(--ink);color:var(--ink);background:var(--paper)}
.related-reading>h2{margin:0 0 23px;font-size:clamp(26px,3vw,34px);line-height:1.25;letter-spacing:-.035em}
.related-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
.related-reading-card{min-width:0;margin:0;border-bottom:1px solid var(--line)}
.related-reading-link{display:flex;flex-direction:column;height:100%;min-width:0;color:inherit;text-decoration:none}
.related-reading-link:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.related-reading-image{aspect-ratio:3/2;overflow:hidden;background:var(--surface)}
.related-reading-image .magazine-media{width:100%;height:100%;aspect-ratio:3/2;margin:0}
.related-reading-image img{display:block;width:100%;height:100%;object-fit:cover}
.related-reading-copy{display:flex;flex:1;flex-direction:column;padding:17px 0 14px}
.related-reading-topic{font-size:13px;font-weight:600;line-height:1.5;color:var(--muted)}
.related-reading-copy h3{margin:8px 0 18px;font-size:clamp(21px,2vw,26px);font-weight:600;line-height:1.35;letter-spacing:-.025em;overflow-wrap:anywhere}
.related-reading-link:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.related-reading-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;color:var(--muted);font-size:14px;line-height:1.5}
.related-reading-meta>span{color:var(--ink);font-size:20px}
html[lang="ko"] .related-reading h2,html[lang="ko"] .related-reading h3{word-break:keep-all;overflow-wrap:normal}
@media(max-width:900px){.related-reading-grid{gap:20px}.related-reading-copy h3{font-size:22px}}
@media(max-width:740px){.related-reading{margin-top:38px;padding-top:22px}.related-reading>h2{margin-bottom:20px}.related-reading-grid{grid-template-columns:1fr;gap:27px}.related-reading-copy{padding-top:15px}.related-reading-copy h3{font-size:25px;margin-bottom:16px}}
@media(max-width:420px){.related-reading-copy h3{font-size:23px}}
@media print{.related-reading{break-before:page}.related-reading-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-reading-card{break-inside:avoid}}

/* Let official-media captions occupy their own visible row. */
.related-reading-image{aspect-ratio:auto;overflow:visible;background:transparent}
.related-reading-image .magazine-media.brand-media{height:auto;aspect-ratio:auto}
.related-reading-image .brand-media-frame{aspect-ratio:3/2}