/* Yazar profili (Kaan Gulten) - standalone referanstan portlandi.
   Referansin jenerik sinif adlari (.wrap, .btn, .sec, .hero) site geneliyle
   carpismasin diye tamami .yz-page altina kapsandi. Dosya public/ altinda:
   Vite grafigine girmez, ana sayfa CSS'ini sismez. */
.yz-page *, .yz-page *::before, .yz-page *::after{box-sizing:border-box}
.yz-page{--bg:#F6F4EF;--bg-2:#EFECE5;--paper:#FFFFFF;--ink:#16140F;--ink-2:#3D3830;--mute:#78716A;--faint:#A8A199;
--line:rgba(22,20,15,.09);--line-2:rgba(22,20,15,.16);
--acc:#D24E24;--acc-deep:#B23F1A;--acc-soft:rgba(210,78,36,.08);--acc-lite:#FF8A5B;
--sans:"Geist",ui-sans-serif,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;
--ease:cubic-bezier(.32,.72,.24,1);--r:18px;}
.yz-page{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}
.yz-page a{color:inherit;text-decoration:none}
.yz-page a:hover{color:var(--acc)}
.yz-page button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.yz-page h1, .yz-page h2, .yz-page h3, .yz-page h4{margin:0;font-weight:500;letter-spacing:-.03em;line-height:1.05}
.yz-page p{margin:0}
.yz-page em{font-style:normal;color:var(--acc)}
.yz-page .wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.yz-page .lede{font-size:clamp(16px,1.3vw,18px);color:var(--ink-2);line-height:1.65;max-width:58ch}
.yz-page .btn{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:99px;font-size:14.5px;font-weight:500;border:1px solid var(--line-2);transition:all 220ms var(--ease);white-space:nowrap}
.yz-page .btn:hover{border-color:var(--ink);color:var(--ink)}
.yz-page .btn.acc{background:var(--acc);color:#fff;border-color:var(--acc)}
.yz-page .btn.acc:hover{background:var(--acc-deep);border-color:var(--acc-deep);color:#fff}
.yz-page .btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;transition:transform 220ms var(--ease)}
.yz-page .btn:hover svg{transform:translateX(3px)}
.yz-page .sec{padding:clamp(48px,6vw,88px) 0}
.yz-page .sec.alt{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.yz-page .sh{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,38px)}
.yz-page .sh h2{font-size:clamp(26px,3.4vw,42px);letter-spacing:-.04em;max-width:24ch;text-wrap:balance}
.yz-page .sh p{margin-top:14px}
.yz-page .rv{opacity:0;transform:translateY(20px);transition:opacity 750ms var(--ease),transform 750ms var(--ease)}
.yz-page .rv.shown{opacity:1;transform:none}
.yz-page .mk{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.yz-page .slot{position:relative;background:var(--bg-2);border:1px dashed var(--line-2);border-radius:12px;display:grid;place-items:center;overflow:hidden}
.yz-page .slot::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent 86%);opacity:.7}
.yz-page .slot span{position:relative;font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);text-align:center;padding:8px}
/* hero */
.yz-page .hero{position:relative;padding:clamp(36px,4.6vw,64px) 0 clamp(26px,3.2vw,42px);overflow:hidden}
.yz-page .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(46% 42% at 88% 2%,rgba(210,78,36,.13),transparent 70%);pointer-events:none}
.yz-page .hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.68fr);gap:clamp(26px,4.4vw,60px);align-items:start}
@media(max-width:940px){
  .yz-page .hero-in{grid-template-columns:1fr;gap:26px}
}
.yz-page .idn{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2vw,24px);align-items:center}
@media(max-width:520px){
  .yz-page .idn{grid-template-columns:1fr;gap:16px}
}
.yz-page .pf{width:clamp(88px,10vw,124px);aspect-ratio:1;border-radius:20px;background:var(--bg-2);border:1px solid var(--line-2);overflow:hidden;position:relative;display:grid;place-items:center}
.yz-page .pf::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 62% 26%,rgba(210,78,36,.16),transparent 62%)}
.yz-page .pf span{position:relative;font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);text-align:center;line-height:1.5;padding:6px}
.yz-page .hero h1{font-size:clamp(34px,4.8vw,64px);letter-spacing:-.05em;line-height:.98}
.yz-page .hero .role{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
.yz-page .hero .role span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line-2);border-radius:99px;padding:6px 12px;background:var(--paper);transition:all 220ms var(--ease)}
.yz-page .hero .role span:hover{border-color:var(--acc);color:var(--acc)}
.yz-page .hero .bio{margin-top:clamp(22px,2.6vw,30px);font-size:16.5px;line-height:1.78;color:var(--ink-2);max-width:64ch}
.yz-page .hero .bio b{color:var(--ink);font-weight:500}
.yz-page .hrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:24px}
.yz-page .soc{display:flex;gap:8px}
.yz-page .soc a{width:40px;height:40px;border-radius:12px;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink-2);transition:all 220ms var(--ease)}
.yz-page .soc a svg{width:15px;height:15px;fill:currentColor}
.yz-page .soc a:hover{background:var(--ink);border-color:var(--ink);color:#fff;transform:translateY(-2px)}
/* künye kartı */
.yz-page .facts{background:var(--paper);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);overflow:hidden}
.yz-page .facts .hd{padding:15px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}
.yz-page .facts .rw{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:14px;padding:13px 20px;border-bottom:1px solid var(--line);font-size:14.5px;transition:background 240ms var(--ease)}
.yz-page .facts .rw:last-child{border-bottom:0}
.yz-page .facts .rw:hover{background:var(--bg)}
.yz-page .facts .rw .k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);padding-top:3px}
.yz-page .facts .rw .v{color:var(--ink);line-height:1.5}
.yz-page .facts .rw .v small{display:block;font-size:12.5px;color:var(--mute);margin-top:3px}
/* metrik şerit */
.yz-page .mstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:clamp(26px,3.2vw,40px)}
@media(max-width:900px){
  .yz-page .mstrip{grid-template-columns:1fr 1fr}
}
.yz-page .mstrip>div{background:var(--bg);padding:20px 22px;transition:background 260ms var(--ease)}
.yz-page .mstrip>div:hover{background:var(--bg-2)}
.yz-page .mstrip .v{font-size:clamp(22px,2.2vw,28px);letter-spacing:-.035em;line-height:1;font-weight:500}
.yz-page .mstrip .v em{font-size:.7em}
.yz-page .mstrip .l{font-size:14.5px;font-weight:500;color:var(--ink-2);margin-top:6px;line-height:1.3}
/* uzmanlık */
.yz-page .exp{display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(28px,4vw,60px)}
@media(max-width:880px){
  .yz-page .exp{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .yz-page .exp{grid-template-columns:1fr}
}
.yz-page .ex{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:baseline;padding:18px 4px;border-top:1px solid var(--line);transition:padding 280ms var(--ease)}
.yz-page .ex:hover{padding-left:10px}
.yz-page .ex .no{font-family:var(--mono);font-size:11.5px;color:var(--faint);transition:color 260ms}
.yz-page .ex:hover .no{color:var(--acc)}
.yz-page .ex h3{font-size:17px;letter-spacing:-.025em;line-height:1.25;transition:color 260ms}
.yz-page .ex:hover h3{color:var(--acc)}
.yz-page .ex p{font-size:14px;line-height:1.6;color:var(--ink-2);margin-top:6px}
/* kitaplar */
.yz-page .books{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:820px){
  .yz-page .books{grid-template-columns:1fr}
}
.yz-page .bk{display:grid;grid-template-columns:112px minmax(0,1fr);gap:clamp(16px,2vw,22px);background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,2vw,22px);align-items:start;transition:transform 340ms var(--ease),box-shadow 340ms var(--ease),border-color 300ms}
@media(max-width:480px){
  .yz-page .bk{grid-template-columns:88px minmax(0,1fr)}
}
.yz-page .bk:hover{transform:translateY(-4px);border-color:var(--acc);box-shadow:0 38px 66px -48px rgba(22,20,15,.3)}
.yz-page .bk .cv{position:relative;aspect-ratio:3/4.3;border-radius:8px;background:linear-gradient(150deg,#1C1A15,#0F0E0B 66%);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:12px 11px}
.yz-page .bk .cv::before{content:"";position:absolute;inset:auto -34% -60% auto;width:86%;aspect-ratio:1;background:radial-gradient(circle,rgba(226,90,43,.4),transparent 62%)}
.yz-page .bk .cv::after{content:"";position:absolute;left:9px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.12)}
.yz-page .bk .cv .t{position:relative;font-size:11.5px;font-weight:500;color:#fff;line-height:1.25;letter-spacing:-.015em}
.yz-page .bk .cv .a{position:relative;font-family:var(--mono);font-size:6.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.yz-page .bk h3{font-size:18px;letter-spacing:-.026em;transition:color 260ms}
.yz-page .bk:hover h3{color:var(--acc)}
.yz-page .bk .meta{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:8px}
.yz-page .bk p{font-size:14px;line-height:1.6;color:var(--ink-2);margin-top:11px}
.yz-page .bk .go{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.yz-page .bk .go svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;transition:transform 240ms var(--ease)}
.yz-page .bk:hover .go{color:var(--acc)}
.yz-page .bk:hover .go svg{transform:translateX(3px)}
/* içerikler */
.yz-page .filt{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:clamp(20px,2.4vw,28px)}
.yz-page .filt button{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--line-2);border-radius:99px;font-size:14px;font-weight:500;transition:all 220ms var(--ease)}
.yz-page .filt button b{font-family:var(--mono);font-size:10.5px;font-weight:400;color:var(--mute);transition:color 220ms}
.yz-page .filt button:hover{background:var(--paper)}
.yz-page .filt button[aria-selected="true"]{background:var(--acc);border-color:var(--acc);color:#fff}
.yz-page .filt button[aria-selected="true"] b{color:rgba(255,255,255,.72)}
.yz-page .filt .cnt{margin-left:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
@media(max-width:700px){
  .yz-page .filt .cnt{width:100%;margin-left:0;order:9}
}
.yz-page .arts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:960px){
  .yz-page .arts{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .yz-page .arts{grid-template-columns:1fr}
}
.yz-page .ar{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform 360ms var(--ease),box-shadow 360ms var(--ease),border-color 300ms}
.yz-page .ar:hover{transform:translateY(-4px);border-color:var(--line-2);box-shadow:0 40px 70px -48px rgba(22,20,15,.3)}
.yz-page .ar .th{position:relative;aspect-ratio:16/9;background:linear-gradient(150deg,#1C1A15,#0F0E0B 66%);padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.yz-page .ar .th::before{content:"";position:absolute;inset:auto -26% -70% auto;width:74%;aspect-ratio:1;background:radial-gradient(circle,rgba(226,90,43,.32),transparent 64%)}
.yz-page .ar .th .kx{position:relative;font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.46)}
.yz-page .ar .th .tt{position:relative;font-size:13.5px;font-weight:500;color:#fff;line-height:1.3;letter-spacing:-.015em;max-width:24ch}
.yz-page .ar .gx{position:absolute;right:12px;bottom:10px;width:74px;height:44px;opacity:.95}
.yz-page .ar .gx rect{fill:rgba(255,255,255,.18)}
.yz-page .ar .gx rect.on{fill:#E25A2B;transition:fill 320ms}
.yz-page .ar:hover .gx rect.on{fill:#FF8A5B}
.yz-page .ar .gx path{fill:none;stroke:#FF8A5B;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:110;stroke-dashoffset:110;transition:stroke-dashoffset 900ms var(--ease)}
.yz-page .ar:hover .gx path{stroke-dashoffset:0}
.yz-page .ar .bd{padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
.yz-page .ar h3{font-size:16.5px;letter-spacing:-.024em;line-height:1.35;transition:color 260ms}
.yz-page .ar:hover h3{color:var(--acc)}
.yz-page .ar p{font-size:13.5px;line-height:1.6;color:var(--mute);flex:1}
.yz-page .ar .ft{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid var(--line);font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.yz-page .ar .ft svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;color:var(--ink);transition:transform 240ms var(--ease)}
.yz-page .ar:hover .ft svg{transform:translateX(3px);color:var(--acc)}
.yz-page .more{display:flex;justify-content:center;margin-top:clamp(22px,2.6vw,32px)}
/* konuşmalar */
.yz-page .talks{border-top:1px solid var(--line-2)}
.yz-page .tk{display:grid;grid-template-columns:96px minmax(0,1.3fr) minmax(0,1fr) auto;gap:clamp(14px,2.6vw,32px);align-items:center;padding:20px 4px;border-bottom:1px solid var(--line-2);transition:padding 280ms var(--ease),background 280ms}
.yz-page .tk:hover{padding-left:12px;background:var(--paper)}
@media(max-width:820px){
  .yz-page .tk{grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .yz-page .tk .dt{grid-column:1/-1;order:-1}
  .yz-page .tk .pl{grid-column:1/-1;order:3}
}
.yz-page .tk .dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);transition:color 260ms}
.yz-page .tk:hover .dt{color:var(--acc)}
.yz-page .tk h3{font-size:17.5px;letter-spacing:-.025em;line-height:1.3;transition:color 260ms}
.yz-page .tk:hover h3{color:var(--acc)}
.yz-page .tk .pl{font-size:14px;color:var(--mute);line-height:1.5}
.yz-page .tk .ic{width:40px;height:40px;border-radius:99px;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink);transition:all 280ms var(--ease);flex:none}
.yz-page .tk .ic svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.9}
.yz-page .tk:hover .ic{background:var(--acc);border-color:var(--acc);color:#fff;transform:rotate(-45deg)}
/* alıntı */
.yz-page .qt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:clamp(26px,4.4vw,64px);align-items:center}
@media(max-width:880px){
  .yz-page .qt{grid-template-columns:1fr;gap:24px}
}
.yz-page .qt blockquote{margin:0;font-size:clamp(20px,2.3vw,30px);line-height:1.42;letter-spacing:-.03em;color:var(--ink);text-wrap:pretty;border-left:2px solid var(--acc);padding-left:clamp(18px,2.4vw,28px)}
.yz-page .qt .slot{aspect-ratio:4/3;border-radius:var(--r)}
/* cta */
.yz-page .cta{border-top:1px solid var(--line);padding:clamp(72px,9vw,128px) 0 clamp(64px,8vw,104px);display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,6vw,96px);align-items:start;position:relative;overflow:hidden}
@media(max-width:900px){
  .yz-page .cta{grid-template-columns:1fr}
}
.yz-page .cta::before{content:"";position:absolute;inset:auto -10% -60% auto;width:55%;aspect-ratio:1;background:radial-gradient(circle,rgba(210,78,36,.12),transparent 62%);pointer-events:none}
.yz-page .cta h2{font-size:clamp(44px,6.2vw,88px);letter-spacing:-.05em;line-height:.98;max-width:12ch;text-wrap:balance}
.yz-page .cta .r{display:flex;flex-direction:column;padding-top:clamp(0px,2vw,26px)}
.yz-page .cta .r p{font-size:17px;color:var(--ink-2);line-height:1.6;margin-bottom:28px;max-width:44ch}
.yz-page .act{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:22px 0;border-top:1px solid var(--line);transition:padding 300ms var(--ease)}
.yz-page .act:last-of-type{border-bottom:1px solid var(--line)}
.yz-page .act:hover{padding-left:10px}
.yz-page .act .t{font-size:clamp(20px,1.8vw,24px);font-weight:500;letter-spacing:-.025em;line-height:1.2;transition:color 240ms}
.yz-page .act .t small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-top:7px;font-weight:400}
.yz-page .act.pri .t{color:var(--acc)}
.yz-page .act .ar2{width:52px;height:52px;border-radius:99px;display:grid;place-items:center;border:1px solid var(--line-2);color:var(--ink);transition:all 300ms var(--ease)}
.yz-page .act.pri .ar2{background:var(--acc);border-color:var(--acc);color:#fff}
.yz-page .act .ar2 svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9}
.yz-page .act:hover .t{color:var(--acc)}
.yz-page .act:hover .ar2{transform:rotate(-45deg);background:var(--ink);border-color:var(--ink);color:#fff}
.yz-page .act.pri:hover .ar2{background:var(--acc-deep);border-color:var(--acc-deep)}
@media(max-width:900px){
  .yz-page .sec{padding:40px 0}
  .yz-page .sh{margin-bottom:20px}
  .yz-page .sh h2{font-size:clamp(24px,6.6vw,32px);max-width:none;letter-spacing:-.035em}
  .yz-page .sh p{font-size:15.5px;margin-top:10px}
  .yz-page .hero{padding:26px 0 20px}
  .yz-page .hero h1{font-size:clamp(30px,8.4vw,40px);letter-spacing:-.042em}
  .yz-page .hero .bio{font-size:16px;line-height:1.72;margin-top:20px}
  .yz-page .hrow .btn{flex:1;justify-content:center;min-height:50px}
  .yz-page .facts .rw{grid-template-columns:1fr;gap:5px;padding:12px 16px}
  .yz-page .bk{padding:16px}
  .yz-page .tk{padding:16px 2px}
  .yz-page .tk:hover{padding-left:2px}
  .yz-page .tk h3{font-size:16.5px}
  .yz-page .qt blockquote{font-size:19px;padding-left:16px}
  .yz-page .ar:hover, .yz-page .bk:hover{transform:none;box-shadow:none}
  .yz-page .cta{padding:52px 0 56px;gap:26px}
  .yz-page .cta h2{font-size:clamp(34px,9vw,46px);max-width:none;letter-spacing:-.04em}
  .yz-page .cta .r{padding-top:0}
  .yz-page .cta .r p{font-size:16px;margin-bottom:18px}
  .yz-page .act{padding:18px 0;gap:14px}
  .yz-page .act:hover{padding-left:0}
  .yz-page .act .t{font-size:18px}
  .yz-page .act .ar2{width:46px;height:46px;flex:none}
}
@media(hover:none){
  .yz-page .ex:hover{padding-left:4px}
  .yz-page .tk:hover .ic{transform:none}
  .yz-page .act:hover .t{color:inherit}
  .yz-page .act.pri:hover .t{color:var(--acc)}
  .yz-page .act:hover .ar2{transform:none}
}
/* Koyu tema: token adlari meta-ads.css ile ayni, ayni degerler kullanildi. */
:is(html.dark, html[data-theme="dark"]) .yz-page {
  --bg: #0F0E0B; --bg-2: #15130F; --paper: #1C1A15;
  --ink: #F7F5F0; --ink-2: #CFC9C0; --mute: #9E978E; --faint: #7A736B;
  --line: rgba(255,255,255,.09); --line-2: rgba(255,255,255,.16);
  --acc-soft: rgba(226,90,43,.12);
}
@media (prefers-color-scheme: dark) {
  html:not(.dark):not([data-theme="light"]) .yz-page {
    --bg: #0F0E0B; --bg-2: #15130F; --paper: #1C1A15;
    --ink: #F7F5F0; --ink-2: #CFC9C0; --mute: #9E978E; --faint: #7A736B;
    --line: rgba(255,255,255,.09); --line-2: rgba(255,255,255,.16);
    --acc-soft: rgba(226,90,43,.12);
  }
}
@media (prefers-reduced-motion: reduce) {
  .yz-page .rv { opacity: 1; transform: none; transition: none; }
  .yz-page * { transition-duration: 1ms !important; }
}

/* --- Gercek gorsel uyarlamalari -------------------------------------
   Referans profil fotografini, kitap kapagini ve yazi gorselini yer
   tutucu olarak ciziyordu (.pf span, .cv .t/.a, .th .tt). Sayfa gercek
   gorsellerle yayina alindigi icin bu kutular <img> tasiyacak sekilde
   uyarlandi; yer tutucu stilleri gorsel yoksa hala gecerli. */
.yz-page img.pf{object-fit:cover;display:block}
.yz-page .bk .cv{display:block;padding:0;background:var(--bg-2)}
.yz-page .bk .cv::before,
.yz-page .bk .cv::after{content:none}
.yz-page .bk .cv img{width:100%;height:100%;object-fit:contain;display:block}
.yz-page .ar .th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.yz-page .ar .th .kx{z-index:2}
.yz-page .ar[hidden]{display:none}
/* Alinti bolumu tek sutun: referanstaki ikinci hucre bir konusma
   fotografi yer tutucusuydu, arsivde uygun gorsel olmadigi icin
   eklenmedi. */
.yz-page .qt--tek{grid-template-columns:1fr}
.yz-page .qt--tek blockquote{max-width:22ch}

/* Kimlik blogu (etiket + fotograf + ad + roller) iki sutunun ustunde
   tam genislikte; boylece kunye karti biyografiyle ayni hizada baslar. */
.yz-page .hero-id { grid-column: 1 / -1; }
@media (max-width: 900px) { .yz-page .hero-id { grid-column: auto; } }

/* Uzmanlik bolumunun alt boslugu: ust bosluk azaltilmisti ama alt
   bosluk ve sonraki bolumun ust boslugu ust uste binip fazla aralik
   birakiyordu. */
.yz-page .sec--uzmanlik { padding-bottom: clamp(18px, 2.2vw, 30px); }

/* Metrik seridi yazara gore 3 ya da 4 kutu iceriyor; sabit dort sutun
   son hucreyi bos birakiyordu. auto-fit ile kutu sayisi kadar sutun. */