/* HYEDRAM related stories 2026: self-contained editorial card redesign. */
.arm-blog .hye-aside .hye-side-card.hye-related-feature{padding:0!important;overflow:hidden!important;border:1px solid #dfe5eb!important;background:#fff!important;border-radius:24px!important;box-shadow:0 18px 46px rgba(17,29,47,.09)!important}
.arm-blog .hye-related-feature .hye-related-heading{padding:24px 22px 20px;background:linear-gradient(115deg,#172334,#2c3747);color:white}
.arm-blog .hye-related-feature .hye-related-heading .hye-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:.19em;color:#e2c384;text-transform:uppercase;margin-bottom:8px}
.arm-blog .hye-related-feature .hye-related-heading h2{color:#fff!important;font-size:clamp(1.3rem,1.8vw,1.65rem)!important;line-height:1.15!important;letter-spacing:-.03em!important;margin:0!important}
.arm-blog .hye-related-feature .hye-related-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:12px}
.arm-blog .hye-related-feature a.hye-related{display:grid!important;grid-template-columns:minmax(0,96px) minmax(0,1fr)!important;align-items:center!important;gap:14px!important;margin:0!important;padding:12px!important;width:100%!important;max-width:100%!important;min-width:0!important;border:1px solid transparent!important;border-bottom-color:#e9edf1!important;border-radius:13px!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important;box-sizing:border-box!important;overflow:hidden!important;transition:background .2s,border-color .2s,transform .2s!important}
.arm-blog .hye-related-feature a.hye-related:last-child{border-bottom-color:transparent!important}
.arm-blog .hye-related-feature a.hye-related:hover,.arm-blog .hye-related-feature a.hye-related:focus-visible{background:#f1f5f8!important;border-color:#d9bd84!important;transform:translateY(-1px)!important}
.arm-blog .hye-related-feature a.hye-related:focus-visible{outline:3px solid #c69d53!important;outline-offset:-2px!important}
.arm-blog .hye-related-feature .hye-related-visual{display:block;position:relative;width:96px;max-width:100%;height:92px;min-width:0;overflow:hidden;border-radius:11px;background:radial-gradient(circle at 70% 30%,#425c77,#17263b 75%);isolation:isolate}
.arm-blog .hye-related-feature .hye-related-visual img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important;display:block!important;transition:transform .35s!important}
.arm-blog .hye-related-feature a.hye-related:hover img{transform:scale(1.07)!important}
.arm-blog .hye-related-feature .hye-related-num{position:absolute;bottom:6px;left:7px;z-index:2;font-size:10px;letter-spacing:.05em;font-weight:800;color:#fff;background:rgba(13,26,43,.8);border:1px solid rgba(255,255,255,.25);padding:3px 6px;border-radius:5px}
.arm-blog .hye-related-feature .hye-related-copy{display:flex!important;flex-direction:column;justify-content:center;gap:8px;width:auto!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
.arm-blog .hye-related-feature .hye-related-title{display:block!important;font-size:clamp(.9rem,1vw,1rem)!important;font-weight:750!important;line-height:1.35!important;letter-spacing:-.015em!important;color:#1b2c41!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;hyphens:auto!important;max-width:100%!important}
.arm-blog .hye-related-feature .hye-related-action{display:flex!important;align-items:center;gap:6px;color:#956d32!important;font-size:.7rem!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin:0!important}
.arm-blog .hye-related-feature .hye-related-action::after{content:'↗';font-size:1rem;line-height:1}
.arm-blog .hye-related-feature .hye-related-footer{display:block;padding:14px 22px 18px;background:#f6f8fa;border-top:1px solid #e7ebf0;text-decoration:none;font-size:.82rem;font-weight:800;color:#27394f;text-align:center}
.arm-blog .hye-related-feature .hye-related-footer:hover{text-decoration:underline;color:#956d32}
.arm-blog .hye-related-feature,.arm-blog .hye-related-feature *{box-sizing:border-box;min-width:0}
@media(min-width:700px) and (max-width:990px){.arm-blog .hye-related-feature .hye-related-list{grid-template-columns:repeat(2,minmax(0,1fr))}.arm-blog .hye-related-feature a.hye-related{grid-template-columns:80px minmax(0,1fr)!important}.arm-blog .hye-related-feature .hye-related-visual{width:80px;height:80px}}
@media(max-width:420px){.arm-blog .hye-related-feature .hye-related-list{padding:7px}.arm-blog .hye-related-feature a.hye-related{grid-template-columns:76px minmax(0,1fr)!important;gap:10px!important;padding:9px!important}.arm-blog .hye-related-feature .hye-related-visual{width:76px;height:78px}.arm-blog .hye-related-feature .hye-related-title{font-size:.87rem!important}}
@media(prefers-reduced-motion:reduce){.arm-blog .hye-related-feature a.hye-related,.arm-blog .hye-related-feature img{transition:none!important}}
