/* Aranu Network Professional UI v2 — feed polish and stable responsive caption behavior. */

body.network-body.network-feed-page{
  --feed-card-radius:24px;
  --feed-control-radius:14px;
}

body.network-body.network-feed-page .network-main{padding-top:22px!important}
body.network-body.network-feed-page .social-app-shell{
  grid-template-columns:232px minmax(0,660px) 300px!important;
  gap:24px!important;
  max-width:1264px!important;
  align-items:start!important;
}

/* Left navigation */
body.network-body.network-feed-page .social-side-nav{
  top:98px!important;
  padding:12px!important;
  border-radius:24px!important;
  border:1px solid color-mix(in srgb,var(--nw-line) 86%,transparent)!important;
  background:color-mix(in srgb,var(--nw-surface) 96%,transparent)!important;
  box-shadow:0 18px 50px rgba(39,34,68,.08)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
}
body.network-body.network-feed-page .social-side-title{
  padding:10px 10px 16px!important;
  margin-bottom:8px!important;
  border-bottom:1px solid var(--nw-line)!important;
}
body.network-body.network-feed-page .social-side-title strong{font-size:20px!important;letter-spacing:-.04em!important}
body.network-body.network-feed-page .social-side-title span{font-size:10px!important;line-height:1.7!important}
body.network-body.network-feed-page .social-side-nav nav{gap:5px!important}
body.network-body.network-feed-page .social-side-nav nav a{
  min-height:48px!important;
  border-radius:14px!important;
  border:1px solid transparent!important;
  padding:6px 8px!important;
  font-size:11.5px!important;
  font-weight:800!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}
body.network-body.network-feed-page .social-side-nav nav a:hover{
  transform:translateX(2px)!important;
  border-color:var(--nw-line)!important;
  background:var(--nw-surface-2)!important;
}
body.network-body.network-feed-page .social-side-nav nav a.is-active{
  color:var(--nw-accent)!important;
  background:linear-gradient(135deg,var(--nw-accent-soft),color-mix(in srgb,var(--nw-accent-2) 10%,var(--nw-surface)))!important;
  border-color:color-mix(in srgb,var(--nw-accent) 18%,var(--nw-line))!important;
  box-shadow:inset -3px 0 0 var(--nw-accent)!important;
}
body.network-body.network-feed-page .social-side-nav nav a b{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  display:grid!important;place-items:center!important;
  border-radius:11px!important;
}
body.network-body.network-feed-page .social-side-note{
  margin:18px 2px 2px!important;
  padding:16px!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
body.network-body.network-feed-page .social-side-note p{margin-top:6px!important;font-size:10.5px!important;line-height:1.9!important}

/* Search / filters */
body.network-body.network-feed-page .social-discovery-bar{
  position:relative!important;
  margin:0 0 14px!important;
  padding:12px!important;
  border-radius:20px!important;
  background:color-mix(in srgb,var(--nw-surface) 98%,transparent)!important;
  border:1px solid var(--nw-line)!important;
  box-shadow:0 10px 32px rgba(39,34,68,.055)!important;
}
body.network-body.network-feed-page .social-discovery-bar form{
  grid-template-columns:minmax(0,1fr) 150px auto!important;
  gap:8px!important;
}
body.network-body.network-feed-page .social-discovery-bar :is(input,select){
  min-height:43px!important;
  border-radius:var(--feed-control-radius)!important;
  border-color:var(--nw-line)!important;
  background:var(--nw-surface-2)!important;
  color:var(--nw-text)!important;
  font-size:11px!important;
  outline:none!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
body.network-body.network-feed-page .social-discovery-bar :is(input,select):focus{
  border-color:color-mix(in srgb,var(--nw-accent) 55%,var(--nw-line))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--nw-accent) 11%,transparent)!important;
}
body.network-body.network-feed-page .social-discovery-bar form>button{
  min-height:43px!important;
  border-radius:var(--feed-control-radius)!important;
  padding-inline:18px!important;
  background:linear-gradient(135deg,var(--nw-accent),color-mix(in srgb,var(--nw-accent) 70%,var(--nw-accent-2)))!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--nw-accent) 17%,transparent)!important;
}
body.network-body.network-feed-page .social-discovery-bar>div{margin-top:10px!important;gap:6px!important}
body.network-body.network-feed-page .social-discovery-bar>div a{
  border:1px solid var(--nw-line)!important;
  border-radius:999px!important;
  padding:7px 12px!important;
  font-size:10px!important;
  font-weight:800!important;
}
body.network-body.network-feed-page .social-discovery-bar>div a.is-active{
  border-color:transparent!important;
  background:var(--nw-text)!important;
  color:var(--nw-surface)!important;
}

