:root{--green:#27663d;--green-dark:#174a2b;--green-soft:#eaf3e9;--ink:#171c18;--muted:#687068;--cream:#f5f0e8;--paper:#fff;--line:#d9dfd8;--danger:#8f2020;--shadow:0 16px 42px rgba(46,53,45,.11)}
*{box-sizing:border-box}html{background:var(--cream);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:var(--cream);font-family:Inter,"Segoe UI",Arial,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}img,video{max-width:100%}.hidden{display:none!important}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(2rem,4.4vw,3.7rem);line-height:1.03;letter-spacing:-.045em}h2{margin:0;font-size:clamp(1.55rem,2.6vw,2.15rem);line-height:1.08;letter-spacing:-.025em}h3{margin:0;font-size:1.04rem}p{margin:0;color:var(--muted);font-size:1rem;line-height:1.5}.brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--ink);text-decoration:none}.brand img{width:2.7rem;height:2.7rem;border-radius:.75rem}.brand b{font-size:1.12rem}.brand b span{color:var(--green)}
.primary,.secondary{min-height:3rem;border-radius:.75rem;padding:.7rem 1rem;font-weight:850}.primary{border:0;background:var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.secondary:hover{border-color:#9db49e;background:#f9fbf8}.fit{width:auto;min-width:9rem}.small{min-height:2.5rem;padding:.5rem .8rem;font-size:.85rem}.textButton,.backLink,.iconButton{border:0;background:transparent;color:var(--green);font-weight:750}.textButton{padding:.3rem 0;text-align:left}.backLink{padding:0 0 1rem}.iconButton{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;font-size:1.1rem}.iconButton:hover{background:var(--green-soft)}
.authApp{min-height:100vh;background:radial-gradient(circle at 8% 12%,rgba(99,140,73,.10),transparent 25%),var(--cream)}.authHeader{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;min-height:4.5rem;padding:.65rem clamp(1rem,3vw,3rem);border-bottom:1px solid var(--line);background:rgba(250,248,243,.94);backdrop-filter:blur(10px)}.authHeader>strong{text-align:center;color:#2f4033}.authHeader select{justify-self:end;min-height:2.65rem;max-width:10.5rem;border:1px solid var(--line);border-radius:.75rem;background:#fff;padding:.5rem .75rem}.authMain{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(23rem,.75fr);align-items:start;gap:2rem;width:min(96rem,calc(100% - 2rem));margin:0 auto;padding:1.6rem 0 2rem}.authIntro{min-width:0}.authIntro>p{max-width:48rem;margin-top:.75rem;font-size:1.08rem}.authIntro>b{display:block;margin-top:.4rem;color:#5d655e}.mediaCard{position:relative;overflow:hidden;margin-top:1rem;aspect-ratio:16/9;border:1px solid var(--line);border-radius:1.25rem;background:#101510;box-shadow:var(--shadow)}.mediaCard video{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}.mediaCard>span{position:absolute;left:.75rem;bottom:.75rem;padding:.45rem .65rem;border-radius:.65rem;background:rgba(19,32,23,.78);color:#fff;font-size:.78rem;pointer-events:none}.authCard{min-width:0;min-height:36rem;padding:clamp(1.4rem,3vw,2rem);border:1px solid var(--line);border-radius:1.5rem;background:rgba(255,255,255,.97);box-shadow:var(--shadow)}.authView>p{margin-top:.55rem}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin:1.35rem 0;padding:.3rem;border-radius:.8rem;background:#eff1ee}.tabs button{min-height:2.8rem;border:0;border-radius:.6rem;background:transparent;color:#697069;font-weight:800}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px rgba(0,0,0,.08)}
.form{display:grid;gap:.9rem}.form>label,.twoFields>label,.fieldGrid>label,.dialogCard>label{display:grid;gap:.38rem;color:#3f4740;font-size:.88rem;font-weight:800}.form input,.form select,.fieldGrid input,.fieldGrid select,.fieldGrid textarea,.dialogCard input,.dialogCard textarea{width:100%;min-width:0;min-height:3rem;border:1px solid #ccd4cc;border-radius:.75rem;background:#fff;padding:.7rem .8rem;color:var(--ink);font-weight:500}.form textarea,.fieldGrid textarea,.dialogCard textarea{min-height:6.2rem;resize:vertical}.form input:focus,.form select:focus,.fieldGrid input:focus,.fieldGrid select:focus,.fieldGrid textarea:focus,.dialogCard input:focus,.dialogCard textarea:focus{outline:3px solid rgba(39,102,61,.13);border-color:#79a27e}.password{position:relative;display:block}.password input{padding-right:5.2rem}.password button{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--green);font-size:.78rem;font-weight:800}.check{display:flex!important;align-items:flex-start!important;grid-template-columns:auto 1fr;gap:.55rem!important;color:var(--muted)!important;font-weight:600!important;line-height:1.4}.check input{width:1rem!important;min-height:auto!important;margin:.18rem 0 0;accent-color:var(--green)}.check.block{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:#fff}.twoFields{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.accountType{margin:0;padding:0;border:0}.accountType legend,.coverage legend,.visibility legend{margin-bottom:.45rem;padding:0;color:#3f4740;font-size:.88rem;font-weight:800}.typeGrid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.typeCard{display:flex;align-items:flex-start;gap:.6rem;min-height:5rem;padding:.8rem;border:1px solid #ccd4cc;border-radius:.8rem;background:#fff;cursor:pointer}.typeCard:has(input:checked){border-color:var(--green);background:var(--green-soft);box-shadow:0 0 0 2px rgba(39,102,61,.08)}.typeCard input{flex:0 0 auto;width:auto;min-height:auto;margin:.2rem 0 0;accent-color:var(--green)}.typeCard span{min-width:0}.typeCard b{display:block;font-size:.88rem}.typeCard small{display:block;margin-top:.25rem;color:var(--muted);font-size:.74rem;line-height:1.35}.message{min-height:1.2rem;padding:.65rem .75rem;border-radius:.65rem;font-size:.84rem;line-height:1.35}.message:empty{display:none}.message.error{background:#fff0f0;color:var(--danger)}.message.success{background:#edf7ed;color:var(--green)}.demo{margin-top:1rem;border-top:1px solid var(--line);padding-top:.8rem;color:var(--muted);font-size:.78rem}.demo summary{cursor:pointer;color:var(--green);font-weight:800}.demo p{margin-top:.35rem;font-size:.78rem}.stackActions{display:grid;gap:.7rem;margin-top:1.4rem}.stateIcon{display:grid;place-items:center;width:3rem;height:3rem;margin-bottom:1rem;border-radius:50%;background:#fff0f0;color:var(--danger);font-size:1.5rem;font-weight:900}
.confirmationIcon{background:var(--green-soft);color:var(--green)}.confirmationEmail{margin-top:.8rem;color:var(--ink);font-weight:850}.confirmationCompany{margin-top:.75rem;padding:.75rem;border:1px solid var(--line);border-radius:.7rem;background:var(--green-soft);font-size:.88rem}
.simpleHeader{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:4.5rem;padding:.65rem clamp(1rem,3vw,3rem);border-bottom:1px solid var(--line);background:#fff}.simpleHeader>span{font-weight:850}.simpleHeader>button{justify-self:end}.companyApp{min-height:100vh;background:radial-gradient(circle at 92% 8%,rgba(39,102,61,.09),transparent 25%),var(--cream)}.companyShell{width:min(70rem,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.wizardHead{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.2rem}.wizardHead h1{font-size:clamp(2rem,4vw,3rem)}.wizardHead p{margin-top:.55rem}.eyebrow{display:inline-block;margin-bottom:.55rem;color:var(--green);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.steps{display:flex;align-items:center}.steps span{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid #bfc9bf;border-radius:50%;background:#fff;color:#6f776f;font-weight:850;font-size:.78rem}.steps span.active{border-color:var(--green);background:var(--green);color:#fff}.steps i{display:block;width:2.6rem;height:2px;background:#cdd4cc}.wizardCard{padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--line);border-radius:1.25rem;background:#fff;box-shadow:var(--shadow)}.wizardCard section>h2{margin-bottom:1.2rem}.fieldGrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.fieldGrid .full{grid-column:1/-1}.coverage,.visibility{display:flex;flex-wrap:wrap;gap:.8rem 1.3rem;margin:0;padding:1rem;border:1px solid var(--line);border-radius:.8rem}.coverage legend,.visibility legend{width:100%}.coverage label,.visibility label{display:flex;align-items:center;gap:.4rem;color:#4e574f;font-size:.88rem}.coverage input,.visibility input{width:auto;min-height:auto;accent-color:var(--green)}.wizardActions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.2rem}.confirmBox{padding:1rem;border:1px solid #d7c47f;border-radius:.85rem;background:#fff8df}.confirmBox p{margin-top:.35rem;font-size:.9rem}
.profileApp{min-height:100vh;background:#f1f3f1;padding-bottom:1rem}.socialHeader{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(14rem,1fr) auto auto;align-items:center;gap:1rem;min-height:4.35rem;padding:.55rem max(1rem,calc((100vw - 78rem)/2));border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.compactBrand b{display:none}.compactBrand img{width:2.7rem;height:2.7rem}.search{display:flex;align-items:center;gap:.55rem;min-width:0;min-height:2.7rem;padding:0 .8rem;border:1px solid var(--line);border-radius:999px;background:#f4f6f3}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.topNav{display:flex;gap:.2rem}.topNav button{min-height:2.7rem;border:0;border-radius:.65rem;background:transparent;padding:.6rem .75rem;color:#586059;font-weight:750}.topNav button:hover,.topNav button.active{background:var(--green-soft);color:var(--green)}.avatarButton{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:var(--green);color:#fff;font-weight:900}.profileShell{width:min(74rem,calc(100% - 2rem));margin:1.1rem auto}.profileHero{overflow:hidden;border:1px solid var(--line);border-radius:1.15rem;background:#fff;box-shadow:0 6px 18px rgba(42,56,45,.06)}.cover{position:relative;height:14rem;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.24),transparent 24%),linear-gradient(135deg,#173f29,#37784b 56%,#94aa69)}.cover:after{content:"";position:absolute;inset:auto 7% 15% auto;width:10rem;height:10rem;border:1px solid rgba(255,255,255,.22);border-radius:50%}.cover button{position:absolute;right:1rem;bottom:1rem;z-index:1;min-height:2.5rem;border:1px solid rgba(255,255,255,.55);border-radius:.7rem;background:rgba(18,40,26,.62);color:#fff;padding:.55rem .75rem;font-weight:750}.profileIdentity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:1rem;padding:0 1.4rem 1rem}.largeAvatar{display:grid;place-items:center;width:8.5rem;height:8.5rem;margin-top:-3.6rem;border:.35rem solid #fff;border-radius:50%;background:var(--green);color:#fff;font-size:2.6rem;font-weight:900;box-shadow:0 5px 16px rgba(0,0,0,.13)}.identityText{padding-top:.8rem}.identityText h1{font-size:2rem;letter-spacing:-.03em}.identityText p{margin-top:.25rem;font-size:.9rem}.profileActions{display:flex;gap:.6rem;align-items:center;padding-top:.8rem}.profileSwitcher{display:flex;gap:.35rem;margin:0 1.4rem .8rem;padding:.3rem;border-radius:.75rem;background:#eef1ee;width:max-content}.profileSwitcher button{min-height:2.4rem;border:0;border-radius:.55rem;background:transparent;padding:.45rem .8rem;color:#5f675f;font-weight:800}.profileSwitcher button.active{background:#fff;color:var(--green);box-shadow:0 2px 7px rgba(0,0,0,.08)}.profileTabs{display:flex;gap:.25rem;padding:.4rem 1.2rem 0;border-top:1px solid var(--line);overflow-x:auto}.profileTabs button{flex:0 0 auto;min-height:3rem;border:0;border-bottom:.2rem solid transparent;background:transparent;padding:.65rem .8rem;color:#626a63;font-weight:800}.profileTabs button.active{border-bottom-color:var(--green);color:var(--green)}
.profileGrid{display:grid;grid-template-columns:minmax(17rem,.36fr) minmax(0,.64fr);align-items:start;gap:1rem;margin-top:1rem}.sideColumn,.feedColumn{display:grid;gap:1rem;min-width:0}.contentCard{min-width:0;padding:1.1rem;border:1px solid var(--line);border-radius:1rem;background:#fff}.contentCard h2{font-size:1.15rem;letter-spacing:-.01em}.contentCard h3{margin-top:.6rem}.contentCard>p{margin-top:.65rem;font-size:.9rem}.cardHead{display:flex;align-items:center;justify-content:space-between;gap:1rem}.infoList{display:grid;gap:.7rem;margin:1rem 0 0}.infoList>div{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-top:.7rem;border-top:1px solid #edf0ec}.infoList dt{color:var(--muted);font-size:.82rem}.infoList dd{margin:0;text-align:right;font-size:.85rem;font-weight:750}.chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.chips span{padding:.45rem .65rem;border-radius:999px;background:var(--green-soft);color:#355b3c;font-size:.78rem;font-weight:750}.miniCommunity{display:grid;gap:.15rem;padding:.8rem 0;border-bottom:1px solid #edf0ec}.miniCommunity:last-child{border-bottom:0}.miniCommunity b{font-size:.88rem}.miniCommunity span{color:var(--muted);font-size:.78rem}.composer{display:flex;align-items:center;gap:.7rem}.composer>button{flex:1;min-width:0;min-height:2.9rem;border:1px solid var(--line);border-radius:999px;background:#f5f6f4;padding:.7rem 1rem;text-align:left;color:#777f78}.miniAvatar{display:grid;place-items:center;flex:0 0 auto;width:2.65rem;height:2.65rem;border-radius:50%;background:var(--green);color:#fff;font-weight:900}.companyAvatar{background:#3f4d43}.post header{display:flex;align-items:center;gap:.7rem}.post header div:last-child{display:grid}.post header span{color:var(--muted);font-size:.76rem}.post>p{margin:1rem 0;font-size:.95rem}.post footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf0ec;padding-top:.5rem}.post footer button{min-height:2.5rem;border:0;border-radius:.55rem;background:transparent;color:#626a63;font-weight:750}.post footer button:hover{background:#f2f5f1}.communityList{display:grid;gap:.7rem;margin-top:1rem}.communityList>div{display:grid;gap:.2rem;padding:1rem;border:1px solid var(--line);border-radius:.8rem}.communityList span{color:var(--muted);font-size:.83rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.stats article{display:grid;gap:.25rem;padding:1rem;border:1px solid var(--line);border-radius:.9rem;background:#fff}.stats b{font-size:1.2rem}.stats span{color:var(--muted);font-size:.78rem}.statusBadge{display:inline-block;margin-top:.8rem;padding:.45rem .65rem;border-radius:999px;background:#fff4cf;color:#766018;font-size:.78rem;font-weight:850}.smallText{font-size:.82rem!important}.management{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem}.management button{min-height:2.8rem}.bottomNav{display:none}
dialog{width:min(35rem,calc(100% - 1.2rem));padding:0;border:0;border-radius:1rem;box-shadow:0 22px 65px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(17,25,19,.62);backdrop-filter:blur(2px)}.dialogCard{display:grid;gap:1rem;padding:1.2rem}.dialogHead{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dialogHead h2{font-size:1.35rem}.dialogHead button{width:2.4rem;height:2.4rem;border:0;border-radius:50%;background:#f1f3f0;font-size:1.4rem}.dialogActions{display:flex;justify-content:flex-end;gap:.6rem}.postTextarea{min-height:10rem!important}.toast{position:fixed;left:50%;bottom:1.3rem;z-index:80;transform:translate(-50%,1rem);max-width:calc(100% - 2rem);padding:.75rem 1rem;border-radius:.75rem;background:#17241a;color:#fff;opacity:0;pointer-events:none;transition:.18s ease}.toast.show{transform:translate(-50%,0);opacity:1}.prototypeMenu{position:fixed;right:.8rem;bottom:.8rem;z-index:90;border:0;border-radius:999px;background:#17241a;color:#fff;padding:.55rem .7rem;font-size:.68rem;font-weight:900;letter-spacing:.05em}.prototypePanel{position:fixed;right:.8rem;bottom:3.5rem;z-index:90;display:grid;min-width:10rem;padding:.4rem;border:1px solid var(--line);border-radius:.75rem;background:#fff;box-shadow:var(--shadow)}.prototypePanel button{border:0;border-radius:.55rem;background:#fff;padding:.65rem;text-align:left}.prototypePanel button:hover{background:#f0f4ef}
@media(max-width:980px){.authMain{grid-template-columns:minmax(0,1fr);width:min(47rem,calc(100% - 1.2rem))}.authCard{order:-1;min-height:auto}.authIntro h1{font-size:2.25rem}.authHeader>strong{font-size:.9rem}.socialHeader{grid-template-columns:auto minmax(10rem,1fr) auto}.topNav{display:none}.profileGrid{grid-template-columns:minmax(15rem,.42fr) minmax(0,.58fr)}.profileActions{display:grid}.profileActions button{width:100%}}
@media(max-width:700px){body{padding-bottom:0}.authHeader{grid-template-columns:auto minmax(0,1fr) auto;padding:.5rem .7rem}.authHeader>strong{font-size:.72rem;line-height:1.15}.authHeader .brand b{display:none}.authHeader select{width:6.4rem;font-size:.75rem}.authMain{padding:.7rem 0 1rem}.authCard{padding:1.1rem;border-radius:1rem}.authIntro{padding:.4rem}.authIntro h1{font-size:2rem}.authIntro>p{font-size:.95rem}.typeGrid,.twoFields,.fieldGrid{grid-template-columns:1fr}.fieldGrid .full{grid-column:auto}.typeCard{min-height:auto}.mediaCard{border-radius:1rem}.simpleHeader{grid-template-columns:auto 1fr auto;padding:.5rem .7rem}.simpleHeader .brand b{display:none}.simpleHeader>span{text-align:center;font-size:.82rem}.companyShell{width:min(100% - 1rem,44rem);padding:1rem 0 2rem}.wizardHead{display:grid;gap:1rem}.wizardHead h1{font-size:2rem}.steps{justify-self:center}.wizardCard{padding:1rem}.coverage,.visibility{display:grid;gap:.7rem}.socialHeader{grid-template-columns:auto minmax(0,1fr) auto;padding:.5rem .65rem}.search{min-width:0}.search input{font-size:.8rem}.profileShell{width:min(100% - .8rem,44rem);margin:.5rem auto 5rem}.profileHero{border-radius:.9rem}.cover{height:9rem}.cover button{font-size:.72rem}.profileIdentity{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:.7rem;padding:0 .8rem .8rem}.largeAvatar{width:5.8rem;height:5.8rem;margin-top:-2.4rem;border-width:.25rem;font-size:1.8rem}.identityText h1{font-size:1.45rem}.identityText p{font-size:.78rem}.profileActions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%;padding-top:.3rem}.profileActions button{min-width:0;width:100%;font-size:.78rem;padding:.55rem}.profileSwitcher{margin:0 .8rem .6rem;width:calc(100% - 1.6rem)}.profileSwitcher button{flex:1}.profileTabs{padding-left:.45rem}.profileGrid{grid-template-columns:1fr}.sideColumn{order:2}.contentCard{padding:.9rem}.stats{grid-template-columns:repeat(3,1fr)}.management{grid-template-columns:1fr}.bottomNav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);min-height:4rem;border-top:1px solid var(--line);background:rgba(255,255,255,.97);padding:.3rem .2rem env(safe-area-inset-bottom)}.bottomNav button{display:grid;place-items:center;gap:.05rem;min-width:0;border:0;background:transparent;color:#657066;font-size:.62rem}.bottomNav button span{font-size:1.1rem}.bottomNav button.active{color:var(--green);font-weight:850}.prototypeMenu{bottom:4.6rem}.prototypePanel{bottom:7.3rem}.toast{bottom:4.8rem}.post footer button{font-size:.72rem}.dialogActions>*{flex:1;min-width:0}.dialogActions{display:grid;grid-template-columns:1fr 1fr}}

@media(min-width:701px){
  .dialogHead .desktopBackButton{display:inline-flex;width:auto;height:auto;min-height:2.35rem;border:1px solid var(--line);border-radius:.65rem;background:#fff;padding:.45rem .8rem;font-size:.82rem;font-weight:800}
  .wizardHead .wizardBackButton{flex:0 0 auto;min-height:2.45rem;padding:.5rem .85rem}
}
@media(max-width:700px){.dialogHead .desktopBackButton,.wizardHead .wizardBackButton{display:none}}
@media(max-width:390px){.authHeader>strong{display:none}.authHeader{grid-template-columns:auto 1fr}.authHeader select{justify-self:end}.profileActions{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.post footer{grid-template-columns:1fr}.post footer button{text-align:left}.steps i{width:1.7rem}}

/* Publication and partner routes */
.cover{height:16rem;background-image:linear-gradient(90deg,rgba(17,36,24,.68),rgba(17,36,24,.20)),url("assets/about-collage-v1.png");background-position:center 38%;background-size:cover}
.cover:after{display:none}
.cover .coverPartner{top:1rem;right:1rem;bottom:auto;min-width:10rem;border-color:rgba(255,255,255,.72);background:rgba(63,70,75,.92)}
.cover .coverEdit{right:1rem;bottom:1rem;background:rgba(18,40,26,.72)}
.accountTypeLine{display:flex;align-items:center;gap:.35rem;margin-top:.35rem!important;color:#586159!important;font-size:.8rem!important;font-weight:750}
.accountTypeLine button{border:0;background:transparent;padding:0;color:var(--green);font:inherit;text-decoration:underline;text-underline-offset:.18rem}
.composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto}
.composer>.composerPrompt{width:100%;text-align:left}
.composer>.composerSubmit{min-height:2.9rem;border:0;border-radius:.7rem;background:var(--green);padding:.65rem 1rem;color:#fff;font-weight:850}
.emptyFeed{text-align:center;padding:2rem}
.emptyFeed p{max-width:35rem;margin:.5rem auto 0}
#newPosts,#companyPosts{display:grid;gap:1rem}
.post header .postMeta{display:grid}
.post header .postEdit{margin-left:auto;min-height:2.25rem;border:0;border-radius:.55rem;background:#f1f3f0;padding:.4rem .65rem;color:#586159;font-size:.78rem;font-weight:750}
.postMedia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;overflow:hidden;margin:.8rem 0 1rem;border-radius:.85rem;background:#eef1ee}
.postMedia.single{grid-template-columns:1fr}
.postMediaItem{min-width:0;overflow:hidden;background:#101510}
.postMedia img,.postMedia video{display:block;width:100%;height:18rem;object-fit:cover;background:#101510}
.postMedia.single img,.postMedia.single video{height:auto;max-height:min(24rem,62vh);object-fit:contain}
.postDialogHead{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto}
.postDialogHead h2{text-align:center}
.dialogBack{grid-column:1}
.placeButton{min-height:2.6rem;border:0;border-radius:.65rem;background:var(--green);padding:.55rem .85rem;color:#fff;font-weight:850}
.mediaTools{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;padding:.85rem;border:1px solid var(--line);border-radius:.8rem;background:#f7f8f6}
.mediaTools>span{color:var(--muted);font-size:.76rem}
.postMediaPreview{overflow:hidden;border:1px solid var(--line);border-radius:.85rem;background:#f7f8f6}
.postMediaPreview>div:first-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;max-height:28rem;overflow:auto;background:#101510}
.postMediaPreview>div:first-child.single{grid-template-columns:1fr}
.postMediaPreview .postMediaPreviewItem{position:relative;min-width:0;background:#101510}
.postMediaPreview img,.postMediaPreview video{display:block;width:100%;height:13rem;object-fit:cover}
.postMediaPreview>div:first-child.single img,.postMediaPreview>div:first-child.single video{height:auto;max-height:22rem;object-fit:contain}
.postMediaPreviewRemove{position:absolute;top:.45rem;right:.45rem;width:2rem;height:2rem;border:0;border-radius:50%;background:rgba(20,24,20,.82);color:#fff;font-size:1.1rem;cursor:pointer}
.postMediaPreview>div:last-child{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.75rem}
.postMediaPreview>div:last-child>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.8rem}
.postMediaPreview label.textButton{cursor:pointer}
.dangerText{color:var(--danger)}
.partnerIntro{display:grid;gap:.6rem;background:linear-gradient(135deg,#fff,#edf5ec)}
.partnerIntro .eyebrow{margin:0}

@media(max-width:700px){
  .cover{height:12rem;background-position:center 35%}
  .cover .coverPartner{top:.65rem;right:.65rem;min-width:auto;font-size:.75rem}
  .cover .coverEdit{right:.65rem;bottom:.65rem}
  .profileIdentity{align-items:start}
  .identityText{padding-top:.5rem}
  .composer{grid-template-columns:auto minmax(0,1fr)}
  .composer>.composerSubmit{grid-column:1/-1;width:100%}
  .postDialogHead{grid-template-columns:2.4rem minmax(0,1fr) auto}
  .postDialogHead h2{font-size:1.05rem}
  .placeButton{min-height:2.4rem;padding:.45rem .65rem;font-size:.78rem}
}

@media(max-width:390px){
  .cover{height:10rem}
  .post footer{grid-template-columns:repeat(3,1fr)}
  .post footer button{text-align:center;font-size:.68rem;padding:.35rem .15rem}
}

/* Profile v4 corrections */
.socialHeader{grid-template-columns:auto minmax(12rem,1fr) auto auto auto}
.returnServices{min-height:2.7rem;border:1px solid #aeb8af;border-radius:.7rem;background:#fff;padding:.55rem .8rem;color:var(--green);font-weight:850;white-space:nowrap}
.returnServices:hover{background:var(--green-soft)}
.profileHero{overflow:visible}
.cover{border-radius:1.15rem 1.15rem 0 0}
.profileIdentity{position:relative;overflow:visible}
.largeAvatar{position:relative;z-index:3;overflow:visible;isolation:isolate}
.mediaTools>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.mediaButtons{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.mediaButtons button{min-height:2.6rem;border:1px solid #cbd4cb;border-radius:.65rem;background:#fff;padding:.55rem .75rem;color:var(--green);font-size:.84rem;font-weight:850}
.mediaButtons button:hover{border-color:#80a486;background:var(--green-soft)}
.validated input:invalid,.validated select:invalid,.validated textarea:invalid,.fieldInvalid{border-color:#c83232!important;background:#fff7f7!important;box-shadow:0 0 0 3px rgba(200,50,50,.12)!important}
.validated .check:has(input:invalid){border-color:#c83232!important;background:#fff7f7!important;outline:2px solid rgba(200,50,50,.10)}

@media(max-width:980px){
  .socialHeader{grid-template-columns:auto minmax(10rem,1fr) auto auto}
}

@media(max-width:700px){
  .socialHeader{grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem}
  .socialHeader .compactBrand{grid-column:1;grid-row:1}
  .socialHeader .returnServices{grid-column:2;grid-row:1;width:100%;min-width:0;padding:.45rem .55rem;font-size:.76rem}
  .socialHeader .avatarButton{grid-column:3;grid-row:1}
  .socialHeader .search{grid-column:1/-1;grid-row:2}
  .cover{border-radius:.9rem .9rem 0 0}
  .largeAvatar{margin-top:-2rem}
  .mediaTools{align-items:flex-start}
  .mediaButtons{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
  .mediaButtons button{min-width:0;padding:.5rem .25rem;font-size:.75rem}
  .postMedia img,.postMedia video{height:11rem}
  .postMediaPreview img,.postMediaPreview video{height:9.5rem}
}

/* v5: multilingual social home, feed and counters */
.socialHeader{grid-template-columns:auto minmax(12rem,1fr) auto auto auto auto;gap:.65rem}
.socialLanguage{width:4.4rem;min-height:2.7rem;border:1px solid var(--line);border-radius:.7rem;background:#fff;padding:.45rem;color:var(--ink);font-weight:800}
.topNav button{display:flex;align-items:center;gap:.35rem;white-space:nowrap}
.navBadge{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;background:#c83232;color:#fff!important;font-size:.68rem!important;font-weight:900;line-height:1}
.avatarButton{position:relative}
.avatarBadge{position:absolute;top:-.25rem;right:-.25rem;border:2px solid #fff}
.userMenu button{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.menuBadge{margin-left:auto}
.followedFeed{display:grid;gap:1rem;min-width:0}
.feedFilters{display:flex;gap:.45rem;padding:.4rem;border:1px solid var(--line);border-radius:.85rem;background:#fff}
.feedFilters button{min-height:2.5rem;border:0;border-radius:.65rem;background:transparent;padding:.5rem .85rem;color:#5d665e;font-weight:800}
.feedFilters button.active{background:var(--green);color:#fff}
.followedPost{box-shadow:0 4px 14px rgba(42,56,45,.04)}
.followedPost header{display:grid;grid-template-columns:auto minmax(0,1fr) auto}
.feedKind{align-self:start;padding:.38rem .55rem;border-radius:999px;background:var(--green-soft);color:var(--green)!important;font-weight:850}
.feedKind.event{background:#fff3d6;color:#795b12!important}
.upcomingEvent{display:grid;gap:.18rem;padding-top:.7rem;border-top:1px solid #edf0ec}
.upcomingEvent span{color:var(--muted);font-size:.78rem}
.bottomNav .navLabel{font:inherit;font-weight:700}
.bottomNav .badgeButton{position:relative}
.bottomNav .badgeButton>.navBadge{position:absolute;top:.1rem;right:18%;font-style:normal}

@media(max-width:1180px){
  .socialHeader{grid-template-columns:auto minmax(10rem,1fr) auto auto auto}
  .topNav{display:none}
}
@media(max-width:700px){
  .socialHeader{grid-template-columns:auto minmax(0,1fr) auto auto;gap:.45rem}
  .socialHeader .compactBrand{grid-column:1;grid-row:1}
  .socialHeader .returnServices{grid-column:2;grid-row:1}
  .socialHeader .socialLanguage{grid-column:3;grid-row:1;width:3.8rem;padding:.35rem;font-size:.75rem}
  .socialHeader .avatarButton{grid-column:4;grid-row:1}
  .socialHeader .search{grid-column:1/-1;grid-row:2}
  .followedPost header{grid-template-columns:auto minmax(0,1fr)}
  .feedKind{grid-column:2;margin-top:.35rem;justify-self:start}
}
@media(max-width:390px){
  .socialHeader .returnServices{font-size:.68rem}
  .feedFilters button{flex:1;min-width:0;padding:.45rem .25rem;font-size:.75rem}
}

/* v6: publication destinations, reactions and saved posts */
#postDialog{max-height:calc(100vh - 1rem);overflow-x:hidden;overflow-y:auto}
#postDialog .dialogCard{min-width:0}
.postDestination{min-width:0;margin:0;padding:.85rem;border:1px solid var(--line);border-radius:.8rem;background:#f7f8f6}
.postDestination legend{padding:0 .25rem;color:#3f4740;font-size:.86rem;font-weight:850}
.destinationOptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.destinationOptions label{display:flex;align-items:center;gap:.4rem;min-width:0;padding:.65rem;border:1px solid #ccd4cc;border-radius:.65rem;background:#fff;color:#4b544c;font-size:.78rem;font-weight:750;cursor:pointer}
.destinationOptions label:has(input:checked){border-color:var(--green);background:var(--green-soft);color:var(--green)}
.destinationOptions input{flex:0 0 auto;width:auto;min-height:auto;accent-color:var(--green)}
.postGroupField{display:grid;gap:.35rem;margin-top:.7rem;color:#3f4740;font-size:.82rem;font-weight:800}
.postGroupField select{width:100%;min-width:0;min-height:2.7rem;border:1px solid #ccd4cc;border-radius:.65rem;background:#fff;padding:.55rem .7rem}
.postFooter{display:grid!important;grid-template-columns:minmax(13rem,1.5fr) minmax(7rem,1fr) minmax(6rem,1fr)!important;align-items:center;gap:.35rem}
.reactionBar{display:grid;grid-template-columns:repeat(5,2.35rem);gap:.22rem;justify-content:start}
.postFooter .reactionButton{display:grid;place-items:center;min-width:0;width:2.35rem;height:2.35rem;min-height:2.35rem;border:1px solid transparent;border-radius:50%;padding:0;font-size:1.15rem}
.postFooter .reactionButton:hover{border-color:#b9c8ba;background:var(--green-soft)}
.postFooter .reactionButton[aria-pressed="true"]{border-color:var(--green);background:#dcefdc;box-shadow:0 0 0 2px rgba(39,102,61,.12)}
.postFooter .savePostButton[aria-pressed="true"]{background:var(--green-soft);color:var(--green)}
.savedPosts{display:grid;gap:1rem;margin-top:1rem}
.savedPosts .contentCard{border-color:#cbd7cb;background:#fbfdfb}

@media(max-width:700px){
  .postFooter{grid-template-columns:1fr 1fr!important}
  .reactionBar{grid-column:1/-1;justify-content:center}
  .destinationOptions label{justify-content:center;padding:.55rem .3rem;text-align:center}
}
@media(max-width:390px){
  .destinationOptions{grid-template-columns:1fr}
  .destinationOptions label{justify-content:flex-start;text-align:left}
  .postFooter .reactionButton{width:2.15rem;height:2.15rem;min-height:2.15rem;font-size:1.05rem}
  .reactionBar{grid-template-columns:repeat(5,2.15rem)}
}

/* v7: visible publish action and inline comments */
.postDialogHead{position:sticky;top:0;z-index:5;margin:-1.2rem -1.2rem 0;padding:1rem 1.2rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,.98);backdrop-filter:blur(10px)}
.postDialogHead .placeButton{width:auto!important;height:auto!important;min-width:11.5rem;min-height:2.75rem!important;border:0!important;border-radius:.7rem!important;background:var(--green)!important;padding:.6rem .9rem!important;color:#fff!important;font-size:.82rem!important;line-height:1.2;font-weight:900!important;white-space:nowrap}
.postDialogHead .placeButton:hover{background:var(--green-dark)!important}
.reactionBar{padding:.28rem;border:1px solid #e1e7e0;border-radius:999px;background:#f7f9f6}
.postFooter .reactionButton{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;filter:saturate(1.12);transition:transform .14s ease,box-shadow .14s ease,background .14s ease}
.postFooter .reactionButton:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 5px 12px rgba(35,55,40,.13)}
.postFooter .reactionButton[data-reaction="fire"]{background:#fff1e8}
.postFooter .reactionButton[data-reaction="smile"]{background:#fff8d7}
.postFooter .reactionButton[data-reaction="laugh"]{background:#eef7ff}
.postFooter .reactionButton[data-reaction="neutral"]{background:#f0f2f0}
.postFooter .reactionButton[data-reaction="disappointed"]{background:#f3effa}
.postFooter .reactionButton[aria-pressed="true"]{transform:scale(1.1);border-color:var(--green);box-shadow:0 0 0 3px rgba(39,102,61,.14)}
.commentsPanel{margin-top:.75rem;padding-top:.9rem;border-top:1px solid #e3e8e2}
.commentsPanel h3{font-size:1rem}
.commentsList{display:grid;gap:.65rem;margin-top:.7rem}
.commentItem{padding:.75rem .85rem;border-radius:.85rem;background:#f4f6f3}
.commentItem>div:first-child{display:flex;align-items:center;gap:.55rem}
.commentItem>div:first-child>div{display:grid;gap:.05rem}
.commentItem small{color:var(--muted);font-size:.7rem}
.commentAvatar{display:grid;place-items:center;flex:0 0 auto;width:2rem;height:2rem;border-radius:50%;background:var(--green);color:#fff;font-size:.75rem;font-weight:900}
.commentItem p{margin:.55rem 0 .35rem;color:var(--ink);font-size:.86rem}
.commentActions button{min-height:2rem;border:0;border-radius:.5rem;background:transparent;padding:.25rem .45rem;color:#5e675f;font-size:.73rem;font-weight:750}
.commentActions button:hover,.commentActions button[aria-pressed="true"]{background:#e4eee3;color:var(--green)}
.commentsEmpty{margin-top:.65rem;font-size:.82rem}
.commentForm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;margin-top:.75rem}
.commentForm input{min-width:0;min-height:2.7rem;border:1px solid #ccd4cc;border-radius:999px;background:#fff;padding:.6rem .85rem}
.commentForm button{min-height:2.7rem;border:0;border-radius:999px;background:var(--green);padding:.55rem 1rem;color:#fff;font-size:.82rem;font-weight:850}

@media(max-width:560px){
  .postDialogHead{grid-template-columns:2.4rem minmax(0,1fr);gap:.55rem}
  .postDialogHead .placeButton{grid-column:1/-1;width:100%!important;min-width:0}
  .commentForm{grid-template-columns:1fr}
  .commentForm button{width:100%}
}

/* v8: one unified user page */
.profileShell{margin-top:1.1rem}
.profileHero{box-shadow:0 12px 30px rgba(32,52,38,.08)}
.profileGrid{align-items:start}
@media(min-width:1025px){.profileGrid{grid-template-columns:minmax(11rem,.18fr) minmax(0,.82fr)}}
.feedColumn{min-width:0}
#personPanels>[data-panel]{min-width:0}
#personPanels>.contentCard{min-height:12rem}
.feedFilters{margin-bottom:1rem;box-shadow:0 4px 14px rgba(42,56,45,.04)}
.compactSideCard{display:grid;gap:.7rem}
.compactSideCard h2{font-size:1rem}
.compactSideCard p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}
.inboxList,.notificationList{display:grid;gap:.65rem;margin-top:1rem}
.inboxList>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;min-height:4.25rem;border:1px solid var(--line);border-radius:.85rem;background:#fff;padding:.75rem;text-align:left}
.inboxList>button:hover{border-color:#a7bba8;background:#f7faf6}
.inboxList>button>span:nth-child(2){display:grid;gap:.18rem;min-width:0}
.inboxList small,.inboxList i{color:var(--muted);font-size:.75rem;font-style:normal}
.notificationList>div{display:grid;gap:.25rem;padding:.9rem;border:1px solid var(--line);border-radius:.85rem;background:#fafcf9}
.notificationList span{color:var(--muted);font-size:.84rem}
.profileTabs button.active{color:var(--green)}

@media(max-width:700px){
  .profileShell{margin-top:.55rem}
  .profileGrid{grid-template-columns:1fr}
  .feedColumn{order:1}
  .sideColumn{order:2}
  .profileTabs{overflow-x:auto;scrollbar-width:none}
  .profileTabs::-webkit-scrollbar{display:none}
  .profileTabs button{flex:0 0 auto;white-space:nowrap}
  .feedFilters{position:sticky;top:.35rem;z-index:3}
  .inboxList>button{grid-template-columns:auto minmax(0,1fr)}
  .inboxList i{grid-column:2}
}

/* v9: comfortable tablet and mobile layout */
.aboutInterestsTitle{margin-top:1rem}

@media(max-width:1024px){
  .profileApp{padding-bottom:4.6rem}
  .socialHeader{grid-template-columns:auto minmax(0,1fr) auto auto;gap:.5rem;padding:.5rem .75rem}
  .socialHeader .compactBrand{grid-column:1;grid-row:1}
  .socialHeader .returnServices{grid-column:2;grid-row:1;min-width:0;width:100%;overflow:hidden;padding:.5rem .65rem;text-overflow:ellipsis;font-size:.8rem}
  .socialHeader .socialLanguage{grid-column:3;grid-row:1;width:3.8rem;padding:.35rem;font-size:.78rem}
  .socialHeader .avatarButton{grid-column:4;grid-row:1}
  .socialHeader .search{grid-column:1/-1;grid-row:2}
  .topNav{display:none}
  .userMenu{top:6.8rem!important;right:.65rem!important;max-width:calc(100% - 1.3rem)}
  .profileShell{width:min(48rem,calc(100% - 1rem));margin:.7rem auto 5rem}
  .cover{height:12rem}
  .profileGrid{grid-template-columns:minmax(0,1fr)}
  .feedColumn{order:1}
  .sideColumn{order:2}
  .profileTabs{overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
  .profileTabs::-webkit-scrollbar{display:none}
  .profileTabs button{scroll-snap-align:start;white-space:nowrap}
  .bottomNav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:4.1rem;border-top:1px solid var(--line);background:rgba(255,255,255,.97);padding:.3rem .2rem max(.3rem,env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(29,46,34,.08)}
  .bottomNav button{position:relative;display:grid;place-items:center;gap:.05rem;min-width:0;border:0;background:transparent;color:#657066;font-size:.65rem}
  .bottomNav button span{font-size:1.08rem}
  .bottomNav button.active{color:var(--green);font-weight:850}
  .bottomNav .navBadge{top:.05rem;right:18%}
  .prototypeMenu{bottom:4.8rem}
  .prototypePanel{bottom:7.5rem}
  .toast{bottom:4.9rem}
}

@media(max-width:700px){
  .socialHeader{padding:.45rem .5rem}
  .profileShell{width:100%;margin:.35rem 0 4.8rem}
  .profileHero{border-right:0;border-left:0;border-radius:0;box-shadow:0 7px 18px rgba(32,52,38,.07)}
  .cover{height:9.5rem;border-radius:0;background-position:center 34%}
  .cover .coverPartner{top:.55rem;right:.55rem;padding:.45rem .6rem;font-size:.7rem}
  .cover .coverEdit{right:.55rem;bottom:.55rem;padding:.45rem .6rem;font-size:.7rem}
  .profileIdentity{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;padding:0 .75rem .75rem}
  .largeAvatar{width:5rem;height:5rem;margin-top:-2rem;border-width:.25rem;font-size:1.65rem}
  .identityText{min-width:0;padding-top:.45rem}
  .identityText h1{font-size:1.4rem}
  .identityText p{font-size:.78rem}
  .profileActions{grid-column:1/-1;grid-template-columns:1fr;width:100%;padding-top:.2rem}
  .profileActions button{width:100%;min-height:2.65rem}
  .profileSwitcher{margin:0 .7rem .55rem;width:calc(100% - 1.4rem)}
  .profileTabs{padding:.25rem .35rem 0}
  .profileTabs button{min-height:2.75rem;padding:.55rem .65rem;font-size:.82rem}
  .profileGrid{gap:.55rem;margin-top:.55rem}
  #personContent>.sideColumn{display:none}
  .feedColumn{gap:.55rem}
  .contentCard{padding:.9rem .8rem;border-right:0;border-left:0;border-radius:0}
  .composer{grid-template-columns:auto minmax(0,1fr);margin:0}
  .composer>.composerSubmit{grid-column:1/-1;width:100%;text-align:center}
  .feedFilters{position:static;margin:0 .5rem .55rem;padding:.3rem;box-shadow:none}
  .feedFilters button{flex:1;min-width:0;padding:.45rem .25rem;font-size:.78rem}
  .followedFeed,#newPosts,#companyPosts{gap:.55rem}
  .followedPost header{grid-template-columns:auto minmax(0,1fr)}
  .feedKind{grid-column:2;justify-self:start;margin-top:.3rem}
  .post>p{font-size:.92rem;line-height:1.5}
  .postFooter{grid-template-columns:1fr 1fr!important;gap:.35rem}
  .reactionBar{grid-column:1/-1;justify-content:center;max-width:100%}
  .postFooter>.commentToggle,.postFooter>.savePostButton{width:100%;padding:.45rem .25rem;text-align:center;white-space:normal;font-size:.76rem}
  .mobileProfileInfo{margin-top:1rem}
  .inboxList>button{grid-template-columns:auto minmax(0,1fr)}
  .inboxList i{grid-column:2}
}

@media(max-width:390px){
  .socialHeader{grid-template-columns:auto minmax(0,1fr) 3.25rem 2.65rem;gap:.35rem}
  .socialHeader .compactBrand img{width:2.35rem;height:2.35rem}
  .socialHeader .returnServices{padding:.42rem .35rem;font-size:.68rem}
  .socialHeader .socialLanguage{width:3.25rem;font-size:.7rem}
  .socialHeader .avatarButton{width:2.5rem;height:2.5rem}
  .search{min-height:2.5rem;padding:0 .65rem}
  .cover{height:8.5rem}
  .largeAvatar{width:4.5rem;height:4.5rem;margin-top:-1.75rem;font-size:1.45rem}
  .identityText h1{font-size:1.28rem}
  .profileTabs button{padding:.5rem .55rem;font-size:.78rem}
  .reactionBar{grid-template-columns:repeat(5,2.05rem)}
  .postFooter .reactionButton{width:2.05rem;height:2.05rem;min-height:2.05rem;font-size:1rem}
}

/* v10: single control row and social-first mobile layout */
.serviceShort,.mobileLanguageControl{display:none}
.profileControlRow{display:flex;align-items:center;gap:.4rem;min-width:0;padding:.35rem .9rem 0;border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.profileControlRow::-webkit-scrollbar{display:none}
.profileControlRow .profileSwitcher{flex:0 0 auto;margin:0 0 .35rem;padding:.2rem;border-radius:.65rem;white-space:nowrap}
.profileControlRow .profileSwitcher button{min-height:2.45rem;padding:.4rem .65rem;font-size:.78rem}
.profileControlRow .profileTabs{flex:1 0 auto;min-width:max-content;gap:.1rem;padding:0;border:0;overflow:visible}
.profileControlRow .profileTabs button{min-height:2.8rem;padding:.55rem .62rem;font-size:.8rem;white-space:nowrap}
.userMenu .mobileLanguageControl{align-items:center;justify-content:space-between;gap:.7rem;padding:.55rem .7rem;color:#465047;font-size:.82rem;font-weight:750}
.userMenu .mobileLanguageControl select{min-height:2.35rem;border:1px solid var(--line);border-radius:.55rem;background:#fff;padding:.35rem .45rem;color:var(--ink)}

@media(max-width:1024px){
  .socialHeader{grid-template-columns:auto minmax(4.5rem,1fr) auto auto;gap:.45rem;min-height:3.75rem;padding:.45rem .65rem}
  .socialHeader .compactBrand{grid-column:1;grid-row:1}
  .socialHeader .search{grid-column:2;grid-row:1;min-height:2.55rem}
  .socialHeader .returnServices{grid-column:3;grid-row:1;width:auto;min-height:2.55rem;padding:.42rem .65rem;font-size:.75rem}
  .socialHeader .avatarButton{grid-column:4;grid-row:1}
  .socialHeader .socialLanguage{display:none}
  .serviceFull{display:none}
  .serviceShort{display:inline}
  .mobileLanguageControl{display:flex}
  .userMenu{top:4.15rem!important}
  .profileShell{margin-top:.55rem}
  .cover{height:10rem}
  .profileControlRow{padding-left:.55rem;padding-right:.55rem;scroll-snap-type:x proximity}
  .profileControlRow>*{scroll-snap-align:start}
  .profileControlRow .profileTabs{scroll-snap-type:none}
}

@media(max-width:700px){
  .socialHeader{gap:.35rem;padding:.4rem .45rem}
  .socialHeader .compactBrand img{width:2.35rem;height:2.35rem}
  .socialHeader .search{min-height:2.4rem;padding:0 .55rem}
  .socialHeader .search input{font-size:.78rem}
  .socialHeader .returnServices{min-height:2.4rem;padding:.38rem .5rem;font-size:.68rem}
  .socialHeader .avatarButton{width:2.4rem;height:2.4rem}
  .profileShell{margin-top:0}
  .cover{height:7.4rem;background-position:center 34%}
  .cover .coverPartner{top:.45rem;right:.45rem;min-height:2.15rem;padding:.35rem .5rem;font-size:.66rem}
  .cover .coverEdit{right:.45rem;bottom:.45rem;width:2.25rem;min-height:2.25rem;padding:0;border-radius:50%;font-size:0}
  .cover .coverEdit:before{content:"✎";font-size:1rem}
  .profileIdentity{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:0 .65rem .55rem}
  .largeAvatar{width:4.3rem;height:4.3rem;margin-top:-1.45rem;font-size:1.4rem}
  .identityText{padding-top:.35rem}
  .identityText h1{font-size:1.2rem}
  .identityText p{margin-top:.12rem;font-size:.72rem;line-height:1.3}
  .accountTypeLine{font-size:.7rem!important}
  .profileActions{grid-column:3;display:block;width:auto;padding:0}
  .profileActions button{display:grid;place-items:center;width:2.45rem;min-width:2.45rem;height:2.45rem;min-height:2.45rem;padding:0;border-radius:50%;font-size:0}
  .profileActions button:before{content:"✎";font-size:1rem}
  .profileControlRow{gap:.25rem;padding:.2rem .4rem 0}
  .profileControlRow .profileSwitcher{margin-bottom:.25rem}
  .profileControlRow .profileSwitcher button{min-height:2.3rem;padding:.35rem .55rem;font-size:.72rem}
  .profileControlRow .profileTabs button{min-height:2.55rem;padding:.45rem .55rem;font-size:.74rem}
  .profileGrid{margin-top:.4rem}
  .composer{grid-template-columns:auto minmax(0,1fr) auto;padding:.65rem .7rem}
  .composer>.composerPrompt{min-height:2.45rem;padding:.55rem .75rem;font-size:.8rem}
  .composer>.composerSubmit{grid-column:auto;display:grid;place-items:center;width:2.45rem;min-width:2.45rem;height:2.45rem;min-height:2.45rem;padding:0;border-radius:50%;font-size:0}
  .composer>.composerSubmit:before{content:"＋";font-size:1.15rem;line-height:1}
  .feedFilters{margin-bottom:.4rem}
  .bottomNav{min-height:3.85rem;padding-top:.22rem}
  .bottomNav button{font-size:.61rem}
  .bottomNav [data-action="create-post"] span{display:grid;place-items:center;width:2.05rem;height:2.05rem;margin-top:-.45rem;border-radius:50%;background:var(--green);color:#fff;font-size:1.35rem;box-shadow:0 4px 10px rgba(39,102,61,.24)}
}

@media(max-width:390px){
  .socialHeader{grid-template-columns:2.35rem minmax(3.8rem,1fr) auto 2.4rem}
  .socialHeader .returnServices{padding:.35rem .4rem;font-size:.64rem}
  .socialHeader .search span{font-size:.78rem}
  .socialHeader .search input{font-size:.72rem}
  .cover{height:6.8rem}
  .largeAvatar{width:4rem;height:4rem;margin-top:-1.3rem;font-size:1.28rem}
  .identityText h1{font-size:1.08rem}
}

/* v11: complete mobile header, visible navigation, no controls below the feed */
.bottomNav{display:none!important}

@media(max-width:1024px){
  .profileApp{padding-bottom:0}
  .socialHeader{
    grid-template-columns:auto minmax(8rem,1fr) auto auto;
    grid-template-areas:
      "brand search language avatar"
      "services services navigation navigation";
    gap:.4rem .5rem;
    min-height:auto;
    padding:.45rem .65rem;
  }
  .socialHeader .compactBrand{grid-area:brand}
  .socialHeader .search{grid-area:search;min-height:2.45rem}
  .socialHeader .socialLanguage{display:block;grid-area:language;width:3.8rem;min-height:2.45rem}
  .socialHeader .returnServices{grid-area:services;width:100%;min-height:2.35rem;padding:.36rem .65rem;font-size:.74rem}
  .socialHeader .avatarButton{grid-area:avatar}
  .socialHeader .topNav{grid-area:navigation;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}
  .socialHeader .topNav button:nth-child(-n+2){display:none}
  .socialHeader .topNav button{justify-content:center;min-width:0;min-height:2.35rem;padding:.35rem .5rem;border:1px solid var(--line);font-size:.72rem}
  .serviceFull{display:inline}
  .serviceShort,.mobileLanguageControl{display:none!important}
  .userMenu{top:7rem!important}
  .profileShell{width:min(48rem,calc(100% - 1rem));margin:.55rem auto 1rem}
  .cover{height:10rem}
  .profileControlRow{display:grid;gap:.35rem;padding:.35rem .55rem .5rem;overflow:visible}
  .profileControlRow .profileSwitcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;padding:.2rem;white-space:normal}
  .profileControlRow .profileTabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;min-width:0;gap:.25rem;padding:0;overflow:visible}
  .profileControlRow .profileTabs button{display:grid;place-items:center;min-width:0;min-height:2.5rem;padding:.35rem .3rem;border:1px solid transparent;border-radius:.55rem;font-size:.71rem;line-height:1.15;text-align:center;white-space:normal}
  .profileControlRow .profileTabs button.active{border-color:#b9cab9;background:var(--green-soft)}
  .profileGrid{grid-template-columns:minmax(0,1fr);gap:.55rem;margin-top:.55rem}
  #personContent>.sideColumn,#companyContent>.sideColumn{display:none}
  .feedColumn{order:1;gap:.55rem}
  .prototypeMenu{bottom:.8rem}
  .prototypePanel{bottom:3.5rem}
  .toast{bottom:1rem}
}

@media(max-width:700px){
  .socialHeader{
    grid-template-columns:auto auto minmax(0,1fr) auto;
    grid-template-areas:
      "brand language services avatar"
      "search search search search"
      "navigation navigation navigation navigation";
    gap:.35rem;
    padding:.4rem .45rem;
  }
  .socialHeader .compactBrand img{width:2.3rem;height:2.3rem}
  .socialHeader .socialLanguage{width:3.45rem;min-height:2.3rem;padding:.3rem;font-size:.7rem}
  .socialHeader .returnServices{min-width:0;min-height:2.3rem;overflow:hidden;padding:.34rem .45rem;font-size:.68rem;line-height:1.1;text-overflow:ellipsis}
  .socialHeader .avatarButton{width:2.3rem;height:2.3rem}
  .socialHeader .search{min-height:2.35rem}
  .socialHeader .topNav button{min-height:2.25rem;padding:.3rem .4rem;font-size:.7rem}
  .userMenu{top:9.1rem!important;right:.45rem!important}
  .profileShell{width:100%;margin:0 0 .7rem}
  .cover{height:7.6rem}
  .profileControlRow{padding:.35rem .45rem .5rem}
  .profileControlRow .profileTabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .profileControlRow .profileTabs button{min-height:2.45rem;padding:.35rem .2rem;font-size:.7rem}
  .profileControlRow .profileSwitcher button{min-height:2.35rem;padding:.35rem .3rem;font-size:.7rem}
  .profileGrid{margin-top:.4rem}
  .contentCard{border-right:0;border-left:0;border-radius:0}
}

@media(max-width:390px){
  .socialHeader{grid-template-columns:2.25rem 3.2rem minmax(0,1fr) 2.25rem}
  .socialHeader .returnServices{font-size:.64rem}
  .socialHeader .topNav button{font-size:.66rem}
  .profileControlRow .profileTabs button{font-size:.66rem}
}

/* v12: unified registration, modern reactions, moderation and compact mobile feed */
.registrationProgress{justify-self:end;color:var(--green);font-size:.82rem}
.profileControlRow{display:block;padding:.3rem .9rem 0;overflow:visible}
.profileControlRow .profileTabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;min-width:0;gap:.2rem;padding:0;overflow:visible}
.profileControlRow .profileTabs button{display:grid;place-items:center;min-width:0;min-height:2.85rem;padding:.5rem .35rem;border:1px solid transparent;border-radius:.6rem;font-size:.78rem;line-height:1.2;text-align:center;white-space:normal}
.profileControlRow .profileTabs button:hover{background:#f3f7f2}
.profileControlRow .profileTabs button.active{border-color:#bfd0bf;background:var(--green-soft)}
.post header{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;position:relative}
.postMenu{position:relative;align-self:start;justify-self:end}
.postMenu summary{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:50%;color:#5c655d;font-size:1.25rem;font-weight:900;list-style:none;cursor:pointer}
.postMenu summary::-webkit-details-marker{display:none}
.postMenu summary:hover,.postMenu[open] summary{background:#edf3ec;color:var(--green)}
.postMenu>div{position:absolute;top:2.5rem;right:0;z-index:12;display:grid;width:13rem;padding:.35rem;border:1px solid var(--line);border-radius:.75rem;background:#fff;box-shadow:0 14px 34px rgba(30,45,34,.18)}
.postMenu button{min-height:2.35rem;border:0;border-radius:.5rem;background:#fff;padding:.5rem .65rem;text-align:left;color:#465047;font-size:.78rem;font-weight:750}
.postMenu button:hover{background:#f1f5f0}
.translationToggle{margin:-.45rem 0 .75rem;border:0;background:transparent;padding:.2rem 0;color:var(--green);font-size:.74rem;font-weight:750}
.postFooter{display:grid!important;grid-template-columns:minmax(13rem,.9fr) minmax(17rem,1.1fr)!important;align-items:center;gap:.55rem}
.reactionControl{position:relative;display:flex;align-items:center;gap:.35rem;min-width:0}
.reactionSummary,.reactionTrigger{display:flex!important;align-items:center!important;justify-content:center;gap:.15rem;min-height:2.35rem!important;border:1px solid #e0e6df!important;border-radius:999px!important;background:#f7f9f6!important;padding:.35rem .65rem!important;color:#536055!important;font-size:.76rem!important;white-space:nowrap}
.reactionSummary span{display:grid;place-items:center;width:1.3rem;height:1.3rem;margin-left:-.32rem;border:2px solid #fff;border-radius:50%;background:#fff;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:.86rem}
.reactionSummary span:first-child{margin-left:0}
.reactionSummary b{margin-left:.2rem;font-size:.78rem}
.reactionTrigger[aria-pressed="true"]{border-color:#9db79f!important;background:var(--green-soft)!important;color:var(--green)!important}
.reactionPicker{position:absolute;left:0;bottom:calc(100% + .55rem);z-index:13;display:flex;gap:.22rem;padding:.42rem;border:1px solid #d8e0d7;border-radius:999px;background:#fff;box-shadow:0 12px 32px rgba(31,48,36,.2);opacity:0;visibility:hidden;transform:translateY(.45rem) scale(.94);transform-origin:left bottom;transition:opacity .16s ease,transform .16s ease,visibility .16s}
.reactionControl.open .reactionPicker,.reactionControl:focus-within .reactionPicker{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
@media(hover:hover){.reactionControl:hover .reactionPicker{opacity:1;visibility:visible;transform:translateY(0) scale(1)}}
.postFooter .reactionPicker .reactionButton{width:2.6rem;height:2.6rem;min-height:2.6rem;font-size:1.35rem;transition:transform .16s cubic-bezier(.2,.8,.2,1.25),box-shadow .16s ease}
.postFooter .reactionPicker .reactionButton:hover{transform:translateY(-.28rem) scale(1.2)}
.postFooter .reactionPicker .reactionButton[aria-pressed="true"]{transform:translateY(-.18rem) scale(1.13);box-shadow:0 0 0 3px rgba(39,102,61,.18)}
.postActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}
.postActions>button{min-width:0;padding:.4rem .35rem!important;font-size:.76rem;white-space:normal}
.reactionsBreakdown{display:grid;gap:.45rem}
.reactionsBreakdown>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:.7rem;background:#fafcf9}
.reactionsBreakdown p{padding:.8rem;text-align:center}
.postAudience{display:grid;gap:.35rem;color:#3f4740;font-size:.86rem;font-weight:850}
.postAudience select{width:100%;min-height:2.75rem;border:1px solid #ccd4cc;border-radius:.7rem;background:#fff;padding:.55rem .7rem}
.notificationList.allRead{opacity:.56}
.emptySearch{text-align:center;color:var(--muted);font-weight:750}
.searchResults{position:fixed;top:4.15rem;left:50%;z-index:25;display:grid;width:min(36rem,calc(100% - 1rem));max-height:min(28rem,70vh);overflow:auto;transform:translateX(-50%);padding:.45rem;border:1px solid var(--line);border-radius:.9rem;background:#fff;box-shadow:0 18px 44px rgba(28,43,32,.2)}
.searchResultRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem;border-radius:.7rem;background:#fff}
.searchResultRow:hover{background:#f0f5ef}
.searchResultTarget{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;width:100%;min-height:3.6rem;border:0;border-radius:.7rem;background:transparent;padding:.55rem .65rem;text-align:left}
.searchResultTarget>span:last-child{display:grid;gap:.12rem;min-width:0}
.searchFollowButton{min-height:2.3rem;margin-right:.5rem;padding:.35rem .7rem;border:1px solid #216b3c;border-radius:999px;background:#216b3c;color:#fff;font:inherit;font-size:.76rem;font-weight:800;white-space:nowrap}
.searchFollowButton.active{background:#fff;color:#216b3c}
.searchFollowButton:disabled{opacity:.55}
.searchResults small{color:var(--muted);font-size:.74rem}
.searchResults>p{padding:1rem;text-align:center}

@media(max-width:1024px){
  .socialHeader .topNav button:nth-child(-n+2){display:flex!important}
  .searchResults{top:7rem}
  .profileControlRow{padding:.35rem .55rem .5rem}
  .profileControlRow .profileTabs{grid-template-columns:repeat(6,minmax(0,1fr))}
  .profileControlRow .profileTabs button{min-height:2.5rem;padding:.35rem .2rem;font-size:.7rem}
}

@media(max-width:700px){
  .searchResults{top:9rem}
  .simpleHeader{grid-template-columns:auto minmax(0,1fr) auto}
  .registrationProgress{font-size:.7rem;text-align:right}
  .profileControlRow{padding:.3rem .4rem .45rem}
  .profileControlRow .profileTabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}
  .profileControlRow .profileTabs button{min-height:2.35rem;padding:.3rem .18rem;font-size:.68rem}
  .profileGrid{margin-top:.35rem}
  .post header{grid-template-columns:auto minmax(0,1fr) auto}
  .post header .feedKind{grid-column:2}
  .post header .postMenu{grid-column:3;grid-row:1}
  .postFooter{grid-template-columns:minmax(0,1fr)!important;gap:.45rem}
  .reactionControl{justify-content:space-between}
  .reactionPicker{left:50%;transform:translate(-50%,.45rem) scale(.94);transform-origin:center bottom}
  .reactionControl.open .reactionPicker,.reactionControl:focus-within .reactionPicker{transform:translate(-50%,0) scale(1)}
  .postActions{width:100%}
  .postActions>button{min-height:2.4rem!important;font-size:.7rem}
  .translationToggle{margin:-.35rem 0 .55rem;font-size:.7rem}
  .composer{position:sticky;top:9.2rem;z-index:4;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
}

@media(max-width:390px){
  .reactionSummary,.reactionTrigger{padding:.3rem .48rem!important;font-size:.68rem!important}
  .postFooter .reactionPicker .reactionButton{width:2.35rem;height:2.35rem;min-height:2.35rem;font-size:1.2rem}
  .postMenu>div{width:11.8rem}
}

/* v13: clear user-content rules, first-publication acknowledgement and reports */
.legalCheck{display:flex!important;align-items:flex-start!important;flex-wrap:wrap;gap:.16rem .3rem!important}
.legalCheck input{flex:0 0 auto;margin-right:.25rem!important}
.legalCheck label{cursor:pointer}
.inlinePolicyLink{width:auto!important;min-height:0!important;border:0!important;background:transparent!important;padding:0!important;color:var(--green)!important;font:inherit;font-weight:800!important;line-height:1.4;text-align:left;text-decoration:underline;text-decoration-color:rgba(39,102,61,.35);text-underline-offset:.15rem;cursor:pointer}
.inlinePolicyLink:hover,.inlinePolicyLink:focus-visible{color:var(--green-dark)!important;text-decoration-color:currentColor}
.publishNotice{margin:0;padding:.7rem .8rem;border:1px solid #dce5dc;border-radius:.7rem;background:#f6f9f5;color:#5e695f;font-size:.74rem;line-height:1.45}
.publishNotice .inlinePolicyLink{display:inline;font-size:inherit}
.policyDialog{width:min(40rem,calc(100% - 1.2rem))}
.policyBody{display:grid;gap:.85rem;color:#3f4740;font-size:.88rem;line-height:1.55}
.policyBody ul{display:grid;gap:.55rem;margin:0;padding-left:1.25rem}
.policyBody h3{margin-top:.25rem;font-size:1rem}
.policyAppeal{padding:.8rem;border-left:4px solid var(--green);border-radius:.35rem;background:var(--green-soft);font-weight:700}
.policyTextLink{justify-self:start;font-size:.84rem}
.reportTarget{margin:-.4rem 0 0;padding:.65rem .75rem;border-radius:.65rem;background:#f3f6f2;color:#566158;font-size:.82rem;font-weight:750}
#reportForm select{width:100%;min-height:3rem;border:1px solid #ccd4cc;border-radius:.75rem;background:#fff;padding:.7rem .8rem;color:var(--ink)}
#reportForm select:focus{outline:3px solid rgba(39,102,61,.13);border-color:#79a27e}

@media(max-width:700px){
  .policyDialog{width:calc(100% - .7rem);max-height:calc(100dvh - .7rem)}
  .policyDialog .dialogCard,#reportDialog .dialogCard{gap:.8rem;padding:1rem}
  .policyBody{font-size:.8rem;line-height:1.45}
  .publishNotice{font-size:.7rem}
  .legalCheck{font-size:.76rem!important}
}

/* v18.2: session restoration and actionable empty interests */
.bootApp{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:100vh;background:var(--cream);color:var(--ink)}
.bootApp img{width:3.2rem;height:3.2rem;border-radius:.85rem;animation:bootPulse 1.1s ease-in-out infinite alternate}
.bootApp b{font-size:1.25rem}.bootApp b span{color:var(--green)}
@keyframes bootPulse{from{opacity:.58;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.bootApp img{animation:none}}

/* v18.5.60: media stays compact and mounted while feed data is reconciled. */
@media(max-width:700px){.postMedia.single img,.postMedia.single video{max-height:min(18rem,52vh)}}
.chips .interestPrompt{padding:.45rem .65rem;border:1px solid transparent;border-radius:999px;background:var(--green-soft);color:#355b3c;font-size:.78rem;font-weight:750}
.chips .interestPrompt:hover,.chips .interestPrompt:focus-visible{border-color:#8fb596;background:#dfeede;outline:0}
@media(min-width:701px){
  .cabinetTitle,.messagesHead{display:flex;align-items:center;justify-content:space-between;gap:1rem}
  .cabinetBackButton{flex:0 0 auto;min-height:2.35rem;border:1px solid var(--line);border-radius:.65rem;background:#fff;padding:.45rem .8rem;color:var(--green);font-weight:800}
}
@media(max-width:700px){.cabinetBackButton{display:none}}

/* Language lists are interactive controls on desktop and in mobile menus. */
#socialLanguage:not(:disabled),#authLanguage:not(:disabled),#profileInterfaceLanguage:not(:disabled),#menuLanguage81:not(:disabled){cursor:pointer}