/* Conversation-first home: distinct, calm cards without redundant feed chrome. */
.home{--rail:220px;--feed:680px;--right:320px}
.skip-link{position:fixed;left:16px;top:-60px;z-index:100;padding:10px 14px;border-radius:10px;background:var(--accent);color:#0C1117;font-weight:800;transition:top .15s ease}.skip-link:focus{top:12px}
.home-nav a{min-height:48px;gap:13px;padding:10px 12px;border-radius:13px;font-weight:680}.home-nav .nav-icon{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#FFA087}
.rail-create{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 5px 0;border-radius:999px;background:linear-gradient(135deg,var(--accent),#FF9F87);color:#0C1117;font-size:13px;font-weight:850;box-shadow:0 9px 24px rgba(244,122,96,.18)}.rail-create:hover{filter:brightness(1.06);transform:translateY(-1px)}.rail-create svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.feed-header{margin:0 0 10px;padding:11px 16px 8px;background:rgba(11,14,20,.9);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:16px}.feed-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.feed-title-row h1{margin:0;font-size:20px;line-height:1.2;letter-spacing:-.45px}.live-indicator{display:inline-flex;align-items:center;gap:6px;color:#7f8998;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.live-indicator i{width:6px;height:6px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 4px rgba(120,151,166,.10)}

/* The ranking reason used to sit in its own band between cards ("From ~Funny / Hide").
   The community is already present in the post metadata, so the extra strip is intentionally gone. */
.home .feed-reason-row{display:none!important}
.home .home-feed{display:flex;flex-direction:column;gap:12px;border:0;border-radius:0;overflow:visible;background:transparent}
.home .home-feed .mixed-item{position:relative;min-width:0}
.home .home-feed .mixed-item:not(:has(.post-card,.community-discovery-card,.feed-hidden-placeholder)){display:none}
.home .mixed-feed .post-card{position:relative;margin:0;border:1px solid #263241;border-left:1px solid #263241;border-radius:16px!important;background:linear-gradient(180deg,#111722 0%,#0f151f 100%);box-shadow:0 7px 22px rgba(0,0,0,.11);overflow:hidden;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}
.home .mixed-feed .post-card:hover{transform:none;background:linear-gradient(180deg,#141b27 0%,#111822 100%);border-color:#354154;box-shadow:0 9px 26px rgba(0,0,0,.15)}
.home .home-feed .community-discovery-card{margin:0;border-radius:16px}

/* Keep Hide in the card corner, separate from the normal post action row. */
.home .post-card>.post-mobile-hide-form{display:block;position:absolute;top:9px;right:9px;z-index:4;margin:0}
.home .post-card>.post-mobile-hide-form .post-mobile-hide-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 9px;border:0;border-radius:10px;background:rgba(17,23,34,.94);color:#aeb7c5;font:inherit;font-size:11px;font-weight:700;cursor:pointer;backdrop-filter:blur(10px)}
.home .post-card>.post-mobile-hide-form .post-mobile-hide-button:hover{background:#1b2230;color:var(--text)}
.home .post-card>.post-mobile-hide-form .post-mobile-hide-button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}
.home .post-card>.post-mobile-hide-form .post-mobile-hide-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.home .post-card .meta{padding-right:84px}
.home .post-card .post-action-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 9px!important;border:1px solid transparent!important;border-radius:9px;background:transparent!important;color:#8f99a8;font:inherit;font-size:12px;font-weight:600;line-height:1;box-shadow:none;cursor:pointer}
.home .post-card .post-action-button svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.home .post-card .post-action-button:hover{background:#1b2230!important;border-color:#303a4b!important;color:var(--text)}
.home .post-card .post-action-button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}
.home .post-card .post-save-action[aria-pressed="true"]{color:var(--accent-2)}

.home-panel{border-color:#283142;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.08)}.home-footer{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;margin:1px 7px;color:#697485;font-size:11px}.home-footer a:hover{color:var(--text)}.home-footer small{flex-basis:100%;font-size:11px}

@media(max-width:1180px){.home{--rail:200px;--feed:700px}}
@media(max-width:680px){
  .feed-header{border-left:0;border-right:0;border-radius:0;padding:9px 10px 6px;margin-bottom:8px}
  .feed-title-row{display:none}
  .home .home-feed{gap:10px;padding:0 9px 8px}
  .home .mixed-feed .post-card{border:1px solid #263241;border-radius:14px!important;padding:15px 14px 16px}
  .home .mixed-feed .post-card:hover{box-shadow:0 7px 22px rgba(0,0,0,.11)}
  .home .home-feed .community-discovery-card{border-radius:14px}
  .home .post-card .post-action-button{min-height:44px;padding:8px 10px!important;font-size:13px}
  .home-shell{padding-inline:0}
  .home-tabs a{padding-inline:10px}
}

/* Restore the intended side gutters on community pages inside the shell. */
@media(max-width:780px){
  body.home .home-shell>#shell-main.communities-page{padding-left:14px;padding-right:14px}
  body.home .home-shell>#shell-main.community-page-v2{padding:16px 14px 70px}
}