.mc-collection .hz-fb {
  display: block;
  margin: 18px 0;
  padding: clamp(9px, 2.2vw, 28px);
  border-radius: 10px;
  background: #e9e5da;
  color: #1c1e21;
  font: 400 14px/1.35 "Segoe UI", Arial, sans-serif;
  scroll-margin-top: 100px;
}
.hz-fb[hidden] { display: none !important; }
.hz-fb * { box-sizing: border-box; }
.hz-page { max-width: 860px; margin: auto; overflow: hidden; border-radius: 8px; background: #f0f2f5; }
.hz-top, .hz-profile, .hz-feed-head, .hz-post-head, .hz-post-foot { display: flex; align-items: center; gap: 10px; }
.hz-top { padding: 8px 14px; border-bottom: 1px solid #dddfe2; background: white; color: #4e5258; font-weight: 600; }
.hz-mark { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: #0866ff; color: white; font: 800 26px/1 Arial,sans-serif; }
.mc-collection .hz-cover { display: block; width: 100%; height: auto; }
.hz-profile { padding: 10px 14px; flex-wrap: wrap; background: white; }
.mc-collection .hz-profile > img, .mc-collection .hz-post-head img { width: 48px; height: 48px; border-radius: 50%; object-fit: contain; background: #f4ead9; }
.mc-collection .hz-fb h3 { margin: 0; color: #1c1e21; font: 750 clamp(16px,2.3vw,28px)/1.15 "Segoe UI",Arial,sans-serif; text-transform: none; }
.hz-profile p { margin: 4px 0 0; color: #565b62; font-size: 12px; }
.mc-collection .hz-profile a { margin-left: auto; padding: 8px 12px; border-radius: 6px; background: #0866ff; color: white; font-weight: 700; text-decoration: none; }
.hz-feed { max-width: 660px; margin: 12px auto; padding: 10px 0 0; overflow: hidden; border: 1px solid #dddfe2; border-radius: 8px; background: white; }
.hz-feed-head, .hz-post-foot { justify-content: space-between; padding: 0 12px 8px; }
.hz-feed-head { border-bottom: 1px solid #edeff2; }
.hz-feed-head span, .hz-post-head small, .hz-post-foot > span { color: #565b62; font-size: 11px; }
.hz-post-head { padding: 9px 12px 0; }
.mc-collection .hz-post-head img { width: 33px; height: 33px; }
.hz-post-head small { display: block; }
.hz-caption { margin: 6px 12px 9px; text-align: right; }
.hz-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; background: #f0f2f5; }
.mc-collection .hz-grid button { display: block; width: 100%; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; cursor: zoom-in; }
.mc-collection .hz-grid img { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; }
.hz-post-foot { padding-top: 8px; }
.mc-collection .hz-post-foot button { background: #e7f0ff; color: #1550a3; border: 0; border-radius: 5px; padding: 6px 9px; min-height: 36px; cursor: pointer; font: 700 12px/1.2 "Segoe UI",sans-serif; }
.hz-fb :is(button,a):focus-visible { outline: 2px solid #0866ff; outline-offset: -2px; }
@media(max-width: 550px) {
  .hz-feed { margin-inline: 7px; }
  .mc-collection .hz-profile a { margin-left: 0; }
}

.hz-page { max-width: 740px; }
.hz-feed { max-width: 560px; }
.mc-collection .hz-cover { max-height: 250px; object-fit: cover; object-position: center; }
@media (max-width: 550px) {
  .mc-collection .hz-cover { max-height: none; }
}
