/* Related stories inherit the article's width, palette and frame settings. */
.news-related {
    --related-accent:var(--site-gold,#ae9058);
    --related-ink:#304957;
    --related-muted:#65717b;
    --related-surface:#fffefa;
    --related-line:var(--site-line,#dce0d5);
    --related-start:#172e43;
    --related-end:#304d64;
    --related-button-text:#fffefa;
    max-width:1120px;
    margin:0 auto 64px;
    color:var(--related-ink);
    container-type:inline-size;
}
.news-related.page-width-reading { max-width:900px; }
.news-related.page-width-wide { max-width:1400px; }
.news-related.page-width-full { max-width:100%; }
.news-related.page-tone-emerald { --related-start:#163c30; --related-end:#355d46; --related-ink:#294235; --related-muted:#66745f; }
.news-related.page-tone-wine { --related-start:#4d303b; --related-end:#79545b; --related-ink:#48353b; --related-muted:#806b70; }
.news-related.page-tone-ivory { --related-start:#645942; --related-end:#3f392d; --related-ink:#494434; --related-muted:#756b55; }
.news-related.page-tone-custom {
    --related-accent:var(--page-custom-accent);
    --related-ink:var(--page-custom-bodytext);
    --related-muted:var(--page-custom-bodytext);
    --related-surface:var(--page-custom-surface);
    --related-start:var(--page-custom-headerstart);
    --related-end:var(--page-custom-headerend);
    --related-button-text:var(--page-custom-headertext);
}
.news-related-heading {
    display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px;
    margin-bottom:22px; padding:24px 28px;
    border:1px solid var(--related-line); border-top:2px solid var(--related-accent); border-radius:16px;
    background:linear-gradient(120deg,#bda16c14,transparent 65%),var(--related-surface);
    box-shadow:0 8px 24px #17392c05;
}
.news-related-heading-copy { display:flex; align-items:center; gap:18px; min-width:0; }
.news-related-heading-copy>div { min-width:0; }
.news-related-emblem { display:grid; place-items:center; width:50px; height:56px; flex:none; border:1px solid var(--related-accent); border-radius:12px; background:#bda16c0c; color:var(--related-accent); }
.news-related-emblem svg { width:30px; height:30px; }
.news-related-heading h2 { margin:0; font-size:22px; font-weight:600; line-height:1.6; color:var(--related-ink); }
.news-related-heading p { margin:5px 0 0; color:var(--related-muted); font-size:14px; line-height:1.8; }
/* Keep the section title distinct while preserving explicit reading-tool scaling. */
body.site-theme[data-link-normal] .news-related .news-related-heading h2:not(.reading-scaled) { font-size:22px!important; }
.news-related .news-related-all {
    display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:48px;
    margin-left:auto; padding:9px 12px 9px 18px; flex:none; white-space:nowrap;
    border:1px solid var(--related-accent); border-radius:10px;
    background:linear-gradient(115deg,var(--related-start),var(--related-end)); color:var(--related-button-text);
    text-decoration:none; font-size:14px; font-weight:500; box-shadow:0 4px 12px #17392c12;
    transition:box-shadow .2s;
}
.news-related-all>span { display:grid; place-items:center; width:30px; height:30px; border:1px solid #ffffff38; border-radius:7px; }
.news-related-all svg { width:18px; height:18px; }
.news-related .news-related-all:hover { box-shadow:0 7px 18px #17392c24; }
.news-related .news-related-all:focus-visible { outline:2px solid var(--related-accent); outline-offset:4px; }
.news-related-grid { display:grid; grid-template-columns:repeat(var(--related-columns,4),minmax(0,1fr)); gap:22px; }
.news-related-card { min-width:0; border:1px solid var(--related-line); border-radius:16px; background:var(--related-surface); box-shadow:0 5px 18px #17392c07; overflow:hidden; transition:box-shadow .2s,border-color .2s,transform .2s; }
.news-related-card:only-child { max-width:460px; }
.news-related-card>a { display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; }
.news-related-card:is(:hover,:focus-within) { transform:translateY(-3px); border-color:var(--related-accent); box-shadow:0 12px 28px #17392c14; }
.news-related-card:focus-within { outline:2px solid var(--related-accent); outline-offset:4px; }
.news-related-image { position:relative; aspect-ratio:16/10; margin:9px 9px 0; border-radius:9px; background:#ebeee6; overflow:hidden; }
.news-related-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.news-related-card:hover img { transform:scale(1.025); }
.news-related-placeholder { height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; background:radial-gradient(ellipse at 90% 0,#c2b27e30,transparent),linear-gradient(135deg,#eff0e7,#e1e7dc); color:var(--related-ink); font-size:14px; }
.news-related-placeholder svg { width:45px; height:45px; color:#8b7850; }
.news-related-copy { padding:18px 20px; display:flex; flex-direction:column; flex:1; gap:12px; min-width:0; }
.news-related-category { align-self:flex-start; max-width:100%; padding:3px 9px; border:1px solid #bda16c40; border-radius:6px; background:#bda16c0d; font-size:14px; line-height:1.7; color:var(--related-ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news-related-copy h3 { font-size:14px; font-weight:600; line-height:1.95; color:var(--related-ink); margin:0 0 4px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow-wrap:anywhere; }
.news-related-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding-top:14px; border-top:1px solid var(--related-line); color:var(--related-muted); font-size:14px; }
.news-related-date { display:inline-flex; align-items:center; flex-wrap:wrap; gap:7px; min-width:0; }
.news-related-date svg { width:17px; height:17px; flex:none; color:var(--related-accent); }
.news-related-arrow { display:grid; place-items:center; width:34px; height:34px; flex:none; border:1px solid var(--related-accent); border-radius:50%; color:var(--related-ink); transition:background .2s,color .2s; }
.news-related-card:is(:hover,:focus-within) .news-related-arrow { background:var(--related-start); color:var(--related-button-text); }
.news-related.page-frame-square :is(.news-related-heading,.news-related-card,.news-related-image) { border-radius:0; }
.news-related.page-frame-outlined :is(.news-related-heading,.news-related-card) { border-color:var(--related-accent); box-shadow:none; }
.news-related.page-frame-none :is(.news-related-heading,.news-related-card) { border-color:transparent; box-shadow:none; }
@container(max-width:1000px) {
    .news-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container(max-width:600px) {
    .news-related-heading { align-items:stretch; flex-direction:column; gap:18px; padding:20px; }
    .news-related-heading-copy { align-items:flex-start; gap:13px; }
    .news-related-emblem { width:40px; height:46px; border-radius:9px; }
    .news-related-emblem svg { width:26px; height:26px; }
    .news-related-heading h2 { font-size:20px; }
    body.site-theme[data-link-normal] .news-related .news-related-heading h2:not(.reading-scaled) { font-size:20px!important; }
    .news-related .news-related-all { margin:0; }
    .news-related-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
    .news-related-card:only-child { max-width:none; }
    .news-related-copy { padding:18px; }
    .news-related-copy h3 { -webkit-line-clamp:4; }
}
@media(max-width:600px) { .news-related { margin-bottom:38px; } }
@media(prefers-reduced-motion:reduce) {
    .news-related-card,.news-related-image img,.news-related-arrow,.news-related .news-related-all { transition:none; }
    .news-related-card:is(:hover,:focus-within),.news-related-card:hover img { transform:none; }
}