/* Responsive feed scale. Loaded after the shared design system. */
.home { --feed:clamp(744px,36vw,1120px); --feed-media-max:clamp(440px,65vh,760px); }
@media(min-width:1181px){
  .home .home-shell{grid-template-columns:minmax(var(--rail),1fr) minmax(0,var(--feed)) minmax(var(--right),1fr);justify-content:normal;gap:clamp(24px,2.3vw,64px)}
  .home-shell>.home-left{width:var(--rail);justify-self:start}
  .home-shell>.home-right{width:var(--right);justify-self:end}
}
.home .home-feed .post-card{padding:22px 24px}
.home .post-card .post-link h2,.home .post-card .post-link h3{font-size:clamp(20px,calc(17px + .18vw),24px);line-height:1.35;margin:12px 0 10px;letter-spacing:-.025em}
.home .post-card .post-card-body{font-size:clamp(16px,calc(14px + .15vw),20px);line-height:1.65}
.home .home-feed .post-card .post-card-body{max-height:calc(var(--feed-media-max) + 140px)}
.home .post-card .post-temporal-meta{font-size:clamp(12px,calc(10px + .12vw),15px);margin-top:6px}
.home .post-card .meta{line-height:1.5}
.home .home-feed .post-card .actions{margin-top:18px}

/* Native media keeps its actual ratio. Portrait clips no longer sit in a shallow strip. */
.home .home-feed .post-card>video.post-media,
.home .post-card video.post-media,
.home .post-card .post-card-body video.inline-rich-media,
.home .post-card .post-card-body img.inline-rich-media{
  display:block;width:auto;max-width:100%;height:auto;max-height:var(--feed-media-max)!important;aspect-ratio:auto;object-fit:contain;background:#080c11;margin:16px auto;border-radius:var(--radius-media)
}
.home .home-feed .post-card .post-media-link,
.home .home-feed .post-card>.post-thumbsnap-embed{height:auto;max-height:var(--feed-media-max);aspect-ratio:auto;background:#080c11}
.home .home-feed .post-card .post-media-link .post-media,
.home .home-feed .post-card>.post-thumbsnap-embed .post-media{width:100%;height:auto;max-height:var(--feed-media-max)!important;object-fit:contain}
.home .home-feed .post-card>.post-video-embed:not(.post-social-embed){height:auto;max-height:none;aspect-ratio:16/9;margin:16px 0}
.home .home-feed .post-card .post-card-body .inline-rich-media:not(video):not(img){max-height:var(--feed-media-max)}
.home .home-feed .post-card .post-social-embed{max-height:var(--feed-media-max)}
.home .home-feed .post-card .post-social-embed iframe{max-height:var(--feed-media-max)}
@media(min-width:2400px){
  .home{--rail:240px;--right:320px}
  .home .post-card .meta,.home .post-card .meta a{font-size:15px}
  .home .post-card .meta .user-avatar{width:32px;height:32px}
  .home .post-card .actions>.post-card-icon-action,.home .post-card .actions>.post-save-control>.post-action-button{width:44px;min-height:44px}
  .home .post-card .actions svg{width:21px;height:21px}
  .home .home-feed .post-card{padding:28px 32px}
}
@media(max-width:1180px){.home{--feed:760px}}
@media(max-width:680px){
  .home{--feed-media-max:min(560px,70svh)}
  .home .home-feed .post-card{padding:18px 16px}
  .home .post-card .post-link h2,.home .post-card .post-link h3{font-size:20px;line-height:1.35;margin:10px 0 8px}
  .home .post-card .post-card-body{font-size:16px;line-height:1.6}
  .home .home-feed .post-card .post-card-body{max-height:calc(var(--feed-media-max) + 120px)}
  .home .home-feed .post-card .actions{margin-top:14px}
  .home .post-card video.post-media,.home .post-card .post-card-body .inline-rich-media{margin-block:14px}
}