.hm-follow{--pn-pad:18px 0 0;container-type:inline-size}
.hm-follow-body{border-top:1px solid var(--hair)}
.hm-follow .hm-follow-none{margin:0}

.hm-follow-more{font:inherit;font-size:10px;background:none;border:1px solid var(--hair-hi);color:var(--dim);cursor:pointer;
  padding:4px 9px;text-transform:var(--caps);letter-spacing:calc(.1em * var(--track));white-space:nowrap}
.hm-follow-more:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}
.hm-follow-more:disabled{opacity:.6;cursor:default}
.hm-follow-more:focus-visible{outline:1px solid var(--accent);outline-offset:2px}


.hm-follow-posts{padding:10px 12px 12px}
.hm-follow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;align-items:start}
.hm-follow-grid .tile img{aspect-ratio:1 / 1.1;height:auto;object-fit:cover;object-position:top}
.hm-follow-grid .tile .hoverpreview .hp-media{object-position:top}
.hm-follow-foot{display:flex;gap:10px;align-items:center;justify-content:center;padding-top:10px}
.hm-follow-foot:empty{display:none}
.hm-follow-err{color:var(--bad);font-size:10.5px}
@container (max-width:420px){
  .hm-follow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
}
@media(pointer:coarse){ .hm-follow-more{min-height:var(--tap-min)} }