:root{--ink:#173d35;--green:#236047;--line:#d9dfd5;--muted:#55665b;--paper:#f6f7f1;--lime:#d9eaa9;font-family:"Cairo","Noto Sans Arabic",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:16px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a77732;outline-offset:3px}.wrap{width:min(1184px,calc(100% - 64px));margin-inline:auto}header{background:#fbfcf7;border-bottom:1px solid var(--line)}.topbar{height:79px;display:flex;align-items:center;gap:56px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:32px;font-weight:850;letter-spacing:-1.5px}.topbar nav a{font-size:.91rem;font-weight:700;display:block;position:relative;padding:28px 5px}.topbar nav a:after{content:"";position:absolute;bottom:0;inset-inline:0;height:3px;background:var(--green)}#account{margin-inline-start:auto;display:flex;align-items:center;gap:10px}.btn,.pill,.iconbtn{border:1px solid var(--line);background:white;border-radius:8px;padding:.55rem .95rem;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-size:.9rem;font-weight:650}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.cream{background:var(--lime);color:var(--ink);border-color:var(--lime)}.btn:hover,.pill:hover,.iconbtn:hover{filter:brightness(.96)}.plain{border:0;background:transparent;padding:5px 0;color:var(--green);cursor:pointer;font-weight:650}.muted,small{color:var(--muted)}.skip{position:absolute;left:10px;top:-5rem;background:white;padding:12px;z-index:9}.skip:focus{top:4px}main{flex:1;padding:28px 0 54px}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:242px;padding:35px 45px;background:#183f36;border-radius:18px;color:#fff;display:flex;flex-direction:column;justify-content:center}.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#133b33 12%,rgba(19,59,51,.96) 33%,rgba(19,59,51,.45) 58%,transparent 78%)}.hero h1{font-size:clamp(2rem,3.6vw,3.45rem);letter-spacing:-1.6px;margin:0 0 10px;line-height:1.45}.hero p{font-size:1.02rem;line-height:1.85;margin:0 0 16px;color:#e6eddf;max-width:460px}.hero .btn{align-self:start}.cols{display:grid;grid-template-columns:minmax(0,1fr) 273px;gap:32px;align-items:start;margin-top:34px}h2{font-size:1.55rem;letter-spacing:-.65px;margin:0}h3{font-size:1.12rem;margin:0}.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.search{display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:8px;background:white;padding:0 10px}.search input{width:150px;border:0;background:transparent;padding:9px 2px;font-size:.86rem}.search button{background:transparent;border:0;padding:6px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.pill{border-radius:100px;padding:5px 14px;font-size:.82rem;background:transparent}.pill.active{background:#dfebd8;color:#224d38;border-color:#c2d4bb}.card,.panel,.status{background:#fff;border:1px solid var(--line);border-radius:13px}.card{padding:20px 24px;margin:0 0 12px;overflow-wrap:anywhere}.meta,.actions,.minirow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.meta{font-size:.8rem;color:var(--muted)}.avatar{border-radius:50%;background:#e1ead7;color:#456047;display:grid;place-items:center;width:33px;height:33px;font-weight:750}.meta strong{color:var(--ink)}.tag{margin-inline-start:auto;border:1px solid #cfdcc8;color:#496448;background:#f3f7ef;font-size:.74rem;line-height:1.4;border-radius:5px;padding:3px 9px}.card h3,.card h1{margin:13px 0 6px;font-size:1.32rem;line-height:1.65}.card h3 a:hover{text-decoration:underline}.card p,.panel p,.status p{line-height:1.85;color:#45564e;margin:4px 0 13px}.snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.actions{padding-top:10px;border-top:1px solid #edf0e9;gap:15px}.action{padding:3px 0;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#51685a;font-size:.81rem}.action[aria-pressed=true]{color:#1f673f;font-weight:750}.action:last-child.link{margin-inline-start:auto}.icon{width:17px;height:17px;vertical-align:middle;flex:none}.panel{padding:22px;margin-bottom:15px}.panel h3{margin-bottom:12px}.panel p{font-size:.9rem}.topics{display:grid;gap:2px}.topic{border:0;background:transparent;padding:10px 0;display:flex;align-items:center;gap:12px;text-align:right}.topic:hover{text-decoration:underline}.topic .symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#e5edda;color:#49704c}.topic:nth-child(2) .symbol{background:#daebe1}.topic:nth-child(3) .symbol{background:#f4e5d3;color:#976239}.topic:nth-child(4) .symbol{background:#e3e9ed;color:#527282}.topic .arrow{margin-inline-start:auto;color:#859287}.note{background:#e7eddf}.back{display:inline-flex;margin:4px 0 20px}.detail{max-width:820px;margin:auto}.detail .card{padding:26px}.detail .card h1{font-size:clamp(1.55rem,4vw,2.35rem)}.bodycopy,.comment p{white-space:pre-wrap;overflow-wrap:anywhere}.comment{padding:16px 0;border-bottom:1px solid var(--line)}.comment p{margin:8px 0 0}.detail .panel form{margin-top:16px}.status{padding:22px;text-align:center}.load{display:block;margin:15px auto}.report{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.report a{font-weight:bold}.report button{margin-inline-start:auto}footer{border-top:1px solid var(--line);padding:18px 0;color:#627263;background:#fafbf6}footer .wrap{display:flex;align-items:center;gap:20px}footer .brand{font-size:1rem;letter-spacing:0}footer span{font-size:.8rem}dialog{width:min(460px,calc(100% - 24px));max-height:90dvh;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);padding:24px;box-shadow:0 20px 80px #102b3433}dialog::backdrop{background:#122d2866}.modalhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modalhead h2{font-size:1.4rem}.iconbtn{padding:5px 9px}.fields{display:grid;gap:14px}.fields label{font-weight:650;font-size:.9rem;display:grid;gap:7px}.fields input,.fields select,.fields textarea{border-radius:8px;border:1px solid #bcc9bc;padding:10px;background:#fcfdf9;color:#203b30;min-width:0;width:100%}.fields textarea{resize:vertical;min-height:88px}.fields input[type=email]{direction:ltr;text-align:start}.switch{font-size:.88rem;margin:16px 0 0}.error{color:#a34032;line-height:1.7;font-size:.88rem}.error:empty{display:none}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:5;background:var(--ink);color:white;box-shadow:0 5px 18px #0002;border-radius:9px;padding:10px 17px;max-width:90%;pointer-events:none;text-align:center}#toast:empty{display:none}.accountname{max-width:120px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:850px){.cols{grid-template-columns:minmax(0,1fr) 210px;gap:16px}.panel{padding:16px}.wrap{width:calc(100% - 36px)}.topbar{gap:24px}}
@media(max-width:680px){.wrap{width:calc(100% - 24px)}.topbar{height:64px;gap:12px}.topbar nav,.accountname{display:none}.brand{font-size:25px;gap:7px}.brand img{width:34px;height:34px}#account{gap:6px}#account .btn{padding:6px 9px;font-size:.82rem}main{padding-top:15px}.hero{min-height:204px;padding:22px}.hero:before{background:linear-gradient(270deg,#133b33 5%,#133b33ee 44%,#133b3377 76%,#133b3355)}.hero p{font-size:.87rem;max-width:260px}.cols{display:block;margin-top:23px}.cols aside{margin-top:22px}.cols aside .panel:first-child{display:none}.card{padding:15px}.sectionHead h2{font-size:1.25rem}.search input{width:108px}.filters{gap:5px}.pill{padding:4px 10px}.actions{gap:10px}.detail .card{padding:17px}.meta{gap:6px}.tag{font-size:.68rem}.card h3{font-size:1.15rem}}

.brand img{display:block;width:auto;height:55px}
footer .brand img{height:36px}
@media(max-width:680px){.topbar .brand img{height:43px}}

:root{--ink:#222f48;--green:#395699;--line:#dfe4ed;--paper:#f5f6f9;--muted:#5b6679}
header{background:#395699;color:white;position:sticky;top:0;z-index:5}
header .wrap,main.wrap{width:min(1560px,calc(100% - 48px))}
.topbar{height:66px;gap:32px}
.topbar .brand img{filter:brightness(0) invert(1);height:46px}
.headSearch{display:flex;align-items:center;background:#304c8e;color:white;border-radius:8px;padding:3px 10px}
.headSearch input,.headSearch button{background:transparent;color:inherit;border:0}
.headSearch input{width:175px;min-width:0;padding:7px}.headSearch input::placeholder{color:#f0f3ff}.headSearch button{font-size:23px}
.topbar nav{display:flex;gap:10px;margin-inline:auto}.topbar nav a,.topbar nav button{font-size:24px;color:white;padding:2px 24px;border:0;border-radius:7px;background:#ffffff17}.topbar nav a:after{display:none}
#account .plain{color:white}#account .btn{background:white;color:#294780;border-color:transparent}
main.wrap{padding-top:16px}.wallGrid{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,3.35fr) minmax(190px,1fr);align-items:start;gap:clamp(16px,3vw,52px)}
.rail,.latest{position:sticky;top:82px}.rail,.composeBox,.wallHead{background:white;border:1px solid var(--line);border-radius:12px}
.rail{padding:16px}.railUser,.composeRow{display:flex;align-items:center;gap:12px}.railUser{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:12px}
.railHome,.rail .topic{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:7px}.railHome{background:#edf2fc;color:#334f93;font-weight:700}
.rail h2,.latest h2{font-size:.94rem;margin:22px 0 9px;color:#546176}.rail .tone0{color:#8054a3}.rail .tone1{color:#298264}.rail .tone2{color:#a55479}.rail .tone3{color:#a56a32}
.composeBox,.wallHead{padding:16px 20px;margin-bottom:12px}.composeRow{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:8px}
.composeRow button{border:0;border-radius:24px;background:#eff2f8;text-align:start;padding:12px 18px;color:#51627d;flex:1}
.wallHead h1{font-size:1.45rem;margin:0}.wallHead .filters{margin:10px 0 0}.pill.active,.avatar{background:#e3eafa;color:#334f93}.card{box-shadow:0 2px 5px #26385808}
.latest h2{margin-top:8px}.latest a{display:block;padding:12px 0;border-bottom:1px solid var(--line);line-height:1.65}.latest a strong{display:block;font-size:.95rem}.latest small{color:#526d9b}
@media(max-width:1020px){.wallGrid{grid-template-columns:180px minmax(0,1fr);gap:18px}.latest{position:static;grid-column:2}.topbar{gap:14px}}
@media(max-width:680px){header .wrap,main.wrap{width:calc(100% - 20px)}.topbar{height:auto;min-height:64px;flex-wrap:wrap;gap:6px 12px;padding:7px 0}.topbar nav,.rail{display:none}.topbar .brand img{height:36px}.headSearch{flex:1;min-width:90px}.headSearch input{width:100%}.headSearch button{padding:0}#account{gap:4px;margin:0;flex-wrap:wrap}.wallGrid{display:flex;flex-direction:column;gap:16px}.wall,.latest{width:100%}.composeBox,.wallHead{padding:13px}.latest{padding:0 10px}}

/* Member profiles, network and private conversations */
:root{--navy:#344e83;--accent:#395699;--fog:#eef2fa;--quiet:#647187}
.topbar .desktopNav{gap:7px}.topbar .desktopNav a{display:grid;place-items:center;padding:9px 14px}.desktopNav .icon{width:22px;height:22px}.accountLink,.authorLink,.miniProfile,.onlineLink{display:inline-flex;align-items:center;gap:10px;min-width:0}.authorLink:hover strong,.miniProfile:hover strong,.onlineLink:hover strong{text-decoration:underline}.avatar{position:relative;flex:none;isolation:isolate;color:#36538b;background:#e2e9f7;width:34px;height:34px;border:1px solid #dce3f0;line-height:1}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar.medium{width:48px;height:48px;font-size:1.15rem}.avatar.large{width:83px;height:83px;font-size:2.2rem;box-shadow:0 0 0 4px #fff}.avatar .onlineDot{position:absolute;left:0;bottom:0;width:11px;height:11px;border-radius:50%;background:#35a56b;border:2px solid #fff}.avatar.large .onlineDot{width:16px;height:16px}
#account .avatar{height:31px;width:31px}.miniProfile span:not(.avatar){display:grid;gap:3px}.miniProfile small,.miniProfile strong{overflow-wrap:anywhere}.miniProfile small,.onlineHeading a{font-size:.76rem;color:var(--quiet)}.statGrid{display:flex;justify-content:space-evenly;gap:8px;text-align:center;border-top:1px solid var(--line);margin-top:14px;padding-top:13px}.statGrid span{display:grid;gap:3px}.statGrid b{font-size:1.05rem}.statGrid small{font-size:.73rem}.rail #myCard{padding-bottom:12px}.rail .topic{font-size:.88rem;color:#384a65}.rail{max-height:calc(100dvh - 104px);overflow:auto}.originNote{font-size:.8rem;color:var(--quiet);border-bottom:1px solid var(--line);margin:0 0 11px;padding:0 0 9px}.originNote a{color:var(--accent);font-weight:700}.postImage{display:block;background:#f1f3f8;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin:10px 0 14px;text-align:center}.postImage img{width:100%;max-height:580px;object-fit:contain;display:block}.action[aria-pressed=true]{color:var(--accent);background:#eef3fe;border-radius:5px}.uploadPreview{max-width:100%;max-height:160px;border-radius:8px;object-fit:contain}.check{display:flex!important;align-items:center;gap:6px!important}.check input{width:auto}
#mobileCard,.mobileNav{display:none}.onlineHeading,.socialHeading,.threadHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.latest #presence{background:white;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:20px}.latest .onlineHeading h2{margin:0}.latest .onlineHeading a{border:none;padding:0}.latest .onlineLink{display:flex;padding:9px 0}.latest .onlineLink:last-child{border:0}.latest .onlineLink strong{font-size:.85rem}#presence p{font-size:.85rem}
.socialPage{max-width:1000px;margin:6px auto 30px}.socialHeading{flex-wrap:wrap;margin-bottom:16px}.socialHeading h1,.profileHero h1{font-size:clamp(1.5rem,3vw,2rem);margin:0}.socialHeading h2,.threadList h2{font-size:1.23rem}.socialPage .filters{margin-block:14px 20px}.peopleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(255px,100%),1fr));gap:14px}.personCard,.profileHero,.threadList,.threadView{background:#fff;border:1px solid var(--line);border-radius:13px}.personCard{padding:18px;min-width:0}.personCard .minirow{margin-top:14px;gap:6px}.compact{font-size:.8rem;padding:.35rem .7rem}.memberBio{font-size:.87rem;color:var(--quiet);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;overflow-wrap:anywhere}.profilePage{max-width:830px}.profileHero{overflow:hidden;margin-bottom:22px}.profileCover{height:90px;background:radial-gradient(ellipse at 12% 150%,#b7c9e3 0 22%,transparent 22.4%),radial-gradient(ellipse at 38% 155%,#9cc3c6 0 32%,transparent 32.5%),linear-gradient(115deg,#8bb0c0,#5978a3 55%,#344e83)}.profileInfo{padding:0 24px;display:flex;align-items:flex-end;gap:16px;margin-top:-30px}.profileInfo>div{padding-top:32px}.profileInfo h1{font-size:1.55rem}.profileHero .bodycopy,.profileBtns{margin:16px 24px;overflow-wrap:anywhere}.profileBtns{display:flex;gap:7px;flex-wrap:wrap}.profileHero .statGrid{margin:0;padding:14px}.fields summary{font-size:.85rem;color:var(--accent);cursor:pointer}.fields details label{margin-top:7px}
.inboxLayout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}.threadList{padding:16px;max-height:68dvh;overflow:auto}.threadList h2{margin-bottom:12px}.conversation{display:flex;align-items:center;gap:8px;padding:11px 6px;border-top:1px solid #e9ecf4}.conversation.active{background:var(--fog)}.conversation>span:not(.avatar){min-width:0}.conversation strong,.conversation small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation small{font-size:.78rem;margin-top:4px}.conversation b{color:white;background:var(--accent);padding:2px 6px;border-radius:20px;font-size:.75rem;margin-inline-start:auto}.threadView{min-width:0;padding:16px}.threadView>.status{border:none}.threadHead{padding-bottom:12px;border-bottom:1px solid var(--line)}.threadHead .plain{font-size:.8rem}.stream{height:clamp(220px,48dvh,510px);overflow:auto;overscroll-behavior:contain;padding:12px 2px}#earlier{text-align:center}#bubbles{display:flex;flex-direction:column;gap:9px}.bubble{max-width:min(87%,520px);border-radius:12px;padding:8px 12px}.bubble p{margin:0;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.bubble time{display:block;font-size:.67rem;color:#566682;margin-top:4px}.mine{background:#e2eafb;align-self:flex-start}.theirs{background:#f0f2f5;align-self:flex-end}.messageForm{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;border-top:1px solid var(--line);padding-top:12px}.messageForm textarea{min-height:45px;height:45px}.messageForm .error{grid-column:1/-1}
@media(max-width:840px){.topbar .desktopNav a{padding:8px}.topbar{gap:8px}.headSearch input{width:130px}.inboxLayout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:680px){.topbar .desktopNav{display:none}.mobileNav{position:fixed;z-index:4;bottom:0;inset-inline:0;display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid var(--line);padding:9px 2px calc(9px + env(safe-area-inset-bottom));gap:1px}.mobileNav a,.mobileNav button{font:inherit;font-size:.73rem;font-weight:650;background:transparent;border:0;color:var(--navy);padding:6px 3px}.mobileNav button[data-act=compose]{background:var(--fog);border-radius:8px}.socialPage{margin-top:0}.accountLink .avatar{height:25px!important;width:25px!important}footer{margin-bottom:60px}#toast{bottom:70px}.inboxLayout{display:block}.inboxLayout:not(.selected) .threadView,.inboxLayout.selected .threadList{display:none}.threadList{max-height:none}.profileCover{height:70px}.profileHero .statGrid{gap:4px}.profileHero .statGrid small{font-size:.67rem}.socialPage .filters{gap:5px}.threadView{padding:12px}.onlineHeading a{font-size:.8rem}.topbar .headSearch input{width:100%}#mobileCard:not(:empty){display:flex;background:white;border:1px solid var(--line);border-radius:12px;align-items:center;justify-content:space-between;padding:10px 12px;margin-bottom:10px;gap:8px}#mobileCard .statGrid{border:none;margin:0;padding:0}#mobileCard .miniProfile .medium{width:33px;height:33px}#mobileCard .miniProfile{gap:6px}#mobileCard .statGrid b{font-size:.85rem}#mobileCard .statGrid small{font-size:.65rem}}

.memberPass{width:100%;padding:16px;border-radius:14px;background:radial-gradient(ellipse at top left,#466b91,transparent 65%),linear-gradient(145deg,#223e66,#173047);color:#fff;border-top:3px solid #cbb37c;box-shadow:0 4px 14px #20375818}
.memberPass .miniProfile{color:#fff}.memberPass .miniProfile small,.memberPass .statGrid small,.memberLatest small{color:#d4deeb}
.memberPass .avatar{border:2px solid #d0bf99}.memberPass .statGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 4px;border-color:#ffffff33}.memberPass .statGrid b{color:white}
.memberIntro,.memberLatest strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.memberIntro{font-size:.87rem;line-height:1.7;margin:12px 0}
.memberLatest{display:block;border-top:1px solid #ffffff30;margin-top:12px;padding-top:10px}.memberLatest small{display:block;font-size:.72rem}.memberLatest strong{font-size:.86rem;line-height:1.6;margin-top:4px}
@media(max-width:680px){#mobileCard:not(:empty){display:block;border:none;background:none;padding:0}#mobileCard .memberPass{padding:14px}#mobileCard .statGrid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:12px}#mobileCard .miniProfile .medium{width:44px;height:44px}}