/* ── RESET & BASE ── */ .ep-wrap *{box-sizing:border-box;margin:0;padding:0;} .ep-wrap{ font-family:'Source Sans 3',sans-serif; color:#1C2B3A; max-width:900px; line-height:1.6; } a{color:#1D3A5E;text-decoration:none;} a:hover{text-decoration:underline;color:#C47B2A;}
/* ── BREADCRUMB ── */ .ep-crumb{ display:flex;align-items:center;gap:6px;flex-wrap:wrap; font-size:12px;color:#999;margin-bottom:1.5rem; } .ep-crumb a{color:#555;font-weight:500;} .ep-crumb a:hover{color:#1D3A5E;} .ep-crumb-sep{color:#CCC;}
/* ── HERO CARD ── */ .ep-hero{ display:grid; grid-template-columns:180px 1fr; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.06); margin-bottom:1.25rem; } .ep-hero-left{ background:linear-gradient(175deg,#1D3A5E 0%,#0F2035 100%); padding:2rem 1.25rem; display:flex;flex-direction:column; align-items:center;justify-content:flex-start; gap:1rem; } .ep-photo-frame{ width:120px;height:120px; border-radius:50%; border:3px solid rgba(255,255,255,.25); overflow:hidden; flex-shrink:0; background:linear-gradient(135deg,#2E5F9E,#1D3A5E); display:flex;align-items:center;justify-content:center; } .ep-photo-frame img{ width:100%;height:100%;object-fit:cover;display:block; } .ep-initials{ font-family:'DM Serif Display',serif; font-size:2.2rem;color:#fff; letter-spacing:-1px; } .ep-badge-role{ font-size:10px;font-weight:600;letter-spacing:1.2px; text-transform:uppercase; background:rgba(196,123,42,.25); color:#F6D88A; border:1px solid rgba(196,123,42,.4); padding:3px 10px;border-radius:20px; text-align:center;line-height:1.4; } .ep-contact-btn{ display:block;width:100%; background:#C47B2A;color:#fff; font-size:12px;font-weight:600; padding:8px 10px;border-radius:6px; text-align:center;text-decoration:none; letter-spacing:0.3px; transition:background .15s; margin-top:auto; } .ep-contact-btn:hover{background:#A8641F;color:#fff;text-decoration:none;}
/* ── HERO RIGHT ── */ .ep-hero-right{ padding:1.75rem 2rem; display:flex;flex-direction:column; justify-content:space-between; } .ep-eyebrow{ font-size:10px;font-weight:600;letter-spacing:1.8px; text-transform:uppercase;color:#C47B2A; margin-bottom:.5rem; } .ep-name{ font-family:'DM Serif Display',serif; font-size:1.9rem;line-height:1.15; color:#1D3A5E;margin-bottom:.35rem; } .ep-quals{ font-size:13px;color:#666; font-weight:400;margin-bottom:.75rem; font-style:italic; } .ep-position{ font-size:15px;font-weight:600; color:#1C2B3A;margin-bottom:.2rem; } .ep-dept{ font-size:13px;color:#555; font-weight:300;margin-bottom:.15rem; } .ep-inst{ font-size:13px;color:#555; font-weight:400;margin-bottom:1rem; } .ep-location{ font-size:12px;color:#888; margin-bottom:1rem; } .ep-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem;} .ep-tag{ font-size:11px;font-weight:500; padding:3px 10px;border-radius:20px;border:1px solid; display:inline-block; } .ep-tag-blue{background:#EBF4FF;color:#1D3A5E;border-color:#BFDBFE;} .ep-tag-gold{background:#FEF9EC;color:#8A5A0A;border-color:#F6D88A;} .ep-tag-green{background:#EDFAF4;color:#0F5C3B;border-color:#86EFAC;}
/* ── QUICK STATS STRIP ── */ .ep-stats{ display:grid;grid-template-columns:repeat(3,1fr); background:#F8FAFC; border:1px solid #E8EFF6; border-radius:10px; overflow:hidden; margin-bottom:1.25rem; } .ep-stat{ padding:.9rem 1.25rem; border-right:1px solid #E8EFF6; text-align:center; } .ep-stat:last-child{border-right:none;} .ep-stat-val{ font-family:'DM Serif Display',serif; font-size:1.3rem;color:#1D3A5E; display:block;margin-bottom:2px; } .ep-stat-lbl{ font-size:11px;color:#888;font-weight:400; }
/* ── SECTION CARD ── */ .ep-section{ background:#fff; border:1px solid #E8EFF6; border-radius:10px; padding:1.25rem 1.5rem; margin-bottom:1.1rem; } .ep-section-head{ font-size:10px;font-weight:600; letter-spacing:1.8px;text-transform:uppercase; color:#AAB4BF;margin-bottom:1rem; padding-bottom:.6rem; border-bottom:1px solid #F0F4F8; display:flex;align-items:center;gap:8px; } .ep-section-head-icon{ width:18px;height:18px;border-radius:4px; display:inline-flex;align-items:center;justify-content:center; font-size:11px; } .ep-bio{ font-size:14px;font-weight:300; line-height:1.8;color:#333; }
/* ── RESEARCH TAGS ── */ .ep-kw-wrap{display:flex;flex-wrap:wrap;gap:7px;} .ep-kw{ background:#F0F4F8;color:#1D3A5E; font-size:12px;font-weight:500; padding:5px 13px;border-radius:5px; border:1px solid #D0DFF0; transition:background .12s; } .ep-kw:hover{background:#DDE9F5;}
/* ── EDUCATION TIMELINE ── */ .ep-edu{list-style:none;padding:0;} .ep-edu li{ display:flex;gap:12px;align-items:flex-start; padding:.6rem 0; border-bottom:1px solid #F5F7FA; font-size:13px; } .ep-edu li:last-child{border-bottom:none;} .ep-edu-dot{ width:8px;height:8px;border-radius:50%; background:#1D3A5E;flex-shrink:0;margin-top:5px; } .ep-edu-degree{font-weight:600;color:#1D3A5E;min-width:0;} .ep-edu-inst{color:#555;font-weight:300;}
/* ── PUBLICATIONS ── */ .ep-pubs{list-style:none;padding:0;counter-reset:pub;} .ep-pubs li{ counter-increment:pub; position:relative; padding:.6rem 0 .6rem 2rem; border-bottom:1px solid #F5F7FA; font-size:13px;font-weight:300; line-height:1.6;color:#333; } .ep-pubs li:last-child{border-bottom:none;} .ep-pubs li::before{ content:counter(pub); position:absolute;left:0;top:.7rem; font-size:10px;font-weight:700; color:#C47B2A; }
/* ── LINKS ROW ── */ .ep-links{display:flex;flex-wrap:wrap;gap:9px;} .ep-link{ display:inline-flex;align-items:center;gap:6px; font-size:12px;font-weight:500; color:#1D3A5E;text-decoration:none; padding:6px 14px;border-radius:6px; border:1.5px solid #D0DFF0; background:#F8FBFF; transition:border-color .12s,background .12s; } .ep-link:hover{ border-color:#1D3A5E; background:#EBF4FF; text-decoration:none; color:#1D3A5E; }
/* ── RSYN ROLE BOX ── */ .ep-role-box{ background:linear-gradient(135deg,#1D3A5E 0%,#0F2035 100%); border-radius:10px; padding:1.5rem; margin-bottom:1.1rem; display:grid; grid-template-columns:1fr auto; gap:1rem; align-items:center; } .ep-role-box-left{} .ep-role-box .ep-section-head{ color:rgba(255,255,255,.5); border-bottom-color:rgba(255,255,255,.1); } .ep-role-title{ font-family:'DM Serif Display',serif; font-size:1.1rem;color:#fff; margin-bottom:4px; } .ep-role-journal{ font-size:12px;color:rgba(255,255,255,.65); font-weight:300;margin-bottom:.75rem; } .ep-role-desc{ font-size:13px;font-weight:300; color:rgba(255,255,255,.8);line-height:1.7; } .ep-role-cta{ display:flex;flex-direction:column;gap:8px; align-items:flex-end;flex-shrink:0; } .ep-cta-contact{ display:inline-flex;align-items:center;gap:6px; background:#C47B2A;color:#fff; font-size:12px;font-weight:600; padding:9px 16px;border-radius:6px; text-decoration:none;white-space:nowrap; transition:background .15s; } .ep-cta-contact:hover{background:#A8641F;color:#fff;text-decoration:none;} .ep-cta-join{ font-size:11px;color:rgba(255,255,255,.6); text-decoration:none;text-align:right; transition:color .15s; } .ep-cta-join:hover{color:#fff;text-decoration:none;}
/* ── BACK NAV ── */ .ep-backnav{ margin-top:1.5rem; font-size:13px; display:flex;gap:1rem;flex-wrap:wrap; align-items:center; } .ep-backnav a{ color:#1D3A5E;text-decoration:none;font-weight:500; display:inline-flex;align-items:center;gap:4px; } .ep-backnav a:hover{color:#C47B2A;} .ep-backnav-sep{color:#DDD;}
/* ── RESPONSIVE ── */ @media(max-width:680px){ .ep-hero{grid-template-columns:1fr;} .ep-hero-left{flex-direction:row;padding:1.25rem;gap:1rem;align-items:center;} .ep-photo-frame{width:80px;height:80px;flex-shrink:0;} .ep-initials{font-size:1.5rem;} .ep-badge-role,.ep-contact-btn{display:none;} .ep-stats{grid-template-columns:1fr 1fr;} .ep-stat:nth-child(3){grid-column:span 2;border-right:none;border-top:1px solid #E8EFF6;} .ep-role-box{grid-template-columns:1fr;} .ep-role-cta{align-items:flex-start;flex-direction:row;} .ep-name{font-size:1.5rem;} }
</style>
<a href="/boards/start">Boards</a>
<span class="ep-crumb-sep">›</span>
<a href="/boards/$$board_member.board_type$$/start">$$board_member.board_type$$</a>
<span class="ep-crumb-sep">›</span>
<span>$$board_member.full_name$$</span>
<!-- LEFT: Photo + contact -->
<div class="ep-hero-left">
<div class="ep-photo-frame">
<div class="ep-initials">$$board_member.initials$$</div>
</div>
<div class="ep-badge-role">$$board_member.board_role$$</div>
<a href="mailto:editor_connect@rsyn.org?subject=Connect with $$board_member.full_name$$&body=Dear Editorial Team,%0A%0AI would like to connect with $$board_member.full_name$$ regarding..."
class="ep-contact-btn">
✉ Contact Editor
</a>
</div>
<!-- RIGHT: Identity -->
<div class="ep-hero-right">
<div>
<p class="ep-eyebrow">RSYN Research LLP — $$board_member.board_role$$</p>
<h1 class="ep-name">$$board_member.full_name$$</h1>
<p class="ep-quals">$$board_member.qualifications$$</p>
<p class="ep-position">$$board_member.position$$</p>
<p class="ep-dept">$$board_member.department$$</p>
<p class="ep-inst">$$board_member.institution$$</p>
<p class="ep-location">📍 $$board_member.city$$, $$board_member.country$$</p>
</div>
<div class="ep-tags">
<span class="ep-tag ep-tag-blue">$$board_member.subject_areas$$</span>
<span class="ep-tag ep-tag-gold">$$board_member.journal$$</span>
<span class="ep-tag ep-tag-green">Open Access</span>
</div>
</div>
<div class="ep-section-head">
<span class="ep-section-head-icon">👤</span>
Profile
</div>
<p class="ep-bio">$$board_member.biography$$</p>
<div class="ep-section-head">
<span class="ep-section-head-icon">🔬</span>
Research Areas
</div>
<div class="ep-kw-wrap">
$$board_member.research_areas$$
</div>
<div class="ep-section-head">
<span class="ep-section-head-icon">🎓</span>
Education
</div>
<ul class="ep-edu">
$$board_member.education$$
</ul>
<div class="ep-section-head">
<span class="ep-section-head-icon">📄</span>
Selected Publications
</div>
<ol class="ep-pubs">
$$board_member.publications$$
</ol>
<div class="ep-section-head">
<span class="ep-section-head-icon">🔗</span>
Academic Profiles
</div>
<div class="ep-links">
<a href="$$board_member.orcid$$" class="ep-link">🪪 ORCID</a>
<a href="$$board_member.researchgate$$" class="ep-link">📑 ResearchGate</a>
<a href="$$board_member.google_scholar$$" class="ep-link">🎓 Google Scholar</a>
<a href="$$board_member.linkedin$$" class="ep-link">💼 LinkedIn</a>
<a href="$$board_member.vidwan$$" class="ep-link">🇮🇳 Vidwan</a>
<a href="$$board_member.institute_url$$" class="ep-link">🏛 Institute Profile</a>
</div>
<div class="ep-role-box-left">
<div class="ep-section-head">
Role at RSYN Research
</div>
<p class="ep-role-title">$$board_member.board_role$$ — RSYN $$board_member.board_type$$</p>
<p class="ep-role-journal">Journal: $$board_member.journal$$</p>
<p class="ep-role-desc">
$$board_member.full_name$$ serves as $$board_member.board_role$$ for $$board_member.journal$$,
contributing expertise in $$board_member.subject_areas$$ to the peer review and editorial
oversight of submitted manuscripts, upholding RSYN Research's commitment to rigorous,
open-access scholarship.
</p>
</div>
<div class="ep-role-cta">
<a href="mailto:editor_connect@rsyn.org?subject=Connect with $$board_member.full_name$$&body=Dear RSYN Editorial Team,%0A%0AI would like to get in touch with $$board_member.full_name$$ regarding a manuscript or collaboration."
class="ep-cta-contact">
✉ Contact Editor
</a>
<a href="https://forms.gle/Q5mKizZR2oHCNzqi9"
class="ep-cta-join">
Join Our Board →
</a>
</div>
<a href="/boards/$$board_member.board_type$$/start">← Back to Board</a>
<span class="ep-backnav-sep">·</span>
<a href="/boards/start">All Boards</a>
<span class="ep-backnav-sep">·</span>
<a href="/boards/add_member">Add Member</a>
<span class="ep-backnav-sep">·</span>
<a href="https://forms.gle/Q5mKizZR2oHCNzqi9">Join Our Board</a>
</struct-template>