.root{--accent:#d3542a;--muted:#666;--bg:#d0d4db;--card:#fff}:root{--accent:#d3542a;--muted:#666;--bg:#d0d4db;--card:#fff}body{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);margin:0;color:#111}.app{display:flex;justify-content:center;padding:32px}.layout-two{display:flex;max-width:1000px;background:var(--card);border-radius:8px;overflow:hidden;box-shadow:0 20px 50px #00000040}.sidebar{width:300px;background:#222;color:#fff;padding:28px;box-sizing:border-box}.photo-wrap{display:flex;justify-content:center;margin-bottom:18px}.avatar{width:120px;height:120px;border-radius:999px;background:linear-gradient(135deg,#375aeb,#00b4d8);overflow:hidden;display:flex;align-items:center;justify-content:center}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700}.contact-card h4,.panel h4{margin:0 0 8px;color:var(--accent)}.contact-card{background:#1b1b1b;padding:12px;border-radius:6px;margin-bottom:12px}.contact-row{display:flex;flex-direction:column;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.contact-row:last-child{border-bottom:none}.contact-row strong{color:#ccc;font-size:.95rem;margin-bottom:4px}.contact-row span,.contact-row a{color:#fff;word-break:break-word}.contact-row a{text-decoration:none}.panel{background:#141414;padding:12px;border-radius:6px;margin-bottom:12px}.panel ul{padding-left:16px;margin:0}.panel li{margin:6px 0;color:#ddd}.content{flex:1;padding:28px}.name-line{display:flex;flex-direction:column;border-bottom:4px solid rgba(211,84,42,.08);padding-bottom:12px;margin-bottom:12px}.name-line h1{margin:0;font-size:clamp(20px,4vw,36px)}.name-line .first{color:var(--accent);font-weight:700;margin-right:6px}.role{color:var(--muted);margin:4px 0}.summary{background:#fff;padding:12px;border-left:4px solid var(--accent);margin-bottom:12px}.section-block{margin-bottom:12px}.block-title{display:inline-block;background:var(--accent);color:#fff;padding:6px 12px;border-radius:4px;margin-bottom:10px}.job h4{margin:8px 0}.dates{float:right;color:var(--muted);font-size:.9em}.job-body ul{margin:6px 0 12px 18px}.note{font-style:italic;color:var(--muted)}.theme-toggle{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s;display:flex;align-items:center;justify-content:center;color:#111}.theme-toggle:hover{background-color:#d3542a1a}.dark-mode .theme-toggle{color:#fff}.download-button{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s;display:flex;align-items:center;justify-content:center;color:#111;margin-right:10px}.download-button:hover{background-color:#d3542a1a}.dark-mode .download-button{color:#fff}.top-controls{position:absolute;top:20px;right:20px;display:flex;gap:8px;z-index:2}.layout-two{position:relative}.dark-mode{--accent:#4a9eff;--muted:#aaa;--bg:#1a1a1a;--card:#2d2d2d}.dark-mode body{background:var(--bg);color:#e0e0e0}.dark-mode .layout-two{background:var(--card);box-shadow:0 12px 30px #0000004d}.dark-mode .sidebar{background:#222;color:#e0e0e0}.dark-mode .contact-card{background:#1b1b1b}.dark-mode .contact-row{border-bottom:1px solid rgba(255,255,255,.1)}.dark-mode .contact-row strong{color:#b0b0b0}.dark-mode .contact-row span,.dark-mode .contact-row a{color:#e0e0e0}.dark-mode .panel{background:#1b1b1b}.dark-mode .panel li{color:#d0d0d0}.dark-mode .name-line{border-bottom:4px solid rgba(74,158,255,.2)}.dark-mode .summary{background:#2d2d2d;border-left:4px solid var(--accent);color:#e0e0e0}.dark-mode .section-block,.dark-mode .job h4{color:#e0e0e0}.dark-mode .job-body{color:#d0d0d0}.dark-mode .note{color:#999}@media (max-width:880px){.layout-two{flex-direction:column}.sidebar{width:100%;order:1;padding:20px}.content{order:2;padding:16px}.photo-wrap{justify-content:flex-start}.avatar svg{width:96px;height:96px}.name-line h1{font-size:28px}.panel ul{columns:2}}@media (max-width:640px){body{padding:0}.app,.sidebar{padding:16px}.avatar svg{width:80px;height:80px}.contact-row{flex-direction:column;align-items:flex-start;gap:6px}.contact-row strong{display:block}.name-line h1{font-size:22px}.dates{float:none;display:block;margin-top:6px}.summary{padding:10px}.panel ul{columns:1}.theme-toggle{top:12px;right:12px;font-size:20px}}.hide-controls .top-controls{display:none}html{font-size:16px}@media (max-width:640px){html{font-size:15px}}