/* Minimalistické, přehledné CV */

:root{
  --bg:#f6f7f9;
  --text:#0b0d10;
  --muted:#646b76;
  --card:#ffffff;
  --line:#e7e9ee;
  --pill:#f1f2f6;
  --accent:#0b0d10;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  background:var(--bg);
  color:var(--text);
  line-height:1.5;
}

.container{max-width:1000px;margin:0 auto;padding:32px 20px}
.header{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.identity{display:flex;gap:20px;align-items:center}
.avatar{width:96px;height:96px;border-radius:24px;object-fit:cover;border:4px solid var(--card);box-shadow:0 6px 20px rgba(0,0,0,.06)}
.title h1{margin:0;font-size:28px;letter-spacing:-0.02em}
.title p{margin:4px 0 0;color:var(--muted)}

.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.badge{background:var(--pill);border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px}

.cta{display:flex;gap:10px}
.btn{display:inline-flex;gap:8px;align-items:center;border-radius:14px;padding:10px 14px;border:1px solid var(--line);background:var(--card);text-decoration:none;color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.04)}
.btn.primary{background:var(--accent);color:white;border-color:var(--accent)}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 2px 14px rgba(0,0,0,.04)}
.card h3{margin:0 0 10px 0;font-size:16px}

.tags{display:flex;gap:8px;flex-wrap:wrap}
.tag{background:var(--pill);border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px}

.timeline{position:relative;margin-top:30px;padding-left:22px}
.timeline::before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--line)}
.item{position:relative;margin-bottom:22px}
.dot{position:absolute;left:-1px;top:6px;width:12px;height:12px;background:var(--accent);border-radius:999px}
.item h4{margin:0;margin-left:20px;font-size:16px}
.meta{color:var(--muted);font-size:13px;margin-top:2px}
.item p{margin:8px 0;color:#1c1f24}
.item ul{margin:8px 0 0 18px;padding:0}
.item li{margin:4px 0}
.links{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.links a{font-size:13px;color:#0366d6;text-decoration:none}
.links a:hover{text-decoration:underline}

.projects{margin-top:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.project{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 2px 14px rgba(0,0,0,.04)}

.contact{margin-top:36px;background:var(--text);color:white;border-radius:20px;padding:20px}
.contact a{color:white}

.footer{margin-top:24px;color:var(--muted);font-size:13px;text-align:center}

/* Responsivita */
@media (max-width: 860px){
  .grid{grid-template-columns:1fr}
  .projects{grid-template-columns:1fr}
}