.ho-compat{margin-block:clamp(34px,5vw,68px);padding:0 20px}.ho-compat__inner{width:min(100%,1320px);margin-inline:auto}.ho-compat__head{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:22px}.ho-compat__eyebrow{display:block;margin-bottom:8px;color:#806900;font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.ho-compat h2{margin:0;font-size:clamp(28px,3vw,44px);line-height:1.06;text-transform:none}.ho-compat__intro{max-width:580px;margin:0;color:#655f57;font-size:15px;line-height:1.5}.ho-compat__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ho-compat__card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(71,71,71,.15);border-radius:18px;background:#fff}.ho-compat__media{aspect-ratio:1;display:block;padding:16px;background:#f7f3eb}.ho-compat__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.ho-compat__body{display:flex;flex:1;flex-direction:column;padding:18px}.ho-compat__title{color:#292929;font-size:17px;font-weight:700;line-height:1.3;text-decoration:none}.ho-compat__status{margin:12px 0 0;color:#5f5a53;font-size:13px}.ho-compat__status strong{color:#806900}.ho-compat__source{margin-top:auto;padding-top:16px;color:#474747;font-size:13px;font-weight:700;text-underline-offset:.18em}.ho-compat__note{margin:18px 0 0;padding:14px 16px;border-left:3px solid #b69400;background:#f7f3eb;color:#5f5a53;font-size:14px;line-height:1.5}
@media(max-width:980px){.ho-compat__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ho-compat{padding:0 14px}.ho-compat__head{align-items:start;flex-direction:column}.ho-compat__grid{grid-template-columns:1fr 1fr;gap:10px}.ho-compat__body{padding:14px}.ho-compat__title{font-size:14px}.ho-compat__source{font-size:12px}.ho-compat__media{padding:10px}}