/* Feed cards */
body.network-body.network-feed-page .social-feed-list{gap:16px!important}
body.network-body.network-feed-page .social-post-card{
  position:relative!important;
  overflow:hidden!important;
  border-radius:var(--feed-card-radius)!important;
  border:1px solid var(--nw-line)!important;
  background:var(--nw-surface)!important;
  box-shadow:0 14px 42px rgba(39,34,68,.07)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
@media (hover:hover){
  body.network-body.network-feed-page .social-post-card:hover{
    transform:translateY(-2px)!important;
    border-color:color-mix(in srgb,var(--nw-accent) 14%,var(--nw-line))!important;
    box-shadow:0 20px 52px rgba(39,34,68,.10)!important;
  }
}
body.network-body.network-feed-page .social-post-card>header{
  min-height:66px!important;
  padding:11px 14px!important;
  border-bottom:1px solid color-mix(in srgb,var(--nw-line) 70%,transparent)!important;
}
body.network-body.network-feed-page .social-avatar{
  width:42px!important;height:42px!important;flex-basis:42px!important;
  border:2px solid var(--nw-surface)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--nw-accent) 24%,var(--nw-line))!important;
}
body.network-body.network-feed-page .social-author strong{font-size:12px!important;font-weight:900!important;color:var(--nw-text)!important}
body.network-body.network-feed-page .social-author small{font-size:9.5px!important;color:var(--nw-muted)!important}
body.network-body.network-feed-page .social-follow-button{
  min-height:34px!important;
  padding:6px 10px!important;
  border-radius:10px!important;
  background:var(--nw-accent-soft)!important;
  color:var(--nw-accent)!important;
  font-size:10px!important;
}
body.network-body.network-feed-page .social-follow-button.is-active{background:var(--nw-surface-2)!important;color:var(--nw-muted)!important}
body.network-body.network-feed-page .social-post-menu summary{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;
  border-radius:10px!important;color:var(--nw-muted)!important;
}
body.network-body.network-feed-page .social-post-menu summary:hover{background:var(--nw-surface-2)!important;color:var(--nw-text)!important}
body.network-body.network-feed-page .social-post-media{
  aspect-ratio:4/4.45!important;
  background:var(--nw-surface-3)!important;
}
body.network-body.network-feed-page .social-post-media img,
body.network-body.network-feed-page .social-post-media video{object-fit:cover!important}
body.network-body.network-feed-page .social-media-type{
  top:12px!important;left:12px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:0 6px 20px rgba(0,0,0,.14)!important;
}
body.network-body.network-feed-page .social-post-actions{
  padding:10px 13px 4px!important;
  align-items:center!important;
}
body.network-body.network-feed-page .social-post-actions>div{gap:4px!important}
body.network-body.network-feed-page .social-post-actions button{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  padding:0!important;border-radius:12px!important;
  transition:background .16s ease,transform .16s ease!important;
}
body.network-body.network-feed-page .social-post-actions button:hover{background:var(--nw-surface-2)!important;transform:scale(1.04)!important;opacity:1!important}
body.network-body.network-feed-page .social-post-actions svg{width:23px!important;height:23px!important}
body.network-body.network-feed-page .social-post-content{
  padding:0 15px 15px!important;
  color:var(--nw-text)!important;
}
body.network-body.network-feed-page .social-like-count{display:inline-block!important;margin-top:1px!important;font-size:11.5px!important;font-weight:900!important;color:var(--nw-text)!important}
body.network-body.network-feed-page .social-post-content>.social-hashtag{
  display:inline-flex!important;
  margin-top:1px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--nw-accent) 8%,var(--nw-surface-2))!important;
  font-size:10px!important;
  font-weight:800!important;
}
body.network-body.network-feed-page .social-booking-row{
  gap:8px!important;
  margin:11px 0 8px!important;
  padding:10px 0!important;
  border-color:var(--nw-line)!important;
}
body.network-body.network-feed-page .social-booking-row .social-book-button{
  padding:8px 13px!important;
  border-radius:11px!important;
  font-size:10px!important;
  box-shadow:none!important;
}
body.network-body.network-feed-page .social-booking-row>a:not(.social-book-button){
  padding:7px 10px!important;
  border-radius:10px!important;
  background:var(--nw-surface-2)!important;
  font-size:10px!important;
}
body.network-body.network-feed-page .social-booking-row>span{font-size:10px!important}
body.network-body.network-feed-page .social-comments{padding-top:2px!important}
body.network-body.network-feed-page .social-comments p{font-size:10.5px!important;line-height:1.85!important;margin:5px 0!important;color:var(--nw-text)!important}
body.network-body.network-feed-page .social-comments-more{font-size:10px!important;padding:5px 0!important}
body.network-body.network-feed-page .social-comment-form{
  grid-template-columns:82px minmax(0,1fr) auto!important;
  gap:7px!important;
  margin-top:8px!important;
  padding-top:7px!important;
  border-top:1px solid var(--nw-line)!important;
}
body.network-body.network-feed-page .social-comment-form input{
  min-height:39px!important;
  padding:8px 10px!important;
  border:1px solid var(--nw-line)!important;
  border-radius:11px!important;
  background:var(--nw-surface-2)!important;
  font-size:10px!important;
}
body.network-body.network-feed-page .social-comment-form button{
  padding-inline:8px!important;
  font-size:10px!important;
}
body.network-body.network-feed-page .social-post-time{margin-top:9px!important;font-size:9px!important}

