@import "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;600;700;900&display=swap";
:root{--jdc-blue:#0072bc;--jdc-blue-80:#338ec9;--jdc-blue-60:#66aad7;--jdc-blue-40:#99c7e4;--jdc-blue-20:#cce3f2;--wbg-cyan:#009fda;--accent-yellow:#faeb00;--black:#000;--white:#fff;--gray-light:#f5f6f7;--gray-medium:#e0e0e0;--text-muted:#555;--radius-sm:4px;--radius-md:8px;--shadow-card:0 2px 6px #00000014;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem}body{background-color:var(--white);color:var(--black);font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.profile-header-combined{background:var(--white);border:1px solid var(--gray-medium);border-radius:var(--radius-md);margin-top:var(--space-sm);margin-bottom:var(--space-lg);box-shadow:var(--shadow-card);padding:32px}.profile-header-top{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--gray-light);justify-content:space-between;align-items:center;display:flex}.profile-info{flex:1}.profile-name{color:var(--jdc-blue);margin:0 0 var(--space-sm)0;font-size:2rem;font-weight:700}.profile-meta{gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.profile-badge{background-color:var(--jdc-blue);color:var(--white);text-transform:capitalize;border-radius:9999px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.profile-institution,.profile-country{color:var(--text-muted);font-size:.95rem;font-weight:500}.btn-edit-profile{background-color:var(--jdc-blue);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:.7rem 1.8rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-edit-profile:hover{background-color:var(--jdc-blue-80);transform:translateY(-1px);box-shadow:0 4px 8px #0072bc33}.profile-section{margin-bottom:var(--space-md)}.profile-section:last-child{margin-bottom:0}.profile-section h3{color:var(--jdc-blue);margin-bottom:var(--space-sm);border-bottom:2px solid var(--jdc-blue-20);padding-bottom:.4rem;font-size:1.1rem;font-weight:700}.section-header-collapsible{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.section-header-collapsible:hover{color:var(--jdc-blue-80)}.collapse-icon{color:var(--jdc-blue);font-size:1.5rem;font-weight:700;line-height:1;transition:transform .2s}.profile-bio{color:#333;margin-top:var(--space-sm);white-space:pre-wrap;word-wrap:break-word;font-size:.95rem;line-height:1.6;animation:.2s fadeIn}.about-content{margin-top:var(--space-md);animation:.2s fadeIn}.about-subsection{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--gray-light)}.about-subsection:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.subsection-title{color:var(--jdc-blue);margin-bottom:var(--space-sm);font-size:1rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.profile-info-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.info-item{flex-direction:column;gap:.25rem;display:flex}.info-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.info-value{color:#333;text-transform:capitalize;font-size:.95rem}.profile-links{gap:var(--space-md);flex-wrap:wrap;display:flex}.profile-link{background-color:var(--jdc-blue-20);color:var(--jdc-blue);border-radius:var(--radius-sm);align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.profile-link:hover{background-color:var(--jdc-blue);color:var(--white);transform:translateY(-1px)}.profile-interests{gap:var(--space-md);flex-direction:column;display:flex}.interest-group{flex-direction:column;gap:.5rem;display:flex}.interest-label{color:var(--text-muted);font-size:.9rem;font-weight:600}.interest-tags{flex-wrap:wrap;gap:.5rem;display:flex}.interest-tags .tag{background-color:var(--jdc-blue-20);color:var(--jdc-blue);border-radius:9999px;padding:.3rem .8rem;font-size:.85rem;font-weight:500;display:inline-block}.interest-tags .tag-secondary{color:#333;background-color:#f0f4f7}.profile-member-since{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--gray-light)}.member-since{color:var(--text-muted);margin:0;font-size:.9rem;font-style:italic}.profile-tabs{margin-bottom:var(--space-lg);border-bottom:2px solid var(--gray-light);padding-bottom:var(--space-sm);gap:12px;display:flex}.tab-btn{border-radius:var(--radius-sm)var(--radius-sm)0 0;background-color:var(--white);color:var(--text-muted);cursor:pointer;border:none;border-bottom:3px solid #0000;padding:.7rem 1.4rem;font-size:.95rem;font-weight:600;transition:all .2s}.tab-btn:hover{color:var(--jdc-blue);background-color:var(--jdc-blue-20)}.tab-btn.tab-active{color:var(--jdc-blue);border-bottom-color:var(--jdc-blue);background-color:#0000}.btn-new-post{background-color:var(--jdc-blue);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;border:none;margin-left:auto;padding:.7rem 1.4rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-new-post:hover{background-color:var(--jdc-blue-80);transform:translateY(-1px);box-shadow:0 4px 8px #0072bc33}.empty-state{text-align:center;color:var(--text-muted);padding:var(--space-xl);background-color:var(--gray-light);border-radius:var(--radius-md);border:1px dashed var(--gray-medium);font-size:1.1rem}.post-actions{gap:.75rem;display:flex}.btn-edit{color:var(--jdc-blue);border:1.5px solid var(--jdc-blue);border-radius:var(--radius-sm);cursor:pointer;background-color:#0000;padding:.4rem 1rem;font-weight:600;transition:all .2s}.btn-edit:hover{background-color:var(--jdc-blue);color:var(--white)}.btn-delete{color:#dc2626;border-radius:var(--radius-sm);cursor:pointer;background-color:#0000;border:1.5px solid #dc2626;padding:.4rem 1rem;font-weight:600;transition:all .2s}.btn-delete:hover{color:var(--white);background-color:#dc2626}.btn-edit:active,.btn-delete:active{transform:scale(.97)}@media (max-width:968px){.profile-header-top{flex-direction:column;align-items:flex-start}.btn-edit-profile{margin-top:var(--space-md);width:100%}.profile-meta{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.profile-tabs{flex-wrap:wrap}.btn-new-post{width:100%;margin-left:0}.profile-info-grid{grid-template-columns:1fr}}