.modern-site .article-page .article-related .related-news{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.modern-site .cs-related-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e3ddd2;border-radius:11px;background:#fff;position:relative}
.modern-site .cs-related-card a{padding:0;background:transparent;text-decoration:none}
.modern-site .cs-related-card__image{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:10px 10px 0 0;background:#242b2d!important;color:#7f8c8b!important}
.cs-related-card__placeholder{position:absolute;width:40px;height:40px;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.35}
.cs-related-card__image img{display:block;position:relative;width:100%;height:100%;max-width:100%;object-fit:cover;transition:transform .2s ease}
.cs-related-card__image:hover img{transform:scale(1.025)}
.cs-related-card__image-label{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 13px 10px;background:linear-gradient(transparent,#142026cc);color:#fff;font-size:9px;line-height:1.5;pointer-events:none}
.cs-related-card__image-label .modern-icon{width:13px;height:13px}
.cs-related-card__body{display:flex;flex-direction:column;flex:1;min-width:0;padding:17px}
.modern-site .cs-related-card h3{margin:0 0 15px!important;font-size:15px!important;line-height:1.45!important;letter-spacing:-.25px;min-height:2.9em;overflow-wrap:anywhere}
.modern-site .cs-related-card h3>a{display:block;color:#363d39!important}
.modern-site .cs-related-card h3>a:hover{color:#a45d2a!important}
.modern-site .cs-related-card .material-stats{gap:15px;margin:0 0 16px;font-size:10px;line-height:1.5}
.modern-site .cs-related-card .material-stats .modern-icon{width:14px;height:14px;color:#ab947e}
.modern-site .cs-related-card .material-stats>a{display:inline-flex;gap:5px;padding:0;color:#827c73!important}
.modern-site .cs-related-card .material-stats>a:hover{color:#b16b33!important}
.modern-site .cs-related-card .material-tools{display:flex;align-items:flex-start;justify-content:flex-start;gap:7px;margin:auto 0 0;padding-top:14px;border-top:1px solid #eee8df}
.modern-site .cs-related-card .material-tools>button{flex:0 0 auto;min-height:36px;margin:0;padding:8px 10px;font-size:11px;line-height:18px;border-radius:7px}
.modern-site .cs-related-card .material-tools .modern-icon{width:15px;height:15px}
.modern-site .cs-related-card .material-favorite{width:36px;padding:8px!important}
.cs-related-card__share{margin-left:auto;min-width:0;position:relative}
.cs-related-card__share>summary{display:flex;align-items:center;justify-content:center;gap:7px;list-style:none;cursor:pointer;min-height:36px;padding:8px 10px;border:1px solid #e5e0d7;border-radius:7px;color:#7a6c5a;font-size:10px;line-height:18px;font-weight:500;background:#faf9f6;white-space:nowrap}
.cs-related-card__share>summary::-webkit-details-marker{display:none}
.cs-related-card__share>summary:hover,.cs-related-card__share[open]>summary{background:#fff1e4;border-color:#dfb98f;color:#a4602b}
.cs-related-card__share[open]{z-index:5}
.cs-related-card__share-menu{position:absolute;right:0;bottom:calc(100% + 8px);width:230px;max-width:calc(100vw - 70px);padding:8px;border:1px solid #ddd2c3;border-radius:10px;background:#fff;box-shadow:0 10px 34px #24201329;z-index:10}
.modern-site .cs-related-card .cs-related-card__share-menu>a,.modern-site .cs-related-card .cs-related-card__share-menu>button{display:block;width:100%;padding:10px 11px;margin:0;border:0;border-radius:6px;text-align:left;font-size:11px;font-weight:500;line-height:1.5;color:#615c50!important;background:#fff;cursor:pointer}
.modern-site .cs-related-card .cs-related-card__share-menu>:is(a,button):hover{background:#f7efe4;color:#a35b25!important}
.cs-related-card__share-menu input{display:block;width:100%;padding:8px;margin-top:7px;border:1px solid #ddd3c5;border-radius:5px;font-size:11px;background:#faf8f4}
.cs-related-card__share-menu [data-share-status]{font-size:10px;line-height:1.6;color:#90724b;margin:7px 9px 4px}
.cs-related-card__share-menu [data-share-status]:empty{display:none}
@media(max-width:1150px){.modern-site .article-page .article-related .related-news{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.modern-site .article-page .article-related .related-news{grid-template-columns:1fr;gap:16px}.modern-site .cs-related-card h3{min-height:0;font-size:16px!important}.cs-related-card__body{padding:17px}}
@media(max-width:420px){.cs-related-card__body{padding:14px}.modern-site .cs-related-card .material-stats{gap:14px}.cs-related-card__share>summary{padding:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.cs-related-card__image img{transition:none}.cs-related-card__image:hover img{transform:none}}
