/* The post owns the headline, actions and tap target on every gallery slide. */
.post-details {display:contents}
.post.has-excerpt {
  container-type:size;
  --clip-centre:40%;
  --clip-height:min(calc(100cqw * var(--clip-ratio,.5625)),54cqh);
}
.excerpt-stage {background:#101011}
body[data-app-page="home"] .excerpt-stage > :is(.post-image,.home-clip-video) {
  position:absolute;inset:0;transform:none;display:block;width:100%;height:100%;
  object-fit:cover;object-position:var(--clip-focus,50%) center;pointer-events:none;
}
body[data-app-page="home"] .excerpt-stage.is-playing > .post-image {visibility:hidden}
body[data-app-page="home"] .post.clip-expanded .excerpt-stage > :is(.post-image,.home-clip-video) {object-fit:contain;background:#080808}
.excerpt-stage > .home-clip-video[hidden] {display:none!important}
.home-clip-tools {
  position:absolute;z-index:4;right:8px;top:calc(var(--section-height,110px) + 8px);
  display:flex;align-items:center;
}
.clip-expanded .home-clip-tools {top:calc(var(--section-height,110px) + 8px)}
.home-clip-tools button {
  display:grid;place-items:center;position:relative;width:44px;height:44px;padding:0;
  background:none;border:0;border-radius:50%;color:#fff;touch-action:manipulation;
}
.home-clip-tools button::before {
  content:"";position:absolute;inset:7px;border-radius:50%;background:rgb(12 12 15 / .53);
}
.home-clip-tools button svg {
  position:relative;width:17px;height:17px;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;fill:none;
}
.home-clip-tools button:focus-visible {outline:2px solid #fff;outline-offset:-3px}
.home-clip-status {
  position:absolute;z-index:2;top:var(--clip-centre);left:50%;transform:translate(-50%,-50%);
  color:white;background:#101013de;padding:5px 9px;border-radius:5px;font-size:12px;pointer-events:none;
}
.home-clip-status:empty {display:none}
@media (max-height:650px) {
  .post.has-excerpt {--clip-centre:36%;--clip-height:min(calc(100cqw * var(--clip-ratio,.5625)),47cqh)}
}
@media (orientation:landscape) and (max-height:550px) {
  body[data-app-page="home"] .pocket {width:min(100%,max(230px,calc(100dvh * .69)));height:100dvh;margin:0 auto}
  body[data-app-page="home"] .post {height:100%}
}