/* ==========================================================================
   v9: Network page (hero with globe, who's in the network, flow, roles)
   ========================================================================== */
.nw-hero{padding-bottom:70px}
.nw-hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:30px;align-items:center}
.nw-hero h1{font-size:clamp(2.3rem,5vw,4rem);max-width:12ch;margin-top:20px}
.nw-hero h1 .w{display:inline-block}
.nw-hero h1 .w.acc>span{background:linear-gradient(100deg,#f6e2b6,#e0b872 40%,#c99a4e);-webkit-background-clip:text;background-clip:text;color:transparent}
html[dir=rtl] .nw-hero h1{max-width:14ch}
.nw-hero .lead{max-width:540px}
.nw-hero .sc-cta{justify-content:flex-start}
.nw-side{position:relative;display:grid;place-items:center;min-height:300px}
.nw-side .halo{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(224,184,114,.25),rgba(5,73,138,.3) 55%,transparent 72%);filter:blur(26px)}
.nw-globe{position:relative;width:min(100%,560px);height:auto}
.nw-list{position:absolute;z-index:2;inset-inline-end:0;top:50%;translate:0 -50%;list-style:none;margin:0;padding:0 0 0 18px;border-inline-start:1.5px solid rgba(224,184,114,.55);display:grid;gap:14px}
html[dir=rtl] .nw-list{padding:0 18px 0 0}
.nw-list li{font:700 .72rem var(--f);letter-spacing:.22em;text-transform:uppercase;color:#cfe0f2}
html[dir=rtl] .nw-list li{letter-spacing:0;font-size:.85rem;font-family:'Cairo',sans-serif;text-transform:none}

.nw-who{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.nw-card{position:relative;padding:0 0 22px;border-radius:26px;background:#fff;border:1px solid #e1e8f1;box-shadow:0 10px 30px rgba(4,22,50,.07);overflow:hidden;transition:translate .45s var(--ease),box-shadow .45s}
.nw-card:hover{translate:0 -8px;box-shadow:0 22px 46px rgba(4,22,50,.14)}
.nw-img{display:grid;place-items:center;height:170px;background:radial-gradient(circle at 50% 40%,#0f3d73,#041632);overflow:hidden}
.nw-img img{width:86%;height:100%;object-fit:contain;transition:scale .8s var(--ease)}
.nw-card:hover .nw-img img{scale:1.07}
.nw-badge{position:relative;display:grid;place-items:center;width:52px;height:52px;margin:-26px 22px 10px;border-radius:50%;background:#fff;color:#0a3566;box-shadow:0 8px 20px rgba(4,22,50,.18);border:1px solid #e1e8f1}
.nw-badge svg{width:24px;height:24px}
.nw-card h3{margin:0 22px 6px;font-size:1.12rem;color:#0a3566}.nw-card p{margin:0 22px;color:#5a6b80;font-size:.92rem;line-height:1.6}

.nw-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #dfe7f1;border-radius:26px;background:#fff;overflow:hidden}
.nw-step{position:relative;padding:26px 24px 24px;border-inline-start:1px solid #e8eef6;display:flex;flex-direction:column;gap:6px}
.nw-step:first-child{border-inline-start:0}
.nw-step .ico{width:50px;height:50px;padding:11px;border-radius:15px;background:linear-gradient(135deg,#f6e2b6,#e0b872);color:#0a3566;margin-bottom:6px}
.nw-step .n{position:absolute;inset-inline-end:18px;top:14px;font:800 2rem/1 var(--fh);color:transparent;-webkit-text-stroke:1.5px #d3deeb}
.nw-step b{color:#0a3566;font-size:1.05rem}.nw-step small{color:#5a6b80;font-size:.9rem;line-height:1.55}
.nw-step::after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,#0a3566,#e0b872);transition:width .5s var(--ease)}
.nw-step:hover::after{width:100%}

.nw-grp{margin:30px 0 14px;color:#0a3566}
.nw-soon{display:flex;align-items:center;gap:16px;padding:22px 24px;border:1.5px dashed #cdd9e8;border-radius:22px;background:#fafcfe}
.nw-soon .ico{width:50px;height:50px;padding:12px;border-radius:15px;background:linear-gradient(135deg,#e7eff9,#f6ead2);color:#0a3566;flex:none}
.nw-soon b{display:block;color:#0a3566}.nw-soon small{color:#5a6b80}

.nw-roles{background:linear-gradient(180deg,#fff,#f3f8fc)}
.nw-roles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.nw-role{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px 22px 22px;border-radius:24px;background:#fff;border:1px solid #e1e8f1;text-decoration:none;box-shadow:0 10px 30px rgba(4,22,50,.07);transition:translate .4s var(--ease),box-shadow .4s,background .3s,color .3s}
.nw-role .ico{width:50px;height:50px;padding:12px;border-radius:15px;background:linear-gradient(135deg,#e7eff9,#f6ead2);color:#0a3566;margin-bottom:6px;transition:background .3s,color .3s}
.nw-role b{color:#0a3566;font-size:1.05rem;transition:color .3s}.nw-role small{color:#5a6b80;line-height:1.55;transition:color .3s}
.nw-role .go{margin-top:auto;padding-top:10px;color:#a87a33;transition:translate .35s var(--ease),color .3s}
html[dir=rtl] .nw-role .go{transform:scaleX(-1);align-self:flex-start}
.nw-role:hover{translate:0 -8px;background:linear-gradient(150deg,#041632,#0a3566);box-shadow:0 22px 46px rgba(4,22,50,.22)}
.nw-role:hover b{color:#fff}.nw-role:hover small{color:#b6c9de}.nw-role:hover .ico{background:rgba(255,255,255,.12);color:#f2d79f}.nw-role:hover .go{translate:6px 0;color:#f2d79f}
html[dir=rtl] .nw-role:hover .go{translate:-6px 0}

@media(max-width:1100px){
  .nw-who,.nw-roles-grid{grid-template-columns:1fr 1fr}.nw-flow{grid-template-columns:1fr 1fr}.nw-step:nth-child(3){border-inline-start:0}.nw-step:nth-child(n+3){border-top:1px solid #e8eef6}
  .nw-hero-in{grid-template-columns:1fr}.nw-side{min-height:0;max-width:420px;margin-inline:auto}.nw-list{display:none}
}
@media(max-width:640px){
  .nw-hero{padding-bottom:36px}.nw-hero h1{font-size:2.05rem;max-width:none}
  .nw-side{max-width:280px;opacity:.95}
  .nw-who,.nw-roles-grid{grid-template-columns:1fr;gap:10px}
  .nw-card{padding-bottom:16px;border-radius:20px}.nw-img{height:120px}.nw-badge{width:44px;height:44px;margin:-22px 16px 8px}.nw-card h3,.nw-card p{margin-inline:16px}
  .nw-flow{grid-template-columns:1fr;border-radius:20px}.nw-step{border-inline-start:0;border-top:1px solid #e8eef6;padding:16px 16px 14px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 14px}
  .nw-step:first-child{border-top:0}.nw-step .ico{width:42px;height:42px;margin:0}.nw-step b{flex:1}.nw-step small{flex-basis:100%}.nw-step .n{display:none}
  .nw-role{padding:16px;border-radius:20px;gap:4px}.nw-role .ico{width:42px;height:42px}
}

/* photo cards, featured collaboration, backgrounds */
.nw-img{background:#041632}
.nw-img img{width:100%;height:100%;object-fit:cover}
.nw-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,22,50,0) 45%,rgba(4,22,50,.45))}
.nw-img{position:relative}

.nw-feat{position:relative;overflow:hidden;background:#041632;color:#fff;padding:72px 0;isolation:isolate}
.nw-feat-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;opacity:.55;z-index:-2}
.nw-feat::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#041632 30%,rgba(4,22,50,.55) 70%,rgba(4,22,50,.25))}
html[dir=rtl] .nw-feat::before{background:linear-gradient(270deg,#041632 30%,rgba(4,22,50,.55) 70%,rgba(4,22,50,.25))}
.nw-feat-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:30px;align-items:center}
.nw-feat h2{color:#fff;font-size:clamp(1.8rem,3.6vw,2.8rem);margin:10px 0 12px}.nw-feat h2 em{color:#e8c47f;font-style:italic}
.nw-feat p{color:#c6d6e8;max-width:54ch;margin:0 0 22px;line-height:1.7}
.nw-tags{list-style:none;margin:0;padding:0 18px 0 0;display:grid;gap:14px;border-inline-end:0;border-inline-start:1.5px solid rgba(224,184,114,.5);padding-inline:18px 0}
.nw-tags li{position:relative;font:700 .7rem var(--f);letter-spacing:.2em;text-transform:uppercase;color:#cfe0f2;padding-inline-start:0}
.nw-tags li::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#e0b872;margin-inline-end:10px}
html[dir=rtl] .nw-tags li{letter-spacing:0;font-size:.85rem;font-family:'Cairo',sans-serif;text-transform:none}

.nw-roles{position:relative;overflow:hidden;isolation:isolate}
.nw-roles-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.9}
.nw-roles::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(247,250,253,.96) 0%,rgba(247,250,253,.9) 60%,rgba(247,250,253,.78))}
.nw-role{background:rgba(255,255,255,.94);backdrop-filter:blur(6px)}

.sc-cta-sec:has(.nw-cta-bg){position:relative;overflow:hidden;isolation:isolate;background:#041632}
.nw-cta-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.sc-cta-sec:has(.nw-cta-bg)::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,22,50,.88) 25%,rgba(4,22,50,.35) 75%)}
html[dir=rtl] .sc-cta-sec:has(.nw-cta-bg)::before{background:linear-gradient(270deg,rgba(4,22,50,.88) 25%,rgba(4,22,50,.35) 75%)}

@media(max-width:900px){.nw-feat-in{grid-template-columns:1fr}.nw-feat{padding:48px 0}.nw-tags{grid-template-columns:1fr 1fr;border:0;padding:0}.nw-feat-bg{opacity:.35}}
@media(max-width:640px){.nw-img{height:130px}.nw-tags li{font-size:.62rem}}

/* publications (journal) */
.pagehead .ph-art{object-fit:cover}
.pb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:-56px 0 28px;position:relative;z-index:2}
.pb-stats div{background:#fff;border:1px solid #e1e8f1;border-radius:20px;padding:18px 20px;box-shadow:0 14px 34px rgba(4,22,50,.1);display:flex;flex-direction:column;gap:2px}
.pb-stats b{font:800 1.9rem/1.1 var(--fh);color:#0a3566}.pb-stats span{color:#5a6b80;font-size:.9rem}
.pb-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 22px}
.pb-filters select{min-height:44px;padding:0 14px;border-radius:14px;border:1.5px solid #d6e0ec;background:#fff;color:#0a3566;font:inherit;max-width:100%}
.pb-h{margin:26px 0 14px;color:#0a3566;font-size:1.25rem}
.pb-list{display:grid;gap:14px}
.pb-card{position:relative;background:#fff;border:1px solid #e1e8f1;border-radius:22px;padding:22px 24px;box-shadow:0 8px 26px rgba(4,22,50,.06);transition:translate .4s var(--ease),box-shadow .4s,border-color .3s;border-inline-start:4px solid #e0b872}
.pb-card:hover{translate:0 -4px;box-shadow:0 18px 40px rgba(4,22,50,.13);border-color:#c9d8ea;border-inline-start-color:#0a3566}
.pb-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.pb-year{font:800 .9rem var(--f);color:#a87a33;letter-spacing:.06em}
.pb-journal{font-style:italic;color:#4a5d75;font-size:.92rem}
.pb-chip{font:700 .68rem var(--f);letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#eaf1f9;color:#0a3566}
.pb-chip.oa{background:#e5f5ec;color:#16704a}
.pb-card h3{margin:0 0 8px;font-size:1.12rem;line-height:1.45}.pb-card h3 a{color:#0a3566;text-decoration:none}.pb-card h3 a:hover{color:#05498a;text-decoration:underline}
.pb-au{margin:0 0 14px;color:#5a6b80;font-size:.92rem;line-height:1.6}
.pb-act{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.pb-read{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#fff;background:#0a3566;padding:9px 16px;border-radius:999px;text-decoration:none;transition:background .3s,translate .3s}
.pb-read:hover{background:#05498a;translate:3px 0}.pb-read svg{width:16px;height:16px}
.pb-doi{display:inline-flex;gap:6px;align-items:center;color:#05498a;font-weight:600;font-size:.9rem;text-decoration:none}.pb-doi svg{width:16px;height:16px}
.pb-act .cite{margin-inline-start:auto;display:inline-flex;gap:6px}
.pb-act .cite-btn{border:1px solid #d6e0ec;background:#f7fafd;color:#0a3566;border-radius:999px;padding:7px 12px;font:600 .8rem var(--f);cursor:pointer}
.pb-act .cite-btn:hover{background:#eaf1f9}
@media(max-width:640px){.pb-stats{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:-40px}.pb-stats div{padding:12px}.pb-stats b{font-size:1.2rem}.pb-stats span{font-size:.72rem}
  .pb-card{padding:16px}.pb-act .cite{margin-inline-start:0;width:100%}}

/* ===== v9b: network canvas (hero + footer), readable word marquee, softer WhatsApp, compact footer ===== */
.net-cv{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.95}
.sc-ftr{isolation:isolate}.sc-ftr .net-cv{z-index:0;opacity:.8}.sc-ftr .wrap{z-index:1}
.sc-hero #net,.sc-hero .net-cv{mask-image:none;-webkit-mask-image:none}

.sc-words span{color:#d6e6f7;-webkit-text-stroke:0;font-weight:800;letter-spacing:.18em;text-shadow:0 0 24px rgba(110,170,230,.35)}
.sc-words span:hover{color:#f0cf8e;-webkit-text-stroke:0}
.sc-words i{background:#e0b872;opacity:.9}

.phone .wa{background:transparent;border:1px solid rgba(120,205,160,.45);color:#9ddbb8!important;padding:2px 9px 2px 6px;font-size:.7rem;font-weight:600}
.phone .wa:hover{background:rgba(120,205,160,.14);color:#c2efd4!important;translate:0 -1px}
.phone .wa svg{width:13px;height:13px}
.ct-ch.wa .ci{background:#4b9f7b}.sc-btn-wa{background:#3f9170}.sc-btn-wa:hover{background:#357a5f}

.sc-ftr{padding:44px 0 0}
.sc-ftr-top{gap:26px}
.sc-ftr strong{font-size:.9rem;margin-bottom:8px}
.sc-ftr-brand p{margin:8px 0 12px;font-size:.86rem;line-height:1.55}
.sc-ftr-col a{padding:3px 0;font-size:.86rem}
.sc-ftr-contact p{font-size:.86rem;margin:0 0 5px}
.sc-ftr .brand img,.sc-ftr .sc-brand img{max-height:34px;width:auto}
.sc-social{gap:8px;flex-wrap:wrap}.sc-social a{width:34px;height:34px}.sc-social svg{width:17px;height:17px}
.sc-copy{margin-top:22px;padding:14px 0 16px;font-size:.76rem}
@media(max-width:900px){.sc-ftr{padding-top:32px}}