/* Right rail */
body.network-body.network-feed-page .social-right-rail{top:98px!important;gap:12px!important}
body.network-body.network-feed-page .social-right-rail section{
  position:relative!important;
  overflow:hidden!important;
  padding:19px!important;
  border-radius:22px!important;
  border:1px solid var(--nw-line)!important;
  background:var(--nw-surface)!important;
  box-shadow:0 14px 38px rgba(39,34,68,.065)!important;
}
body.network-body.network-feed-page .social-right-rail section::before{
  content:"";position:absolute;inset-inline-end:-38px;top:-42px;width:115px;height:115px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--nw-accent) 15%,transparent),transparent 68%);pointer-events:none;
}
body.network-body.network-feed-page .social-right-rail section strong{position:relative;font-size:12.5px!important;font-weight:900!important}
body.network-body.network-feed-page .social-right-rail section p{position:relative;font-size:10.5px!important;line-height:1.95!important;margin:8px 0 10px!important}
body.network-body.network-feed-page .social-right-rail section>a{position:relative;font-size:10px!important;font-weight:850!important}
body.network-body.network-feed-page .social-right-rail .social-rail-button{
  padding:10px 12px!important;border-radius:12px!important;text-align:center!important;box-shadow:none!important;
}
body.network-body.network-feed-page .social-right-rail footer{padding:4px 6px!important;gap:9px!important;font-size:9px!important}

/* Focused post */
body.network-body.network-feed-page .social-post-card:target,
body.network-body.network-feed-page .social-post-card[data-post-id]{outline-offset:3px!important}

@media(max-width:1180px){
  body.network-body.network-feed-page .social-app-shell{grid-template-columns:215px minmax(0,660px)!important;max-width:930px!important}
  body.network-body.network-feed-page .social-right-rail{display:none!important}
}

@media(max-width:820px){
  body.network-body.network-feed-page .network-main{padding-top:0!important}
  body.network-body.network-feed-page .social-app-shell{display:block!important;max-width:700px!important;padding-bottom:82px!important}
  body.network-body.network-feed-page .social-side-nav,body.network-body.network-feed-page .social-right-rail{display:none!important}
  body.network-body.network-feed-page .social-discovery-bar{margin-bottom:8px!important;border-radius:0!important;border-inline:0!important;box-shadow:none!important}
  body.network-body.network-feed-page .social-feed-list{gap:8px!important}
  body.network-body.network-feed-page .social-post-card{border-radius:0!important;border-inline:0!important;box-shadow:none!important;transform:none!important}
  body.network-body.network-feed-page .social-post-media{aspect-ratio:auto!important;max-height:78vh!important}
  body.network-body.network-feed-page .social-post-media img,body.network-body.network-feed-page .social-post-media video{height:auto!important;max-height:78vh!important;aspect-ratio:auto!important;object-fit:contain!important;background:#0d0d10!important}
}

@media(max-width:560px){
  body.network-body.network-feed-page .social-discovery-bar{padding:10px!important}
  body.network-body.network-feed-page .social-discovery-bar form{grid-template-columns:1fr auto!important}
  body.network-body.network-feed-page .social-discovery-bar form select{grid-column:1/-1!important;grid-row:2!important}
  body.network-body.network-feed-page .social-discovery-bar form>button{grid-column:2!important;grid-row:1!important;padding-inline:14px!important}
  body.network-body.network-feed-page .social-post-card>header{padding:9px 11px!important}
  body.network-body.network-feed-page .social-post-actions{padding-inline:10px!important}
  body.network-body.network-feed-page .social-post-content{padding:0 12px 13px!important}
  body.network-body.network-feed-page .social-comment-form{grid-template-columns:1fr auto!important}
  body.network-body.network-feed-page .social-comment-form input[name="author_name"]{display:none!important}
  body.network-body.network-feed-page .aranu-feed-caption>p{font-size:12px!important;line-height:1.85!important}
}