/* 홈 «원내 게시물» — 옛 운영 posts-swiper.tsx · posts-detail-modal.tsx 의 Tailwind 값을 그대로 옮김 (renewal-v5 DIR-41). */
.home-posts-pages{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.home-posts-pages::-webkit-scrollbar{display:none}
.home-posts-page{flex:0 0 100%;scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.home-post-row{display:flex;align-items:center;gap:16px;width:100%;height:52px;padding:8px;border:1px solid #f3f4f6;border-radius:8px;background:#fff;text-align:left;cursor:pointer;font:inherit;transition:box-shadow .2s}
.home-post-row img{flex:0 0 auto;width:18px;height:18px;margin:0 9px}
.home-post-row span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--fs-14);font-weight:600;letter-spacing:-.35px;color:#7a7a7a}
@media (min-width:640px){.home-post-row span{font-size:var(--fs-16);letter-spacing:-.4px}}
@media (min-width:1280px){.home-post-row:hover{box-shadow:0 1px 2px rgba(0,0,0,.05)}}
.home-posts-modal{width:calc(100% - 32px);max-width:323px;height:650px;max-height:calc(100vh - 128px);padding:0;border:0;border-radius:8px;background:#fff;overflow:hidden}
.home-posts-modal::backdrop{background:rgba(0,0,0,.5)}
.home-post{display:flex;flex-direction:column;height:100%}
.home-post[hidden]{display:none}
.home-post-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 20px}
.home-post-head p{display:flex;align-items:center;gap:8px;margin:0;letter-spacing:-.4px}
.home-post-head button{display:flex;padding:0;border:0;background:none;cursor:pointer}
.home-post-head svg{width:24px;height:24px}
.home-post-body{display:flex;flex:1;flex-direction:column;overflow:hidden}
.home-post-media{position:relative;flex:0 0 auto;width:100%;aspect-ratio:1;overflow:hidden;background:#f9fafb}
.home-post-media iframe,.home-post-media video,.home-post-media img,.home-post-media a{display:block;width:100%;height:100%;border:0}
.home-post-media video,.home-post-media img{object-fit:contain}
.home-post-empty{display:block;width:100%;height:100%;background:#efefef}
.home-post-prev,.home-post-next{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgba(75,85,99,.1);color:#fff;transform:translateY(-50%);cursor:pointer}
.home-post-prev{left:12px}.home-post-next{right:12px}
.home-post-prev svg,.home-post-next svg{width:20px;height:20px}
.home-post-sound{position:absolute;right:16px;bottom:16px;z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:rgba(156,163,175,.5);color:#fff;cursor:pointer}
.home-post-sound svg{width:16px;height:16px}
.home-post-sound[aria-pressed="false"] .sound-on,.home-post-sound[aria-pressed="true"] .sound-off{display:none}
.home-post-text{display:flex;flex:1;flex-direction:column;overflow:hidden}
.home-post-content{flex:1;margin:4px 4px 4px 0;padding:26px 16px;overflow-y:auto;white-space:pre-wrap;font-size:var(--fs-13);line-height:1.5;letter-spacing:-.325px;color:#6b7280}
@media (min-width:640px){.home-post-content{font-size:var(--fs-14)}}
.home-post-date{margin:0;padding:16px;border-top:1px solid #e5e7eb;font-size:var(--fs-12);letter-spacing:-.3px;color:#7a7a7a}
@media (min-width:1024px){
  .home-posts-modal{max-width:760px}
  .home-post-body{flex-direction:row}
  .home-post-media{width:380px;aspect-ratio:380/408;border-bottom-left-radius:6px}
  .home-post-content{padding-left:32px;padding-right:56px}
}
@media (min-width:1280px){.home-posts-modal{height:auto}}