/* Image-free related opportunities and locked community brand colour. */
.detail-community h2{color:#ff0000!important}
.detail-related{padding:34px 0 40px;background:linear-gradient(180deg,#f5f7fa,#f9fafc)}
.detail-related-heading{position:relative;margin-bottom:21px;padding-bottom:13px;text-align:left}
.detail-related-heading:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,#ff0000 0 16%,#dfe4eb 16% 100%)}
.detail-related-heading>span{margin-bottom:3px}.detail-related-heading h2{font-size:28px}
.detail-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,360px));gap:16px;justify-content:center}
.detail-related-card{display:block;overflow:hidden;min-height:0;border:1px solid #dce2eb;border-top:3px solid #ff0000;border-radius:11px;background:linear-gradient(145deg,#fff 0%,#fff 72%,#fff4f5 100%);box-shadow:0 5px 14px rgba(16,30,55,.09),0 1px 2px rgba(16,30,55,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.detail-related-card:hover{transform:translateY(-3px);border-color:#ffc4ca;box-shadow:0 11px 25px rgba(16,30,55,.14)}
.detail-related-card.is-featured{background:linear-gradient(145deg,#fff 0%,#fff 68%,#fff0f2 100%)}
.detail-related-link{display:flex;min-height:172px;height:100%;flex-direction:column;padding:16px 17px;color:#17243d;text-decoration:none}
.detail-related-meta{display:flex;gap:9px;align-items:center;justify-content:space-between;margin-bottom:12px}
.detail-related-country{display:flex;min-width:0;gap:7px;align-items:center;color:#566278;font-size:11px}.detail-related-country img{flex:0 0 auto;border-radius:2px;object-fit:cover;box-shadow:0 1px 3px rgba(0,0,0,.2)}.detail-related-country b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detail-related-type{flex:0 0 auto;padding:4px 7px;border-radius:99px;background:#fff0f1;color:#e00019;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.detail-related-card.is-featured .detail-related-type:before{content:"★ ";font-size:8px}
.detail-related-card h3{display:-webkit-box;overflow:hidden;min-height:72px;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#17243d;font-family:"Signika Negative",Arial,sans-serif;font-size:19px;line-height:1.25;font-weight:700}
.detail-related-footer{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto;padding-top:11px;border-top:1px solid #e5e9ef}.detail-related-footer span{display:flex;gap:5px;align-items:center;color:#7a8496;font-size:10px}.detail-related-footer span i{color:#ff0000;font-style:normal}.detail-related-footer strong{color:#e00019;font-size:10px}.detail-related-footer strong i{margin-left:3px;font-style:normal;transition:margin .2s ease}.detail-related-card:hover .detail-related-footer strong i{margin-left:7px}
.detail-related-more{display:flex;justify-content:flex-end;margin-top:17px}.detail-related-more a{color:#e00019;font-size:12px;font-weight:800;text-decoration:none}.detail-related-more a:hover{text-decoration:underline}
@media(max-width:780px){.detail-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-related-link{min-height:168px;padding:15px}.detail-related-card h3{font-size:17px;line-height:1.27}}
@media(max-width:560px){.detail-related{padding:28px 0 34px}.detail-related-heading h2{font-size:25px}.detail-related-heading:after{background:linear-gradient(90deg,#ff0000 0 26%,#dfe4eb 26% 100%)}.detail-related-grid{grid-template-columns:1fr;gap:12px}.detail-related-link{min-height:150px;padding:14px}.detail-related-meta{margin-bottom:10px}.detail-related-card h3{min-height:61px;font-size:17px;line-height:1.28}.detail-related-footer{padding-top:9px}.detail-related-more{margin-top:14px}.detail-related-more a{font-size:12px}}
