/* Short videos share the existing continuous story carousel. */
body.hh-design #community.hh-community .hh-stories-group--short .hh-stories-cards{grid-auto-columns:calc((100% - 80px)/4.25);gap:20px}

body.hh-design #community.hh-community .hh-stories-group--short .hh-stories-heading{justify-content:flex-end}
body.hh-design #community.hh-community .hh-short-post-link{display:flex;flex-direction:column;height:auto;aspect-ratio:auto;overflow:visible}
body.hh-design #community.hh-community .hh-stories-group--short .hh-short-cover{aspect-ratio:9/16;border-radius:0;flex:none}
body.hh-design #community.hh-community .hh-short-cover img{object-fit:cover;object-position:center}
body.hh-design #community.hh-community .hh-short-platform{position:absolute;left:12px;top:12px;max-width:calc(100% - 24px);padding:6px 9px;border-radius:7px;background:rgba(20,29,25,.72);color:#fff;font-size:11px;font-weight:600;line-height:1.4}
body.hh-design #community.hh-community .hh-short-watch{position:absolute;bottom:0;left:0;right:0;padding:36px 15px 14px;display:flex;justify-content:space-between;align-items:center;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.68));font-size:13px;font-weight:600}
body.hh-design #community.hh-community .hh-short-caption{padding:15px 14px 14px}
body.hh-design #community.hh-community .hh-short-caption strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:3em;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:anywhere}

@media(max-width:1000px){body.hh-design #community.hh-community .hh-stories-group--short .hh-stories-cards{grid-auto-columns:calc((100% - 48px)/3.22);gap:16px}}
@media(max-width:700px){body.hh-design #community.hh-community .hh-stories-group--short .hh-stories-cards{grid-auto-columns:72%;gap:14px}}

/* Load one official player only when a visitor chooses a video. */
dialog.hh-short-player{box-sizing:border-box;padding:0;border:0;border-radius:16px;width:min(420px,calc(100vw - 24px));max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;background:#fff;color:#203d33;box-shadow:0 24px 100px #0006;overflow:hidden}
dialog.hh-short-player::backdrop{background:rgba(9,24,18,.78)}
.hh-short-player__header{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 18px;min-height:52px;box-sizing:border-box}
.hh-short-player__header h2{flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hh-short-player__close{display:grid;place-items:center;flex:none;width:40px;height:40px;border:0;border-radius:50%;background:#f1f4f0;color:#234638;cursor:pointer;font-size:28px;line-height:1}
.hh-short-player__stage{background:#111;width:100%;height:min(680px,calc(100vh - 140px));height:min(680px,calc(100dvh - 140px))}
.hh-short-player[data-provider="instagram"] .hh-short-player__stage{background:#fff}
.hh-short-player__stage iframe{display:block;width:100%;height:100%;border:0}
.hh-short-player__footer{padding:10px 16px;display:flex;justify-content:flex-end;min-height:38px;box-sizing:border-box}
.hh-short-player__source{font-size:12px;color:#627269;text-decoration:none}
.hh-short-player button:focus-visible,.hh-short-player a:focus-visible{outline:2px solid #337652;outline-offset:2px}

/* One centered, muted YouTube preview; keep posters until playback begins. */
body.hh-design #community.hh-community .hh-short-preview{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .25s ease;background:#000}
body.hh-design #community.hh-community .is-short-previewing .hh-short-preview{opacity:1}
body.hh-design #community.hh-community .hh-short-preview iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}
body.hh-design #community.hh-community .hh-short-platform,body.hh-design #community.hh-community .hh-short-watch{z-index:2}
body.hh-design #community.hh-community .hh-short-preview-toggle{font-size:15px;font-weight:600}
body.hh-design #community.hh-community .hh-short-preview-toggle[hidden]{display:none}
@media(prefers-reduced-motion:reduce){body.hh-design #community.hh-community .hh-short-preview{transition:none}}