
.hosd-related{background:#08121b;padding:72px 0;border-top:1px solid rgba(228,185,112,.2)}
.hosd-related-inner{width:min(1240px,calc(100% - 56px));margin:auto}
.hosd-related h2{font:700 clamp(1.9rem,3vw,2.9rem)/1.15 Georgia,serif;color:#f1d8aa;margin:0 0 12px}
.hosd-related p{color:#d2d9df;line-height:1.7;margin:0 0 26px;font-size:16px}
.hosd-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hosd-related-grid a{display:block;background:#10202c;border:1px solid rgba(222,181,110,.35);border-radius:12px;padding:22px;text-decoration:none;color:#f1e1c8;transition:background .2s ease}
.hosd-related-grid strong{display:block;font:700 1.3rem/1.2 Georgia,serif;margin-bottom:14px}
.hosd-related-grid span{color:#dfb979;font:700 13px/1.4 system-ui,sans-serif}
.hosd-related-grid a:hover,.hosd-related-grid a:focus-visible{background:#1b3243;outline:2px solid #efd1a0;outline-offset:2px}
@media(max-width:920px){.hosd-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hosd-related{padding:52px 0}.hosd-related-inner{width:calc(100% - 30px)}.hosd-related-grid{grid-template-columns:1fr}}
