:root{
  --linkedin-blue:#0a66c2;
  --bg:#f3f6f9;
  --card:#ffffff;
  --muted:#586069;
  --radius:10px;
}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; background:var(--bg); color:#111}
.profile-page{max-width:1000px;margin:28px auto;padding:16px}
.card{display:flex;gap:24px}
.left-column{width:280px;flex:0 0 280px;background:var(--card);padding:20px;border-radius:var(--radius);box-shadow:0 6px 18px rgba(2,6,23,0.08)}
.right-column{flex:1;background:transparent;padding:4px}
.profile-photo{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto 12px;border:4px solid #fff;box-shadow:0 6px 18px rgba(2,6,23,0.06)}
.profile-photo img{width:100%;height:100%;object-fit:cover;display:block}
.name{font-size:20px;margin:8px 0 4px;text-align:center}
.title,.location{font-size:14px;color:var(--muted);text-align:center;margin:0}
.actions{display:flex;gap:8px;justify-content:center;margin:14px 0}
.btn{display:inline-block;padding:8px 12px;border-radius:6px;text-decoration:none;color:var(--linkedin-blue);border:1px solid rgba(10,102,194,0.14);background:#fff;font-weight:600}
.btn.primary{background:var(--linkedin-blue);color:#fff;border:none}
.sidebar-section{margin-top:18px;border-top:1px solid #eef2f6;padding-top:12px}
.sidebar-section h3{margin:0 0 8px;font-size:13px}
.skills{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.skills li{background:#eef6ff;color:var(--linkedin-blue);padding:6px 8px;border-radius:6px;font-size:13px}

.right-column .about,.right-column .experience,.right-column .education,.right-column .contact{background:var(--card);padding:18px;border-radius:var(--radius);box-shadow:0 6px 18px rgba(2,6,23,0.04);margin-bottom:16px}
.right-column h2{margin:0 0 8px;font-size:16px}
.item{border-left:3px solid #eef2f6;padding-left:12px;margin-bottom:12px}
.item h3{margin:0;font-size:15px}
.muted{color:var(--muted);font-size:14px}

@media (max-width:880px){
  .card{flex-direction:column}
  .left-column{width:100%;display:flex;flex-direction:row;align-items:center;padding:14px}
  .profile-photo{width:72px;height:72px;margin:0 12px 0 0}
  .left-column .actions{justify-content:flex-start}
}