.cvl{display:grid;grid-template-columns:300px 1fr;gap:64px;padding-top:56px}
.cvl>*{min-width:0}
aside{position:sticky;top:92px;align-self:start}
.ph{width:96px;height:96px;border-radius:18px;background:url(/img/umut.jpg) center 25%/cover;border:1px solid var(--rule2)}
aside h1{font-size:30px;font-weight:600;letter-spacing:-.035em;margin-top:18px}
aside .role{color:var(--mut);margin-top:4px}
.kv{margin-top:22px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:12px}
.kv div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--rule)}
.kv span:first-child{color:var(--dim)}
.kv a:hover{color:var(--l2)}
aside .acts{display:flex;flex-direction:column;gap:8px;margin-top:20px}
aside .acts .b{justify-content:space-between}
.toc{margin-top:26px;font-family:var(--mono);font-size:12px;display:flex;flex-direction:column;gap:2px}
.toc a{padding:6px 10px;border-radius:7px;color:var(--mut);display:flex;justify-content:space-between}
.toc a.on{background:var(--panel2);color:var(--ink)}
.toc a span{color:var(--dim)}

.blk{padding-bottom:56px}
.blk>h2{font-size:13px;font-family:var(--mono);font-weight:500;color:var(--mut);display:flex;gap:10px;align-items:center;margin-bottom:20px}
.blk>h2:after{content:"";flex:1;border-top:1px solid var(--rule)}
.sum{font-size:20px;line-height:1.6;color:#C3CADC;letter-spacing:-.01em}
.sum b{color:var(--ink);font-weight:500}

/* deneyim: dal çizgili */
.job{display:grid;grid-template-columns:28px 1fr;gap:18px;position:relative;padding-bottom:34px}
.job .rail{position:relative}
.job .rail:before{content:"";position:absolute;left:12px;top:8px;bottom:-34px;width:2px;background:var(--c);opacity:.6}
.job:last-child .rail:before{bottom:0}
.job .rail:after{content:"";position:absolute;left:11px;top:8px;width:4px;height:60px;border-radius:4px;background:linear-gradient(180deg,transparent,var(--c));opacity:.9;animation:drip 3.6s linear infinite;animation-delay:calc(var(--i,0) * .7s)}
@keyframes drip{0%{transform:translateY(-60px);opacity:0}15%{opacity:.9}100%{transform:translateY(320px);opacity:0}}
@media (prefers-reduced-motion:reduce){.job .rail:after{display:none}}

.job .rail i{position:absolute;left:6px;top:4px;width:14px;height:14px;border-radius:50%;border:2.5px solid var(--c);background:var(--bg)}
.job.now .rail i{background:var(--c);box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 20%,transparent)}
.job .top{display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.job h3{font-size:21px;font-weight:600;letter-spacing:-.025em}
.job h3 small{font-size:15px;font-weight:400;color:var(--mut);margin-left:8px}
.job .when{font-family:var(--mono);font-size:12px;color:var(--c);white-space:nowrap}
.job .what{color:var(--mut);margin-top:6px;line-height:1.55}
.job ul{list-style:none;margin-top:12px;display:grid;gap:8px}
.job li{display:grid;grid-template-columns:auto 1fr;gap:10px;line-height:1.5;font-size:15px}
.job li:before{content:"+";font-family:var(--mono);color:var(--c)}
.job li a{border-bottom:1px dashed var(--rule2)}
.job li a:hover{color:var(--c)}
.job .chips{margin-top:14px}

/* eğitim, sertifika */
.rows{border-top:1px solid var(--rule)}
.r2{display:grid;grid-template-columns:1fr auto;gap:16px;padding:14px 0;border-bottom:1px solid var(--rule)}
.r2 b{font-weight:500}
.r2 small{display:block;color:var(--mut);font-size:14px;margin-top:2px}
.r2 .when{font-family:var(--mono);font-size:12px;color:var(--mut)}
.certs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cert{border:1px solid var(--rule);border-radius:12px;background:var(--panel);padding:14px}
.cert b{font-weight:500;display:block}
.cert small{font-family:var(--mono);font-size:11px;color:var(--dim)}

/* beceriler */
.sk{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.skg{border:1px solid var(--rule);border-radius:12px;background:var(--panel);padding:16px}
.skg h4{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--l2);margin-bottom:10px}
.skg .chips span{font-size:12px;color:var(--ink);background:var(--panel2)}

@media (max-width:860px){
  .cvl{grid-template-columns:1fr;gap:36px;padding-top:32px}
  aside{position:static}
  .toc{display:none}
  .certs,.sk{grid-template-columns:1fr}
  .job .top{flex-direction:column;gap:2px}
  .sum{font-size:17px}
}
@media print{.hd,.toc,.acts,.ft{display:none}}