*{margin:0;padding:0;box-sizing:border-box}
body{font-family: "Work Sans", sans-serif;background:#f5f5f5;line-height:1.4}
#app{display:flex;justify-content:center;padding:20px;min-height:100vh}
.resume-container{max-width:768px;width:100%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);font-size:11px;line-height:1.3}
/* Header */
.header{background:#fff;padding:20px 15px 15px}
.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.header-text{flex:1}
.name{font-size:32px;font-weight:700;color:#333;margin-bottom:8px;line-height:1.1}
.contact-info{font-size:11px;color:#333;line-height:1.4}
.contact-info a{color:#0077b5;text-decoration:none}
.header-photo img{width:120px;height:150px;object-fit:cover;border-radius:6px;border:1px solid #eee}
/* Sections */
.section-header{background:rgba(75, 135, 64, 0.49);color:#333;font-weight:700;font-size:12px;padding:8px 15px;margin:0;text-transform:uppercase;letter-spacing:.5px}
.section-content{padding:15px}
/* Experience */
.experience-item{margin-bottom:20px}
.experience-item:last-child{margin-bottom:0}
.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}
.job-info{flex:1}
.job-title{font-weight:700;font-size:12px;color:#333;margin-bottom:2px}
.company-name{font-weight:700;font-size:11px;color:#666}
.period{font-size:11px;color:#666;white-space:nowrap}
.job-description{font-size:11px;color:#333}
/* Bottom layout */
.bottom-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 15px 15px}
/* Skills */
.skills-grid{display:flex;gap:20px}
.skills-column{flex:1}
.skills-category{font-weight:700;font-size:11px;color:#333;margin-bottom:6px;margin-top:2px}
.skills-list{list-style:none;padding:0}
.skills-list li{font-size:11px;color:#333;margin-bottom:4px;position:relative;padding-left:12px}
.skills-list li:before{content:"•";position:absolute;left:0;top:0}
/* Education */
.education-item{margin-bottom:15px}
.education-item:last-child{margin-bottom:0}
.institution-name{font-weight:700;font-size:12px;color:#333;margin-bottom:3px}
.education-location{font-size:11px;color:#666;margin-bottom:2px}
.education-description{font-size:11px;color:#333}
/* Languages */
.language-item{margin-bottom:6px;font-size:11px;color:#333}
.language-item:last-child{margin-bottom:0}
.language-name{font-weight:700}
.language-level{font-weight:400}
/* Small text */
.small-note{font-size:11px;color:#333}
/* Responsive */
@media (max-width: 720px){
  .bottom-columns{grid-template-columns:1fr}
  .header-content{flex-direction:column;align-items:flex-start}
  .header-photo img{width:100px;height:120px}
}