/* GATEHOUSE 2.0 (30 Sep 2026): the cover header, the command column and one card language. */
/* 1. COVER HEADER on every app page */
html body.pfh-app .pa-head{position:relative;isolation:isolate;overflow:hidden;margin:0 0 22px!important;padding:26px 30px 22px!important;border-radius:28px!important;background:linear-gradient(90deg,#2E7D5B,#3FBF84 55%,#E07A2F) 30px 0/calc(100% - 60px) 3px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 300' fill='none' stroke='%232E7D5B' stroke-opacity='.5' stroke-width='1.4'%3E%3Cpath d='M60 300V150a150 150 0 01300 0v150'/%3E%3Cpath d='M100 300V160a110 110 0 01220 0v140' stroke-dasharray='4 7'/%3E%3Cpath d='M140 300V170a70 70 0 01140 0v130'/%3E%3Cpath d='M175 300v-90M210 300v-110M245 300v-90' stroke='%23E07A2F' stroke-opacity='.7' stroke-width='2'/%3E%3Ccircle cx='210' cy='118' r='6' fill='%23E07A2F' stroke='none'/%3E%3C/svg%3E") right -20px bottom -60px/400px 286px no-repeat,radial-gradient(900px 320px at 92% -30%,rgba(63,191,132,.30),transparent 62%),radial-gradient(700px 260px at -5% 130%,rgba(224,122,47,.16),transparent 60%),linear-gradient(135deg,#FFFFFF 0,#F1F8F4 100%)!important;box-shadow:0 1px 2px rgba(11,23,41,.05),0 24px 48px -34px rgba(11,23,41,.55),inset 0 0 0 1px rgba(20,35,63,.07)!important}
html body.pfh-app .pa-head .pa-h1{font-size:clamp(40px,4.2vw,64px)!important;line-height:.98!important;letter-spacing:.005em!important}
html body.pfh-app .pa-head .gx-sub{max-width:58ch;font-size:16.5px!important;color:#33404F!important}
html body.pfh-app .pa-head .gx-stats{margin-top:18px!important;gap:12px!important}
html body.pfh-app .pa-head .gx-stat{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px!important;box-shadow:inset 0 0 0 1px rgba(20,35,63,.08),0 10px 24px -20px rgba(11,23,41,.7)!important;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s}
html body.pfh-app .pa-head a.gx-stat:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(46,125,91,.35),0 16px 30px -20px rgba(11,23,41,.7)!important}
html body.pfh-app .pa-head .gx-stat .gx-n{font-size:clamp(30px,2.6vw,40px)!important}
/* 2. COMMAND COLUMN (wide screens) */
@media (min-width:1200px){
 html body.pfh-app .pa-body.has-feat{grid-template-columns:minmax(0,720px) 340px!important;gap:30px!important}
 html body.pfh-app .pa-body>.pa-rail{position:sticky;top:18px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:thin;padding-bottom:6px}
 html body.pfh-app .pa-rail .v2-moved{margin:0!important}
 html body.pfh-app .pa-rail section.pfh-nlh{padding:16px 16px 8px 20px}
 html body.pfh-app .pa-rail section.pfh-nlh .pfh-nlh__sub{flex-basis:100%;font-size:13px}
 html body.pfh-app .pa-rail section.pfh-nlh .pfh-nlh__txt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 html body.pfh-app .pa-body>.pa-rail>*{flex-shrink:0!important}
 html body.pfh-app .pa-rail section.pfh-nlh .pfh-nlh__it{display:grid!important;grid-template-columns:40px minmax(0,1fr);gap:6px 12px;align-items:start}
 html body.pfh-app .pa-rail section.pfh-nlh a.pfh-nlh__go{grid-column:2;justify-self:start;height:34px}
}
/* 3. ONE CARD LANGUAGE */
html body.pfh-app #buddypress .activity-list>li.activity-item>.activity-content,html body.pfh-app .pa-rail .lr-card,html body.pfh-app #buddypress section.os-feed,html body.pfh-app #buddypress section.rb-feed,html body.pfh-app .pa-rail section.os-feed,html body.pfh-app .pa-rail section.rb-feed{border-radius:22px!important}
html body.pfh-app #buddypress .activity-list>li.activity-item>.activity-content{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}
html body.pfh-app #buddypress .activity-list>li.activity-item>.activity-content:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(11,23,41,.05),0 26px 44px -30px rgba(11,23,41,.55),inset 0 0 0 1px rgba(20,35,63,.08)!important}
/* 4. ENTRANCE: cards rise in once (fail-visible: only when the page script adds .v2-in) */
@media (prefers-reduced-motion:no-preference){
 html body.pfh-app.v2-anim .pa-head,html body.pfh-app.v2-anim .pa-rail>*{animation:v2Rise .6s cubic-bezier(.16,1,.3,1) both}
 html body.pfh-app.v2-anim .pa-rail>*:nth-child(2){animation-delay:.06s}html body.pfh-app.v2-anim .pa-rail>*:nth-child(3){animation-delay:.12s}html body.pfh-app.v2-anim .pa-rail>*:nth-child(4){animation-delay:.18s}html body.pfh-app.v2-anim .pa-rail>*:nth-child(n+5){animation-delay:.24s}
}
@keyframes v2Rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* dark */
html body.pfh-app.pfh-dark .pa-head{background:linear-gradient(90deg,#2E7D5B,#3FBF84 55%,#E07A2F) 30px 0/calc(100% - 60px) 3px no-repeat,radial-gradient(900px 320px at 92% -30%,rgba(63,191,132,.20),transparent 62%),radial-gradient(700px 260px at -5% 130%,rgba(224,122,47,.12),transparent 60%),linear-gradient(135deg,#151A21,#101820)!important;box-shadow:inset 0 0 0 1px #26303C!important}
html body.pfh-app.pfh-dark .pa-head .gx-sub{color:#B8C3D0!important}
html body.pfh-app.pfh-dark .pa-head .gx-stat{background:rgba(21,26,33,.72)!important;box-shadow:inset 0 0 0 1px #2A323D!important}
/* Needs an answer inside the command column */
html body.pfh-app #pa-rail .pfh-nlh{position:relative;margin:0 0 18px;padding:16px 16px 10px 20px;border-radius:20px;background:#FFFFFF;box-shadow:0 1px 2px rgba(11,23,41,.05),0 16px 32px -26px rgba(11,23,41,.6),inset 0 0 0 1px rgba(20,35,63,.07);overflow:hidden;font-family:"Space Grotesk","Archivo",system-ui,sans-serif}
html body.pfh-app #pa-rail .pfh-nlh::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#E07A2F,#F2B98A)}
html body.pfh-app #pa-rail .pfh-nlh__hd{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0 0 8px}
html body.pfh-app #pa-rail .pfh-nlh__dot{position:relative;top:-1px;flex:none;width:10px;height:10px;border-radius:50%;background:#E07A2F;box-shadow:0 0 0 0 rgba(224,122,47,.5);animation:pfhNlhPulse 2.4s ease-out infinite}
html body.pfh-app #pa-rail .pfh-nlh h2.pfh-nlh__k{margin:0!important;padding:0!important;border:0!important;font-family:"Anton","Arial Narrow",Impact,sans-serif!important;font-size:22px!important;font-weight:400!important;line-height:1.1!important;letter-spacing:.02em!important;text-transform:uppercase!important;color:#14233F!important}
html body.pfh-app #pa-rail .pfh-nlh__sub{flex:1 1 260px;margin:0;font-size:14px;line-height:1.4;color:#4A5563}
html body.pfh-app #pa-rail .pfh-nlh__list{margin:0!important;padding:0!important;list-style:none!important}
html body.pfh-app #pa-rail .pfh-nlh__it{display:flex;align-items:center;gap:12px;margin:0!important;padding:10px 0!important;border-top:1px solid rgba(20,35,63,.08);list-style:none!important}
html body.pfh-app #pa-rail .pfh-nlh__it:first-child{border-top:0}
html body.pfh-app #pa-rail .pfh-nlh__av{flex:none;width:40px!important;height:40px!important;border-radius:12px!important;object-fit:cover;background:#DDE7E4}
html body.pfh-app #pa-rail .pfh-nlh__body{flex:1;min-width:0}
html body.pfh-app #pa-rail .pfh-nlh__who{margin:0 0 2px!important;font-size:14px;line-height:1.3;color:#14233F}
html body.pfh-app #pa-rail .pfh-nlh__wait{display:inline-block;margin-left:4px;padding:2px 8px;border-radius:999px;background:#FCEBDD;color:#A9501A;font-size:12px;font-weight:700;vertical-align:1px}
html body.pfh-app #pa-rail .pfh-nlh__txt{margin:0!important;font-size:15px;line-height:1.4;color:#2A3441;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.pfh-app #pa-rail a.pfh-nlh__go{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px 0 13px;border-radius:999px;background:#2E7D5B!important;color:#FFFFFF!important;font-size:14px;font-weight:700;line-height:1;text-decoration:none!important;box-shadow:0 8px 16px -10px rgba(30,92,66,.95)}
html body.pfh-app #pa-rail a.pfh-nlh__go:hover,html body.pfh-app #pa-rail a.pfh-nlh__go:focus{background:#256B4D!important;color:#FFFFFF!important}
html body.pfh-app #pa-rail a.pfh-nlh__go:focus-visible{outline:3px solid #E07A2F;outline-offset:2px}
html body.pfh-app #pa-rail a.pfh-nlh__go svg{width:17px;height:17px}
@media (max-width:560px){html body.pfh-app #pa-rail .pfh-nlh__txt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}html body.pfh-app #pa-rail a.pfh-nlh__go{padding:0 12px}html body.pfh-app #pa-rail a.pfh-nlh__go span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}}
@media (prefers-reduced-motion:reduce){html body.pfh-app #pa-rail .pfh-nlh__dot{animation:none}}
html body.pfh-app.pfh-dark #pa-rail .pfh-nlh{background:#151A21;box-shadow:inset 0 0 0 1px #2A323D}
html body.pfh-app.pfh-dark #pa-rail .pfh-nlh h2.pfh-nlh__k,html body.pfh-app.pfh-dark #pa-rail .pfh-nlh__who{color:#FFFFFF!important}
html body.pfh-app.pfh-dark #pa-rail .pfh-nlh__sub{color:#A9B4C2}
html body.pfh-app.pfh-dark #pa-rail .pfh-nlh__txt{color:#D5DCE5}
html body.pfh-app.pfh-dark #pa-rail .pfh-nlh__it{border-top-color:#232B35}
html body.pfh-app.pfh-dark #pa-rail .pfh-nlh__wait{background:#3A2718;color:#F2B98A}