/*
Theme Name:  Gümüşoğlu
Theme URI:   https://gumusogluhukuk.com
Author:      Gümüşoğlu Hukuk
Description: Av. Gülşah Gümüşoğlu için hazırlanmış özel tema. Ödeme sistemleri, finansal düzenleme ve bilişim hukuku odaklı; şerhli mevzuat kütüphanesi içerir.
Version:     1.0.0
Requires PHP: 8.1
Text Domain: gumusoglu
*/

/* ============================================================
   Bu dosya tam-v21.html prototipinden aktarılmıştır.
   Kaynak doğru prototiptir; değişiklikler önce orada yapılmalı.
   ============================================================ */


:root{
  --ink:#001E34;
  --ink-soft:#2B4457;
  --ink-faint:#7C8C99;
  --paper:#F7F5F3;
  --paper-alt:#EFEAE5;
  --rule:#D8D0C8;
  --copper:#9A5C38;
  --copper-lift:#D9A188;
  --maxw:1180px;
  --f-display:'Fraunces',Georgia,serif;
  --f-body:'Archivo',system-ui,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,monospace;
  --w-display:700;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--f-body);
  font-weight:400;
  font-size:16.5px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}

/* ---------- utility type ---------- */
.eyebrow{
  font-family:var(--f-mono);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--copper);
  font-weight:600;
}
.serif{font-family:var(--f-display);font-weight:300}

/* ---------- header ---------- */
.site-head{
  position:sticky;top:0;z-index:60;
  background:rgba(247,245,243,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--rule);
}
.head-in{
  max-width:var(--maxw);margin:0 auto;padding:0 32px;
  height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.brand{
  font-family:var(--f-display);
  font-size:19px;font-weight:400;letter-spacing:.01em;
  color:var(--ink);text-decoration:none;white-space:nowrap;
}
.brand span{color:var(--copper)}
.nav{display:flex;align-items:center;gap:30px}
.nav a{
  font-size:14px;color:var(--ink-soft);text-decoration:none;
  padding:4px 0;border-bottom:1px solid transparent;transition:color .18s,border-color .18s;
}
.nav a:hover,.nav a:focus-visible{color:var(--copper);border-bottom-color:var(--copper)}

.lang{
  display:flex;border:1px solid var(--rule);border-radius:2px;overflow:hidden;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;
}
.lang button{
  background:none;border:0;padding:6px 10px;cursor:pointer;
  color:var(--ink-faint);font:inherit;transition:background .18s,color .18s;
}
.lang button.on{background:var(--ink);color:var(--paper)}

.burger{display:none;background:none;border:0;cursor:pointer;padding:6px;color:var(--ink)}
.burger svg{display:block}

/* ---------- hero ---------- */
.hero{padding:118px 0 0;position:relative;overflow:hidden}
.hero h1{
  font-family:var(--f-display);
  font-weight:var(--w-display);
  font-size:clamp(41px,6.8vw,80px);
  line-height:1.0;
  letter-spacing:-.03em;
  max-width:15ch;
  margin:22px 0 0;
}
.hero h1 em{font-style:italic;color:var(--copper)}
.hero-lead{
  margin-top:32px;max-width:54ch;font-size:18.5px;color:var(--ink-soft);line-height:1.75;
}

/* statute strip — the signature device */
.strip{
  margin-top:76px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
  padding:18px 0;overflow:hidden;
}
.strip-track{
  display:flex;gap:52px;width:max-content;
  font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;
  color:var(--ink-faint);white-space:nowrap;
  animation:drift 46s linear infinite;
}
.strip-track span b{color:var(--copper);font-weight:500}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- section frame ---------- */
.sec{padding:104px 0}
.sec-alt{background:var(--paper-alt)}
.sec-head{
  display:grid;grid-template-columns:180px 1fr;gap:40px;
  padding-bottom:38px;margin-bottom:8px;
}
.sec-head h2{
  font-family:var(--f-display);font-weight:var(--w-display);
  font-size:clamp(30px,3.9vw,44px);line-height:1.1;letter-spacing:-.035em;max-width:19ch;
}
.sec-head p{margin-top:16px;max-width:52ch;color:var(--ink-soft);font-size:16.5px;line-height:1.7}

/* ---------- practice index ---------- */
.idx{border-top:1px solid var(--rule)}
.row{
  display:grid;grid-template-columns:180px 1fr;gap:40px;
  padding:34px 0;border-bottom:1px solid var(--rule);
  transition:background .22s;
}
.row:hover{background:rgba(154,92,56,.055)}
.ref{font-family:var(--f-mono);line-height:1.4}
.ref-no{display:block;font-size:26px;font-weight:500;color:var(--copper);letter-spacing:-.02em}
.ref-no.sm{font-size:16px;line-height:1.5}
.ref-lb{
  display:block;margin-top:7px;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-faint);
}
.row h3{
  font-family:var(--f-display);font-weight:600;
  font-size:22px;line-height:1.3;margin-bottom:9px;
}
.row p{color:var(--ink-soft);font-size:15px;max-width:62ch}

/* ---------- about ---------- */
.about{display:grid;grid-template-columns:180px 1fr;gap:40px}
.about-body p{max-width:60ch;margin-bottom:18px;font-size:16.5px;line-height:1.72;color:var(--ink-soft)}
.about-body p:first-child{
  font-family:var(--f-display);font-size:21px;line-height:1.55;color:var(--ink);font-weight:400;
}
.facts{
  margin-top:36px;border-top:1px solid var(--rule);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
}
.fact{padding:20px 22px 20px 0;border-right:1px solid var(--rule)}
.fact:last-child{border-right:0}
.fact dt{
  font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-faint);margin-bottom:7px;
}
.fact dd{font-size:15px;color:var(--ink);line-height:1.45}

/* ---------- writing ---------- */
.posts{border-top:1px solid var(--rule)}
.post{
  display:grid;grid-template-columns:180px 1fr auto;gap:40px;align-items:baseline;
  padding:30px 0;border-bottom:1px solid var(--rule);
  text-decoration:none;color:inherit;transition:background .22s;
}
.post:hover{background:rgba(154,92,56,.055)}
.post-date{
  font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;color:var(--ink-faint);
}
.post h3{
  font-family:var(--f-display);font-weight:600;font-size:21px;line-height:1.28;letter-spacing:-.035em;max-width:44ch;
}
.post p{margin-top:9px;font-size:15.5px;color:var(--ink-soft);max-width:60ch}
.post-go{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--copper);white-space:nowrap;
}

/* ---------- contact ---------- */
.contact{display:grid;grid-template-columns:180px 1fr;gap:40px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:680px}
.field{display:flex;flex-direction:column}
.field.full{grid-column:1/-1}
.field label{
  font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px;
}
.field input,.field textarea{
  font-family:inherit;font-size:15px;color:var(--ink);
  background:transparent;border:0;border-bottom:1px solid var(--rule);
  padding:9px 0;transition:border-color .2s;
}
.field input:focus,.field textarea:focus{outline:0;border-bottom-color:var(--copper)}
.field textarea{resize:vertical;min-height:110px}

.consent{
  grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;
  margin-top:6px;font-size:13.5px;color:var(--ink-soft);line-height:1.6;
}
.consent input{margin-top:4px;accent-color:var(--copper);flex:none}
.consent a{color:var(--copper)}

.submit{
  grid-column:1/-1;justify-self:start;margin-top:12px;
  background:var(--ink);color:var(--paper);border:0;border-radius:2px;
  padding:14px 30px;font-family:var(--f-mono);font-size:12px;
  letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s;
}
.submit:hover{background:var(--copper)}

.note{
  margin-top:30px;padding-top:22px;border-top:1px solid var(--rule);
  font-size:13px;color:var(--ink-faint);max-width:62ch;line-height:1.7;
}

/* ---------- footer ---------- */
.foot{background:var(--ink);color:var(--paper);padding:64px 0 40px}
.foot-top{
  display:grid;grid-template-columns:1fr auto;gap:40px;
  padding-bottom:34px;border-bottom:1px solid rgba(247,245,243,.16);
}
.foot-brand{font-family:var(--f-display);font-size:24px;font-weight:var(--w-display)}
.foot-brand span{color:var(--copper-lift)}
.foot-meta{
  display:flex;gap:44px;flex-wrap:wrap;
  font-family:var(--f-mono);font-size:11.5px;line-height:1.9;
  color:rgba(247,245,243,.62);
}
.foot-meta b{display:block;color:rgba(247,245,243,.35);font-weight:400;letter-spacing:.12em;text-transform:uppercase;font-size:10px}
.foot-bot{
  margin-top:26px;display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;
  font-size:12.5px;color:rgba(247,245,243,.48);
}
.foot-bot a{color:rgba(247,245,243,.66)}

/* ---------- motion ---------- */
.rise{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.rise.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .rise{opacity:1;transform:none;transition:none}
  .strip-track{animation:none}
  html{scroll-behavior:auto}
}

/* ---------- responsive ---------- */
@media (max-width:860px){
  .wrap,.head-in{padding:0 22px}
  .nav{
    display:none;position:absolute;top:68px;left:0;right:0;
    flex-direction:column;align-items:flex-start;gap:0;
    background:var(--paper);border-bottom:1px solid var(--rule);padding:8px 22px 18px;
  }
  .nav.open{display:flex}
  .nav a{width:100%;padding:12px 0;border-bottom:1px solid var(--rule)}
  .burger{display:block}
  .hero{padding-top:76px}
  .sec{padding:70px 0}
  .sec-head,.row,.about,.contact,.post{grid-template-columns:1fr;gap:14px}
  .sec-head{padding-bottom:26px}
  .post{gap:10px}
  .post-go{display:none}
  .form-grid{grid-template-columns:1fr}
  .fact{border-right:0;border-bottom:1px solid var(--rule);padding-right:0}
  .fact:last-child{border-bottom:0}
  .foot-top{grid-template-columns:1fr}
  .foot-meta{gap:28px}
}

/* ---------- practice row as link ---------- */
a.row{text-decoration:none;color:inherit}
.row-go{
  display:inline-block;margin-top:12px;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--copper);opacity:0;transform:translateX(-6px);
  transition:opacity .22s,transform .22s;
}
a.row:hover .row-go,a.row:focus-visible .row-go{opacity:1;transform:none}

/* ---------- detail page ---------- */
.det-head{background:var(--paper-alt);padding:52px 0 62px;border-bottom:1px solid var(--rule)}
.crumb{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--copper);text-decoration:none;
}
.crumb:hover{text-decoration:underline}
.det-title{display:grid;grid-template-columns:180px 1fr;gap:40px;margin-top:34px}
.det-ref{font-family:var(--f-mono);line-height:1.4}
.det-title h1{
  font-family:var(--f-display);font-weight:var(--w-display);
  font-size:clamp(33px,5vw,55px);line-height:1.04;letter-spacing:-.035em;max-width:18ch;
}
.det-lead{margin-top:22px;max-width:56ch;font-size:18px;color:var(--ink-soft);line-height:1.75}

.det-grid{display:grid;grid-template-columns:1fr 320px;gap:64px;align-items:start}
.det-h2{
  font-family:var(--f-display);font-weight:600;font-size:27px;letter-spacing:-.02em;
  padding-bottom:14px;border-bottom:1px solid var(--rule);margin-bottom:8px;
}
.det-h2 + *{margin-top:0}
.det-list{list-style:none;margin-bottom:52px}
.det-list li{padding:20px 0;border-bottom:1px solid var(--rule);font-size:16px;line-height:1.7;color:var(--ink-soft);max-width:64ch}
.det-list li b{color:var(--ink);font-weight:500}
.det-q{list-style:none}
.det-q li{
  padding:15px 0 15px 26px;border-bottom:1px solid var(--rule);
  font-family:var(--f-display);font-size:17px;position:relative;max-width:60ch;
}
.det-q li::before{content:'?';position:absolute;left:0;color:var(--copper);font-family:var(--f-mono);font-size:14px}

.det-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:30px}
.side-box{border-top:2px solid var(--ink);padding-top:16px}
.side-list{list-style:none;margin-top:12px}
.side-list li{padding:11px 0;border-bottom:1px solid var(--rule);font-size:13.5px;color:var(--ink-soft);line-height:1.55}
.side-list li b{
  display:block;font-family:var(--f-mono);font-size:11px;
  color:var(--copper);letter-spacing:.06em;margin-bottom:3px;font-weight:500;
}
.side-links{list-style:none;margin-top:12px}
.side-links li{padding:11px 0;border-bottom:1px solid var(--rule)}
.side-links a{font-size:14px;color:var(--ink);text-decoration:none;line-height:1.45;display:block}
.side-links a:hover{color:var(--copper)}
.side-cta p{font-size:14px;color:var(--ink-soft);margin-top:12px}
.side-mail{
  display:inline-block;margin-top:8px;font-size:15px;color:var(--copper);
  text-decoration:none;border-bottom:1px solid var(--copper);padding-bottom:2px;
}

@media (max-width:860px){
  .det-title,.det-grid{grid-template-columns:1fr;gap:22px}
  .det-side{position:static}
  .row-go{opacity:1;transform:none}
  .det-grid{gap:44px}
}


/* ---------- team ---------- */
.portrait{display:block;position:relative;overflow:hidden;background:var(--paper-alt);border-radius:2px}
.portrait .ph,.portrait img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.portrait::after{
  content:'';position:absolute;inset:0;background:var(--copper);
  opacity:.16;mix-blend-mode:multiply;transition:opacity .3s;
}
.mem:hover .portrait::after{opacity:.04}

.mems{border-top:1px solid var(--rule)}
.mem{
  display:grid;grid-template-columns:96px 1fr auto;gap:34px;align-items:start;
  padding:26px 0;border-bottom:1px solid var(--rule);
  text-decoration:none;color:inherit;transition:background .22s;
}
.mem:hover{background:rgba(154,92,56,.055)}
.mem .portrait{width:96px;height:120px}
.mem-body h3{font-family:var(--f-display);font-weight:600;font-size:20px;line-height:1.25;letter-spacing:-.035em}
.mem-title{
  font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--copper);margin-top:5px;
}
.mem-line{margin-top:9px;font-size:15px;color:var(--ink-soft);max-width:52ch}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.tags span{
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;
  color:var(--ink-faint);border:1px solid var(--rule);border-radius:2px;padding:3px 8px;
}

/* ---------- person detail ---------- */
.per-head{display:grid;grid-template-columns:220px 1fr;gap:44px;margin-top:34px;align-items:start}
.portrait-lg{width:220px;height:276px}
.per-head h1{
  font-family:var(--f-display);font-weight:var(--w-display);
  font-size:clamp(31px,4.6vw,50px);line-height:1.04;letter-spacing:-.035em;
}
.per-role{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--copper);margin-top:10px;
}
.per-facts{display:flex;gap:40px;flex-wrap:wrap;margin-top:26px;padding-top:20px;border-top:1px solid var(--rule)}
.per-facts dt{
  font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-faint);margin-bottom:5px;
}
.per-facts dd{font-size:15px}
.per-bio p{max-width:62ch;margin:18px 0 0;font-size:16px;color:var(--ink-soft)}
.per-bio + .det-h2{margin-top:48px}
.det-list + .det-h2{margin-top:48px}

@media (max-width:860px){
  .mem{grid-template-columns:76px 1fr;gap:18px}
  .mem .portrait{width:76px;height:95px}
  .mem .post-go{display:none}
  .per-head{grid-template-columns:1fr;gap:24px}
  .portrait-lg{width:160px;height:200px}
  .per-facts{gap:26px}
}


/* ---------- hero schematic ---------- */
.schema{margin-top:58px}
.schema svg{width:100%;height:auto;display:block;overflow:visible}
.perim{fill:none;stroke:var(--copper);stroke-width:1;stroke-dasharray:5 5;opacity:.55}
.perim-lb{font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;fill:var(--copper)}
.wire{stroke:var(--rule);stroke-width:1.2}
.node circle{fill:var(--paper);stroke:var(--ink);stroke-width:1.6}
.node.in circle{fill:var(--copper);stroke:var(--copper)}
.node text{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.11em;fill:var(--ink);text-anchor:middle}
.node text.sub{font-size:9.5px;letter-spacing:.05em;fill:var(--ink-faint)}
.pulse{fill:var(--copper)}
.p1{animation:flow 7s linear infinite}
.p2{animation:flow 7s linear infinite 2.3s}
.p3{animation:flow 7s linear infinite 4.6s}
@keyframes flow{
  0%{cx:106px;opacity:0}
  6%{opacity:1}
  94%{opacity:1}
  100%{cx:796px;opacity:0}
}
.schema-cap{
  margin-top:22px;max-width:56ch;font-size:13.5px;color:var(--ink-faint);
  padding-top:14px;border-top:1px solid var(--rule);
}
@media (max-width:860px){
  .schema{margin-top:40px;overflow-x:auto}
  .schema svg{min-width:640px}
}
@media (prefers-reduced-motion:reduce){.pulse{animation:none;opacity:0}}


/* ---------- image band ---------- */
.band{padding:0}
.band-img{position:relative;overflow:hidden;height:clamp(220px,34vw,420px);background:var(--paper-alt)}
.band-img .ph{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.band-img::after{content:'';position:absolute;inset:0;background:var(--copper);opacity:.14;mix-blend-mode:multiply}

/* ---------- legislation ---------- */
.law-group{margin-bottom:52px}
.law-gt{
  font-family:var(--f-mono);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-faint);padding-bottom:12px;border-bottom:2px solid var(--ink);margin-bottom:4px;
}
.law{display:grid;grid-template-columns:180px 1fr;gap:40px;padding:24px 0;border-bottom:1px solid var(--rule)}
.law-no{font-family:var(--f-mono);line-height:1.3}
.law-no span{display:block;font-size:23px;font-weight:500;color:var(--copper);letter-spacing:-.02em}
.law-no em{
  display:block;margin-top:6px;font-style:normal;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-faint);
}
.law-body h3{font-family:var(--f-display);font-weight:600;font-size:19px;letter-spacing:-.035em;line-height:1.35;max-width:56ch}
.law-rg{font-family:var(--f-mono);font-size:11px;letter-spacing:.05em;color:var(--ink-faint);margin-top:7px}
.law-note{margin-top:11px;font-size:15.5px;line-height:1.68;color:var(--ink-soft);max-width:62ch}
.law-link{
  display:inline-block;margin-top:12px;font-family:var(--f-mono);font-size:10.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--copper);
}
@media (max-width:860px){.law{grid-template-columns:1fr;gap:12px}}

/* ---------- prototype font switcher ---------- */
.fsw{
  position:fixed;right:16px;bottom:16px;z-index:200;
  background:var(--ink);color:var(--paper);border-radius:3px;padding:11px 13px;
  box-shadow:0 6px 24px rgba(0,30,52,.3);
}
.fsw p{font-family:var(--f-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.55;margin-bottom:8px}
.fsw div{display:flex;gap:6px}
.fsw button{
  background:none;border:1px solid rgba(247,245,243,.28);color:var(--paper);
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;
  padding:6px 9px;border-radius:2px;cursor:pointer;transition:background .18s;white-space:nowrap;
}
.fsw button.on{background:var(--copper);border-color:var(--copper)}
@media (max-width:600px){.fsw{right:10px;bottom:10px;padding:9px 10px}.fsw button{font-size:9.5px;padding:5px 7px}}


/* ---------- brand lattice ---------- */
.lattice{position:relative}
.lattice::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2745.03%27%20height%3D%2778.00%27%20viewBox%3D%270%200%2045.03%2078.00%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%2523D9A188%27%20stroke-width%3D%271%27%20opacity%3D%270.30%27%3E%3Cpath%20d%3D%27M-45.03%20-52.00%20L-67.55%20-65.00%20L-67.55%20-91.00%20L-45.03%20-104.00%20L-22.52%20-91.00%20L-22.52%20-65.00%20Z%20M-45.03%20-78.00%20L-45.03%20-52.00%20M-45.03%20-78.00%20L-67.55%20-91.00%20M-45.03%20-78.00%20L-22.52%20-91.00%20M-22.52%20-13.00%20L-45.03%20-26.00%20L-45.03%20-52.00%20L-22.52%20-65.00%20L-0.00%20-52.00%20L0.00%20-26.00%20Z%20M-22.52%20-39.00%20L-22.52%20-13.00%20M-22.52%20-39.00%20L-45.03%20-52.00%20M-22.52%20-39.00%20L0.00%20-52.00%20M-45.03%2026.00%20L-67.55%2013.00%20L-67.55%20-13.00%20L-45.03%20-26.00%20L-22.52%20-13.00%20L-22.52%2013.00%20Z%20M-45.03%200.00%20L-45.03%2026.00%20M-45.03%200.00%20L-67.55%20-13.00%20M-45.03%200.00%20L-22.52%20-13.00%20M-22.52%2065.00%20L-45.03%2052.00%20L-45.03%2026.00%20L-22.52%2013.00%20L-0.00%2026.00%20L0.00%2052.00%20Z%20M-22.52%2039.00%20L-22.52%2065.00%20M-22.52%2039.00%20L-45.03%2026.00%20M-22.52%2039.00%20L0.00%2026.00%20M-45.03%20104.00%20L-67.55%2091.00%20L-67.55%2065.00%20L-45.03%2052.00%20L-22.52%2065.00%20L-22.52%2091.00%20Z%20M-45.03%2078.00%20L-45.03%20104.00%20M-45.03%2078.00%20L-67.55%2065.00%20M-45.03%2078.00%20L-22.52%2065.00%20M-22.52%20143.00%20L-45.03%20130.00%20L-45.03%20104.00%20L-22.52%2091.00%20L-0.00%20104.00%20L0.00%20130.00%20Z%20M-22.52%20117.00%20L-22.52%20143.00%20M-22.52%20117.00%20L-45.03%20104.00%20M-22.52%20117.00%20L0.00%20104.00%20M0.00%20-52.00%20L-22.52%20-65.00%20L-22.52%20-91.00%20L-0.00%20-104.00%20L22.52%20-91.00%20L22.52%20-65.00%20Z%20M0.00%20-78.00%20L0.00%20-52.00%20M0.00%20-78.00%20L-22.52%20-91.00%20M0.00%20-78.00%20L22.52%20-91.00%20M22.52%20-13.00%20L-0.00%20-26.00%20L0.00%20-52.00%20L22.52%20-65.00%20L45.03%20-52.00%20L45.03%20-26.00%20Z%20M22.52%20-39.00%20L22.52%20-13.00%20M22.52%20-39.00%20L0.00%20-52.00%20M22.52%20-39.00%20L45.03%20-52.00%20M0.00%2026.00%20L-22.52%2013.00%20L-22.52%20-13.00%20L-0.00%20-26.00%20L22.52%20-13.00%20L22.52%2013.00%20Z%20M0.00%200.00%20L0.00%2026.00%20M0.00%200.00%20L-22.52%20-13.00%20M0.00%200.00%20L22.52%20-13.00%20M22.52%2065.00%20L-0.00%2052.00%20L0.00%2026.00%20L22.52%2013.00%20L45.03%2026.00%20L45.03%2052.00%20Z%20M22.52%2039.00%20L22.52%2065.00%20M22.52%2039.00%20L0.00%2026.00%20M22.52%2039.00%20L45.03%2026.00%20M0.00%20104.00%20L-22.52%2091.00%20L-22.52%2065.00%20L-0.00%2052.00%20L22.52%2065.00%20L22.52%2091.00%20Z%20M0.00%2078.00%20L0.00%20104.00%20M0.00%2078.00%20L-22.52%2065.00%20M0.00%2078.00%20L22.52%2065.00%20M22.52%20143.00%20L-0.00%20130.00%20L0.00%20104.00%20L22.52%2091.00%20L45.03%20104.00%20L45.03%20130.00%20Z%20M22.52%20117.00%20L22.52%20143.00%20M22.52%20117.00%20L0.00%20104.00%20M22.52%20117.00%20L45.03%20104.00%20M45.03%20-52.00%20L22.52%20-65.00%20L22.52%20-91.00%20L45.03%20-104.00%20L67.55%20-91.00%20L67.55%20-65.00%20Z%20M45.03%20-78.00%20L45.03%20-52.00%20M45.03%20-78.00%20L22.52%20-91.00%20M45.03%20-78.00%20L67.55%20-91.00%20M67.55%20-13.00%20L45.03%20-26.00%20L45.03%20-52.00%20L67.55%20-65.00%20L90.07%20-52.00%20L90.07%20-26.00%20Z%20M67.55%20-39.00%20L67.55%20-13.00%20M67.55%20-39.00%20L45.03%20-52.00%20M67.55%20-39.00%20L90.07%20-52.00%20M45.03%2026.00%20L22.52%2013.00%20L22.52%20-13.00%20L45.03%20-26.00%20L67.55%20-13.00%20L67.55%2013.00%20Z%20M45.03%200.00%20L45.03%2026.00%20M45.03%200.00%20L22.52%20-13.00%20M45.03%200.00%20L67.55%20-13.00%20M67.55%2065.00%20L45.03%2052.00%20L45.03%2026.00%20L67.55%2013.00%20L90.07%2026.00%20L90.07%2052.00%20Z%20M67.55%2039.00%20L67.55%2065.00%20M67.55%2039.00%20L45.03%2026.00%20M67.55%2039.00%20L90.07%2026.00%20M45.03%20104.00%20L22.52%2091.00%20L22.52%2065.00%20L45.03%2052.00%20L67.55%2065.00%20L67.55%2091.00%20Z%20M45.03%2078.00%20L45.03%20104.00%20M45.03%2078.00%20L22.52%2065.00%20M45.03%2078.00%20L67.55%2065.00%20M67.55%20143.00%20L45.03%20130.00%20L45.03%20104.00%20L67.55%2091.00%20L90.07%20104.00%20L90.07%20130.00%20Z%20M67.55%20117.00%20L67.55%20143.00%20M67.55%20117.00%20L45.03%20104.00%20M67.55%20117.00%20L90.07%20104.00%27/%3E%3C/g%3E%3C/svg%3E");
  background-size:86px 148px;
}
.hero{position:relative}
.hero::before{
  content:'';position:absolute;top:-40px;right:-120px;width:620px;height:620px;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2745.03%27%20height%3D%2778.00%27%20viewBox%3D%270%200%2045.03%2078.00%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%2523001E34%27%20stroke-width%3D%271%27%20opacity%3D%270.10%27%3E%3Cpath%20d%3D%27M-45.03%20-52.00%20L-67.55%20-65.00%20L-67.55%20-91.00%20L-45.03%20-104.00%20L-22.52%20-91.00%20L-22.52%20-65.00%20Z%20M-45.03%20-78.00%20L-45.03%20-52.00%20M-45.03%20-78.00%20L-67.55%20-91.00%20M-45.03%20-78.00%20L-22.52%20-91.00%20M-22.52%20-13.00%20L-45.03%20-26.00%20L-45.03%20-52.00%20L-22.52%20-65.00%20L-0.00%20-52.00%20L0.00%20-26.00%20Z%20M-22.52%20-39.00%20L-22.52%20-13.00%20M-22.52%20-39.00%20L-45.03%20-52.00%20M-22.52%20-39.00%20L0.00%20-52.00%20M-45.03%2026.00%20L-67.55%2013.00%20L-67.55%20-13.00%20L-45.03%20-26.00%20L-22.52%20-13.00%20L-22.52%2013.00%20Z%20M-45.03%200.00%20L-45.03%2026.00%20M-45.03%200.00%20L-67.55%20-13.00%20M-45.03%200.00%20L-22.52%20-13.00%20M-22.52%2065.00%20L-45.03%2052.00%20L-45.03%2026.00%20L-22.52%2013.00%20L-0.00%2026.00%20L0.00%2052.00%20Z%20M-22.52%2039.00%20L-22.52%2065.00%20M-22.52%2039.00%20L-45.03%2026.00%20M-22.52%2039.00%20L0.00%2026.00%20M-45.03%20104.00%20L-67.55%2091.00%20L-67.55%2065.00%20L-45.03%2052.00%20L-22.52%2065.00%20L-22.52%2091.00%20Z%20M-45.03%2078.00%20L-45.03%20104.00%20M-45.03%2078.00%20L-67.55%2065.00%20M-45.03%2078.00%20L-22.52%2065.00%20M-22.52%20143.00%20L-45.03%20130.00%20L-45.03%20104.00%20L-22.52%2091.00%20L-0.00%20104.00%20L0.00%20130.00%20Z%20M-22.52%20117.00%20L-22.52%20143.00%20M-22.52%20117.00%20L-45.03%20104.00%20M-22.52%20117.00%20L0.00%20104.00%20M0.00%20-52.00%20L-22.52%20-65.00%20L-22.52%20-91.00%20L-0.00%20-104.00%20L22.52%20-91.00%20L22.52%20-65.00%20Z%20M0.00%20-78.00%20L0.00%20-52.00%20M0.00%20-78.00%20L-22.52%20-91.00%20M0.00%20-78.00%20L22.52%20-91.00%20M22.52%20-13.00%20L-0.00%20-26.00%20L0.00%20-52.00%20L22.52%20-65.00%20L45.03%20-52.00%20L45.03%20-26.00%20Z%20M22.52%20-39.00%20L22.52%20-13.00%20M22.52%20-39.00%20L0.00%20-52.00%20M22.52%20-39.00%20L45.03%20-52.00%20M0.00%2026.00%20L-22.52%2013.00%20L-22.52%20-13.00%20L-0.00%20-26.00%20L22.52%20-13.00%20L22.52%2013.00%20Z%20M0.00%200.00%20L0.00%2026.00%20M0.00%200.00%20L-22.52%20-13.00%20M0.00%200.00%20L22.52%20-13.00%20M22.52%2065.00%20L-0.00%2052.00%20L0.00%2026.00%20L22.52%2013.00%20L45.03%2026.00%20L45.03%2052.00%20Z%20M22.52%2039.00%20L22.52%2065.00%20M22.52%2039.00%20L0.00%2026.00%20M22.52%2039.00%20L45.03%2026.00%20M0.00%20104.00%20L-22.52%2091.00%20L-22.52%2065.00%20L-0.00%2052.00%20L22.52%2065.00%20L22.52%2091.00%20Z%20M0.00%2078.00%20L0.00%20104.00%20M0.00%2078.00%20L-22.52%2065.00%20M0.00%2078.00%20L22.52%2065.00%20M22.52%20143.00%20L-0.00%20130.00%20L0.00%20104.00%20L22.52%2091.00%20L45.03%20104.00%20L45.03%20130.00%20Z%20M22.52%20117.00%20L22.52%20143.00%20M22.52%20117.00%20L0.00%20104.00%20M22.52%20117.00%20L45.03%20104.00%20M45.03%20-52.00%20L22.52%20-65.00%20L22.52%20-91.00%20L45.03%20-104.00%20L67.55%20-91.00%20L67.55%20-65.00%20Z%20M45.03%20-78.00%20L45.03%20-52.00%20M45.03%20-78.00%20L22.52%20-91.00%20M45.03%20-78.00%20L67.55%20-91.00%20M67.55%20-13.00%20L45.03%20-26.00%20L45.03%20-52.00%20L67.55%20-65.00%20L90.07%20-52.00%20L90.07%20-26.00%20Z%20M67.55%20-39.00%20L67.55%20-13.00%20M67.55%20-39.00%20L45.03%20-52.00%20M67.55%20-39.00%20L90.07%20-52.00%20M45.03%2026.00%20L22.52%2013.00%20L22.52%20-13.00%20L45.03%20-26.00%20L67.55%20-13.00%20L67.55%2013.00%20Z%20M45.03%200.00%20L45.03%2026.00%20M45.03%200.00%20L22.52%20-13.00%20M45.03%200.00%20L67.55%20-13.00%20M67.55%2065.00%20L45.03%2052.00%20L45.03%2026.00%20L67.55%2013.00%20L90.07%2026.00%20L90.07%2052.00%20Z%20M67.55%2039.00%20L67.55%2065.00%20M67.55%2039.00%20L45.03%2026.00%20M67.55%2039.00%20L90.07%2026.00%20M45.03%20104.00%20L22.52%2091.00%20L22.52%2065.00%20L45.03%2052.00%20L67.55%2065.00%20L67.55%2091.00%20Z%20M45.03%2078.00%20L45.03%20104.00%20M45.03%2078.00%20L22.52%2065.00%20M45.03%2078.00%20L67.55%2065.00%20M67.55%20143.00%20L45.03%20130.00%20L45.03%20104.00%20L67.55%2091.00%20L90.07%20104.00%20L90.07%20130.00%20Z%20M67.55%20117.00%20L67.55%20143.00%20M67.55%20117.00%20L45.03%20104.00%20M67.55%20117.00%20L90.07%20104.00%27/%3E%3C/g%3E%3C/svg%3E");
  background-size:108px 187px;
  -webkit-mask-image:radial-gradient(circle at 70% 30%,#000 0%,transparent 68%);
  mask-image:radial-gradient(circle at 70% 30%,#000 0%,transparent 68%);
  pointer-events:none;z-index:0;
}
.hero .wrap,.hero .strip{position:relative;z-index:1}

/* ---------- logo ---------- */
.brand{display:flex;align-items:center;gap:11px}
.brand-mark{width:32px;height:32px;flex:none}
.brand-word{height:19px;width:auto;display:block}
.foot-logo{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.foot-logo .m{width:52px}
.foot-logo .w{height:26px;width:auto}
.foot-addr{font-style:normal}
@media (max-width:600px){
  .brand-mark{width:27px;height:27px}
  .brand-word{height:15px}
  .hero::before{width:380px;height:380px;right:-140px}
}


/* ---------- card system ---------- */
.pcards,.fcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px;margin-top:8px}
.pc,.fc{
  background:var(--paper);border:1px solid var(--rule);border-radius:3px;
  padding:26px 24px 24px;text-decoration:none;color:inherit;display:block;
  position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s;
}
.sec-alt .pc,.sec-alt .fc{background:var(--paper)}
.pc::after,.fc::after{
  content:'';position:absolute;left:0;top:0;width:100%;height:2px;
  background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .3s;
}
a.pc:hover,a.pc:focus-visible{border-color:var(--ink);box-shadow:0 10px 26px rgba(0,30,52,.09);transform:translateY(-2px)}
a.pc:hover::after,a.pc:focus-visible::after{transform:scaleX(1)}
.fc:hover{border-color:var(--ink)}

.pc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.ico{width:52px;height:52px;color:var(--ink);flex:none}
.ico .ac{stroke:var(--copper)}
.pc-ref{text-align:right;font-family:var(--f-mono);line-height:1.3}
.pc-ref b{display:block;font-size:20px;font-weight:500;color:var(--copper);letter-spacing:-.02em}
.pc-ref em{display:block;font-style:normal;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-top:4px}
.pc h3,.fc h3{font-family:var(--f-display);font-weight:600;font-size:21px;line-height:1.24;letter-spacing:-.035em;margin-bottom:11px}
.pc p,.fc p{font-size:15.5px;color:var(--ink-soft);line-height:1.7}
.pc-go{
  display:inline-block;margin-top:16px;font-family:var(--f-mono);font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--copper);
}
.fc .ico{margin-bottom:18px}

/* team as cards */
.mems{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;border-top:0}
.mem{
  display:block;padding:0;border:1px solid var(--rule);border-radius:3px;overflow:hidden;
  background:var(--paper);transition:border-color .25s,box-shadow .25s,transform .25s;
}
.mem:hover{background:var(--paper);border-color:var(--ink);box-shadow:0 10px 26px rgba(0,30,52,.09);transform:translateY(-2px)}
.mem .portrait{width:100%;height:240px;border-radius:0}
.mem-body{display:block;padding:20px 20px 22px}
.mem .post-go{display:none}
@media (max-width:600px){.mem .portrait{height:200px}}


/* ---------- şerhli mevzuat ---------- */
a.law-open{text-decoration:none;color:inherit;transition:background .22s}
a.law-open:hover{background:rgba(154,92,56,.055)}
.mv-head{margin-top:30px}
.mv-kind{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);font-weight:600}
.mv-head h1{
  font-family:var(--f-display);font-weight:600;letter-spacing:-.035em;
  font-size:clamp(25px,3.4vw,40px);line-height:1.12;max-width:24ch;margin-top:14px;
}
.mv-meta{display:flex;gap:38px;flex-wrap:wrap;margin-top:26px;padding-top:20px;border-top:1px solid var(--rule)}
.mv-meta dt{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:5px}
.mv-meta dd{font-family:var(--f-mono);font-size:14px}
.mv-meta dd.ok{color:var(--copper);font-weight:500}
.mv-src{margin-top:20px;font-size:13.5px;color:var(--ink-faint);max-width:66ch;line-height:1.65}
.mv-src a{color:var(--copper)}

.mv-grid{display:grid;grid-template-columns:250px 1fr;gap:56px;align-items:start}
.mv-toc{position:sticky;top:96px;border-top:2px solid var(--ink);padding-top:16px}
.mv-toc ol{list-style:none;margin-top:12px}
.mv-toc li{border-bottom:1px solid var(--rule)}
.mv-toc a{display:block;padding:11px 0;font-size:14px;color:var(--ink);text-decoration:none}
.mv-toc a:hover{color:var(--copper)}
.mv-toc b{
  display:inline-block;margin-left:7px;font-family:var(--f-mono);font-size:9px;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:var(--copper);
  border:1px solid var(--copper);border-radius:2px;padding:1px 5px;vertical-align:1px;
}

.md{padding:30px 0;border-bottom:1px solid var(--rule);scroll-margin-top:96px}
.md-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.md-no{
  font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.12em;
  color:var(--copper);text-decoration:none;border:1px solid var(--rule);border-radius:2px;padding:3px 8px;
}
.md-no:hover{border-color:var(--copper)}
.md-head h3{font-family:var(--f-display);font-weight:600;font-size:21px;letter-spacing:-.035em}




.serh{
  margin-top:20px;background:rgba(154,92,56,.07);border-left:3px solid var(--copper);
  border-radius:0 3px 3px 0;padding:18px 22px;max-width:68ch;
}
.serh-lb{
  font-family:var(--f-mono);font-size:9.5px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--copper);margin-bottom:8px;
}
.serh p:last-child{font-size:15.5px;color:var(--ink);line-height:1.7}

@media (max-width:860px){
  .mv-grid{grid-template-columns:1fr;gap:34px}
  .mv-toc{position:static}
  .mv-meta{gap:24px}
}


/* ---------- mevzuat gezinme ---------- */
.toc-box{border-top:2px solid var(--ink);padding-top:15px;margin-bottom:30px}
.serh-idx,.md-idx{list-style:none;margin-top:10px}
.serh-idx li,.md-idx li{border-bottom:1px solid var(--rule)}
.serh-idx a,.md-idx a{display:block;padding:12px 0;text-decoration:none;color:var(--ink);font-size:14px;line-height:1.45}
.serh-idx a{border-left:3px solid var(--copper);padding-left:12px;background:rgba(154,92,56,.05);transition:background .2s}
.serh-idx a:hover{background:rgba(154,92,56,.13)}
.serh-idx b{display:block;font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--copper);margin-bottom:5px}
.md-idx a:hover{color:var(--copper)}
.md-idx b{
  display:inline-block;margin-left:7px;font-family:var(--f-mono);font-size:9px;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:var(--copper);
  border:1px solid var(--copper);border-radius:2px;padding:1px 5px;vertical-align:1px;
}
li.has-page a{color:inherit;text-decoration:none;display:block}
li.has-page a:hover b{text-decoration:underline}
li.has-page{position:relative}
.mv-badge{
  display:inline-block;margin-top:7px;font-family:var(--f-mono);font-size:9px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--copper);
  border:1px solid var(--copper);border-radius:2px;padding:2px 6px;
}
.md.flash{animation:flash 1.9s ease}
@keyframes flash{0%,42%{background:rgba(154,92,56,.13)}100%{background:transparent}}
@media (prefers-reduced-motion:reduce){.md.flash{animation:none}}


.md-head h3 .ek{
  display:inline-block;margin-left:8px;font-family:var(--f-mono);font-size:9px;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:var(--copper);
  border:1px solid var(--copper);border-radius:2px;padding:2px 6px;vertical-align:3px;
}


.serh + .serh{margin-top:14px}
.toc-note{margin-top:12px;font-size:12px;color:var(--ink-faint);line-height:1.55}


.deg{color:var(--copper);font-style:italic;font-size:.9em}
.mv-more{margin-top:26px;font-family:var(--f-mono);font-size:12px;color:var(--ink-faint)}
.md-idx{max-height:none}

.empty-doc{max-width:60ch;border-left:3px solid var(--rule);padding:4px 0 4px 24px}
.ed-lb{font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}
.empty-doc p{font-size:16px;color:var(--ink-soft);line-height:1.7}
.ed-links{margin-top:20px}
.ed-links a{color:var(--copper);font-size:14.5px}
.mv-badge.empty{color:var(--ink-faint);border-color:var(--rule)}
.md-idx li{border-bottom:1px solid var(--rule)}
.md-idx a{padding:10px 0;font-size:13.5px}
.mv-toc{max-height:calc(100vh - 130px);overflow-y:auto;padding-right:10px}
.mv-toc::-webkit-scrollbar{width:4px}
.mv-toc::-webkit-scrollbar-thumb{background:var(--rule)}




.md-p .md-no{font-size:10px;opacity:.75}
.md-p h3{font-size:18px}


.buro-list{list-style:none;margin-top:12px}
.buro-list li{padding:11px 0 11px 18px;border-bottom:1px solid var(--rule);font-size:14px;color:var(--ink-soft);line-height:1.55;position:relative}
.buro-list li::before{content:'';position:absolute;left:0;top:19px;width:7px;height:1px;background:var(--copper)}
.ortak{margin-top:64px;padding-top:8px}
#ulke-kartlari .pc-ref{text-align:left}
#ulke-kartlari .pc-ref b{font-size:15px;letter-spacing:.02em}
#ulke-kartlari .pc-top{margin-bottom:14px}

.adimlar{list-style:none;counter-reset:ad;margin-bottom:52px}
.adimlar li{counter-increment:ad;position:relative;padding:20px 0 20px 52px;border-bottom:1px solid var(--rule)}
.adimlar li::before{
  content:counter(ad,decimal-leading-zero);position:absolute;left:0;top:22px;
  font-family:var(--f-mono);font-size:12px;font-weight:600;color:var(--copper);
  border:1px solid var(--copper);border-radius:2px;padding:3px 7px;
}
.adimlar b{display:block;font-family:var(--f-display);font-weight:600;font-size:18px;letter-spacing:-.035em;margin-bottom:7px}
.adimlar span{display:block;font-size:15.5px;color:var(--ink-soft);line-height:1.7;max-width:62ch}
#k-ref{font-size:20px;line-height:1.3}

/* ---------- bölüm kutuları ---------- */
.blok{
  border:1px solid var(--rule);border-radius:3px;background:var(--paper);
  padding:0 26px 8px;margin-bottom:20px;position:relative;overflow:hidden;
}
.blok::before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:var(--copper);opacity:.5}
.blok-h{display:flex;align-items:baseline;gap:14px;padding:22px 0 16px;border-bottom:1px solid var(--rule);margin-bottom:4px}
.blok-n{
  font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--copper);
  border:1px solid var(--copper);border-radius:2px;padding:3px 7px;flex:none;
}
.blok-h h2{font-family:var(--f-display);font-weight:600;font-size:22px;letter-spacing:-.035em;line-height:1.25}
.blok .det-list{margin-bottom:0}
.blok .det-list li{border-bottom:1px solid var(--rule);padding:17px 0;max-width:none}
.blok .det-list li:last-child{border-bottom:0}
.blok .det-list li b:first-child{display:inline-block;color:var(--ink);font-weight:600}

/* ---------- adım kartları ---------- */
.adimlar{list-style:none;counter-reset:ad;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;margin-bottom:56px}
.adimlar li{
  counter-increment:ad;position:relative;padding:22px 22px 24px;border:1px solid var(--rule);
  border-radius:3px;background:var(--paper);transition:border-color .2s,box-shadow .2s;
}
.adimlar li:hover{border-color:var(--ink);box-shadow:0 8px 22px rgba(0,30,52,.07)}
.adimlar li::before{
  content:counter(ad,decimal-leading-zero);display:inline-block;margin-bottom:14px;
  font-family:var(--f-mono);font-size:12px;font-weight:600;color:var(--copper);
  border:1px solid var(--copper);border-radius:2px;padding:3px 8px;position:static;
}
.adimlar b{display:block;font-family:var(--f-display);font-weight:600;font-size:17.5px;letter-spacing:-.035em;margin-bottom:9px;line-height:1.3}
.adimlar span{display:block;font-size:14.5px;color:var(--ink-soft);line-height:1.65;max-width:none}

/* ---------- ülke / konu yan sütun kutuları ---------- */
.det-side .side-box{
  border:1px solid var(--rule);border-top:2px solid var(--ink);border-radius:0 0 3px 3px;
  padding:16px 18px 6px;background:var(--paper);
}
.det-side .side-cta{background:var(--paper-alt);border-color:var(--rule)}
.buro-list li:last-child,.side-list li:last-child,.side-links li:last-child{border-bottom:0}

/* ---------- İngilizce uyarı kutusu ---------- */
.en-note{
  margin:16px 0 20px;padding:16px 18px;border:1px dashed var(--rule);border-radius:3px;
  font-size:14.5px;color:var(--ink-faint);line-height:1.65;background:var(--paper-alt);
}
#d-uyari{max-width:66ch}

/* ---------- ülke kartları ---------- */
#ulke-kartlari .pc{padding-top:22px}
#ulke-kartlari .pc-ref b{display:block;font-family:var(--f-display);font-weight:600;font-size:17px;color:var(--ink);letter-spacing:-.01em}
#ulke-kartlari .pc-ref em{color:var(--copper);font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:5px}
#ulke-kartlari h3{margin-top:2px}

@media (max-width:860px){
  .blok{padding:0 18px 6px}
  .blok-h h2{font-size:19px}
  .adimlar{grid-template-columns:1fr}
}
.img-a{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22600%22%20height%3D%22400%22%20viewBox%3D%220%200%20600%20400%22%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22bg%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23001E34%22/%3E%3Cstop%20offset%3D%220.50%22%20stop-color%3D%22%230A2E48%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230F4666%22/%3E%3C/linearGradient%3E%0A%3CradialGradient%20id%3D%22gl%22%20cx%3D%220.72%22%20cy%3D%220.2%22%20r%3D%220.85%22%3E%0A%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23D9A188%22%20stop-opacity%3D%220.28%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D9A188%22%20stop-opacity%3D%220%22/%3E%3C/radialGradient%3E%0A%3Cpattern%20id%3D%22gr%22%20width%3D%2230%22%20height%3D%2230%22%20patternUnits%3D%22userSpaceOnUse%22%3E%0A%3Cpath%20d%3D%22M30%200H0V30%22%20fill%3D%22none%22%20stroke%3D%22%23D9A188%22%20stroke-width%3D%220.5%22%20opacity%3D%220.13%22/%3E%3C/pattern%3E%0A%3C/defs%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23bg%29%22/%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23gr%29%22/%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23F0C4AC%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.92%22%3E%0A%3Cline%20x1%3D%2296%22%20y1%3D%22200%22%20x2%3D%22222%22%20y2%3D%22200%22/%3E%3Cline%20x1%3D%22258%22%20y1%3D%22200%22%20x2%3D%22374%22%20y2%3D%22200%22/%3E%3Cline%20x1%3D%22410%22%20y1%3D%22200%22%20x2%3D%22518%22%20y2%3D%22200%22/%3E%3Cpath%20d%3D%22M214%20194l8%206-8%206%22/%3E%3Cpath%20d%3D%22M366%20194l8%206-8%206%22/%3E%3Cpath%20d%3D%22M510%20194l8%206-8%206%22/%3E%3Crect%20x%3D%22200%22%20y%3D%22128%22%20width%3D%22232%22%20height%3D%22144%22%20rx%3D%224%22%20stroke-dasharray%3D%227%207%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2282%22%20cy%3D%22200%22%20r%3D%2213%22/%3E%3Ccircle%20cx%3D%22240%22%20cy%3D%22200%22%20r%3D%2213%22%20fill%3D%22%23F0C4AC%22/%3E%3Ccircle%20cx%3D%22392%22%20cy%3D%22200%22%20r%3D%2213%22%20fill%3D%22%23F0C4AC%22/%3E%3Ccircle%20cx%3D%22534%22%20cy%3D%22200%22%20r%3D%2213%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22200%22%20r%3D%223.5%22%20fill%3D%22%23F0C4AC%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22315%22%20cy%3D%22200%22%20r%3D%223.5%22%20fill%3D%22%23F0C4AC%22%20stroke%3D%22none%22/%3E%3Crect%20x%3D%2258%22%20y%3D%22245%22%20width%3D%2248%22%20height%3D%2226%22%20rx%3D%223%22%20opacity%3D%220.5%22/%3E%3Crect%20x%3D%22510%22%20y%3D%22245%22%20width%3D%2248%22%20height%3D%2226%22%20rx%3D%223%22%20opacity%3D%220.5%22/%3E%3Cpath%20d%3D%22M240%20160v-22M392%20160v-22%22%20opacity%3D%220.45%22/%3E%0A%3C/g%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23gl%29%22/%3E%3C/svg%3E")}
.img-b{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22600%22%20height%3D%22400%22%20viewBox%3D%220%200%20600%20400%22%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22bg%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23001E34%22/%3E%3Cstop%20offset%3D%220.56%22%20stop-color%3D%22%230A2E48%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230F4666%22/%3E%3C/linearGradient%3E%0A%3CradialGradient%20id%3D%22gl%22%20cx%3D%220.72%22%20cy%3D%220.2%22%20r%3D%220.85%22%3E%0A%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23D9A188%22%20stop-opacity%3D%220.28%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D9A188%22%20stop-opacity%3D%220%22/%3E%3C/radialGradient%3E%0A%3Cpattern%20id%3D%22gr%22%20width%3D%2230%22%20height%3D%2230%22%20patternUnits%3D%22userSpaceOnUse%22%3E%0A%3Cpath%20d%3D%22M30%200H0V30%22%20fill%3D%22none%22%20stroke%3D%22%23D9A188%22%20stroke-width%3D%220.5%22%20opacity%3D%220.13%22/%3E%3C/pattern%3E%0A%3C/defs%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23bg%29%22/%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23gr%29%22/%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23F0C4AC%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.92%22%3E%0A%3Cpath%20d%3D%22M150%2096h300L344%20212v92l-88%2046v-138z%22/%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%2260%22%20r%3D%225%22/%3E%3Ccircle%20cx%3D%22250%22%20cy%3D%2252%22%20r%3D%225%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%2262%22%20r%3D%225%22/%3E%3Ccircle%20cx%3D%22350%22%20cy%3D%2250%22%20r%3D%225%22/%3E%3Ccircle%20cx%3D%22400%22%20cy%3D%2260%22%20r%3D%225%22/%3E%3Cpath%20d%3D%22M200%2068v20M250%2060v26M300%2070v18M350%2058v28M400%2068v20%22%20opacity%3D%220.5%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22368%22%20r%3D%226%22%20fill%3D%22%23F0C4AC%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22368%22%20r%3D%224%22%20opacity%3D%220.5%22/%3E%3Ccircle%20cx%3D%22344%22%20cy%3D%22368%22%20r%3D%224%22%20opacity%3D%220.5%22/%3E%3Ccircle%20cx%3D%22456%22%20cy%3D%22270%22%20r%3D%2242%22/%3E%3Cpath%20d%3D%22M456%20250v26%22/%3E%3Ccircle%20cx%3D%22456%22%20cy%3D%22288%22%20r%3D%222.6%22%20fill%3D%22%23F0C4AC%22%20stroke%3D%22none%22/%3E%3Cpath%20d%3D%22M300%20316v40%22%20opacity%3D%220.45%22/%3E%0A%3C/g%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23gl%29%22/%3E%3C/svg%3E")}
.img-c{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22600%22%20height%3D%22400%22%20viewBox%3D%220%200%20600%20400%22%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22bg%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23001E34%22/%3E%3Cstop%20offset%3D%220.54%22%20stop-color%3D%22%230A2E48%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230F4666%22/%3E%3C/linearGradient%3E%0A%3CradialGradient%20id%3D%22gl%22%20cx%3D%220.72%22%20cy%3D%220.2%22%20r%3D%220.85%22%3E%0A%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23D9A188%22%20stop-opacity%3D%220.28%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D9A188%22%20stop-opacity%3D%220%22/%3E%3C/radialGradient%3E%0A%3Cpattern%20id%3D%22gr%22%20width%3D%2230%22%20height%3D%2230%22%20patternUnits%3D%22userSpaceOnUse%22%3E%0A%3Cpath%20d%3D%22M30%200H0V30%22%20fill%3D%22none%22%20stroke%3D%22%23D9A188%22%20stroke-width%3D%220.5%22%20opacity%3D%220.13%22/%3E%3C/pattern%3E%0A%3C/defs%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23bg%29%22/%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23gr%29%22/%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23F0C4AC%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.92%22%3E%0A%3Ccircle%20cx%3D%22300%22%20cy%3D%22200%22%20r%3D%2234%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22200%22%20r%3D%2262%22%20opacity%3D%220.4%22%20stroke-dasharray%3D%225%208%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22200%22%20r%3D%2292%22%20opacity%3D%220.22%22%20stroke-dasharray%3D%225%208%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22118%22%20r%3D%2215%22/%3E%3Ccircle%20cx%3D%22132%22%20cy%3D%22292%22%20r%3D%2215%22/%3E%3Ccircle%20cx%3D%22470%22%20cy%3D%22120%22%20r%3D%2215%22/%3E%3Ccircle%20cx%3D%22474%22%20cy%3D%22288%22%20r%3D%2215%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%2262%22%20r%3D%2213%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22342%22%20r%3D%2213%22/%3E%3Cpath%20d%3D%22M145%20128l124%2055M147%20283l122-58M455%20130l-124%2053M459%20278l-126-55M300%2075v90M300%20329v-92%22/%3E%3Crect%20x%3D%22270%22%20y%3D%22184%22%20width%3D%2260%22%20height%3D%2232%22%20rx%3D%223%22%20fill%3D%22%23F0C4AC%22%20opacity%3D%220.16%22%20stroke%3D%22none%22/%3E%3Cpath%20d%3D%22M282%20200h36M300%20188v24%22%20opacity%3D%220.8%22/%3E%0A%3C/g%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23gl%29%22/%3E%3C/svg%3E")}
.img-d{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22600%22%20height%3D%22400%22%20viewBox%3D%220%200%20600%20400%22%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22bg%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23001E34%22/%3E%3Cstop%20offset%3D%220.61%22%20stop-color%3D%22%230A2E48%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230F4666%22/%3E%3C/linearGradient%3E%0A%3CradialGradient%20id%3D%22gl%22%20cx%3D%220.72%22%20cy%3D%220.2%22%20r%3D%220.85%22%3E%0A%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23D9A188%22%20stop-opacity%3D%220.28%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D9A188%22%20stop-opacity%3D%220%22/%3E%3C/radialGradient%3E%0A%3Cpattern%20id%3D%22gr%22%20width%3D%2230%22%20height%3D%2230%22%20patternUnits%3D%22userSpaceOnUse%22%3E%0A%3Cpath%20d%3D%22M30%200H0V30%22%20fill%3D%22none%22%20stroke%3D%22%23D9A188%22%20stroke-width%3D%220.5%22%20opacity%3D%220.13%22/%3E%3C/pattern%3E%0A%3C/defs%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23bg%29%22/%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23gr%29%22/%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23F0C4AC%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.92%22%3E%0A%3Cpath%20d%3D%22M60%20100h90v56h120M60%20180h60v90h96M540%20110h-96v70H320M540%20250h-70v-54H360%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22100%22%20r%3D%225%22%20fill%3D%22%23F0C4AC%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22180%22%20r%3D%225%22%20fill%3D%22%23F0C4AC%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22444%22%20cy%3D%22110%22%20r%3D%225%22%20fill%3D%22%23F0C4AC%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22470%22%20cy%3D%22250%22%20r%3D%225%22%20fill%3D%22%23F0C4AC%22%20stroke%3D%22none%22/%3E%3Crect%20x%3D%2256%22%20y%3D%2292%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%20opacity%3D%220.6%22/%3E%3Crect%20x%3D%22528%22%20y%3D%22102%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%20opacity%3D%220.6%22/%3E%3Cpath%20d%3D%22M300%20118l52%2020v54c0%2032-22%2052-52%2062-30-10-52-30-52-62v-54z%22/%3E%3Cpath%20d%3D%22M300%20168v34%22%20stroke-width%3D%222.2%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22218%22%20r%3D%223.4%22%20fill%3D%22%23F0C4AC%22%20stroke%3D%22none%22/%3E%3Cpath%20d%3D%22M232%20300l24-16%2024%2016%22%20opacity%3D%220.5%22/%3E%0A%3C/g%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23gl%29%22/%3E%3C/svg%3E")}
.img-e{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22600%22%20height%3D%22400%22%20viewBox%3D%220%200%20600%20400%22%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22bg%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23001E34%22/%3E%3Cstop%20offset%3D%220.65%22%20stop-color%3D%22%230A2E48%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235E3A24%22/%3E%3C/linearGradient%3E%0A%3CradialGradient%20id%3D%22gl%22%20cx%3D%220.72%22%20cy%3D%220.2%22%20r%3D%220.85%22%3E%0A%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23D9A188%22%20stop-opacity%3D%220.28%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D9A188%22%20stop-opacity%3D%220%22/%3E%3C/radialGradient%3E%0A%3Cpattern%20id%3D%22gr%22%20width%3D%2230%22%20height%3D%2230%22%20patternUnits%3D%22userSpaceOnUse%22%3E%0A%3Cpath%20d%3D%22M30%200H0V30%22%20fill%3D%22none%22%20stroke%3D%22%23D9A188%22%20stroke-width%3D%220.5%22%20opacity%3D%220.13%22/%3E%3C/pattern%3E%0A%3C/defs%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23bg%29%22/%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23gr%29%22/%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23F0C4AC%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.92%22%3E%0A%3Ccircle%20cx%3D%22230%22%20cy%3D%22200%22%20r%3D%2296%22/%3E%3Cellipse%20cx%3D%22230%22%20cy%3D%22200%22%20rx%3D%2296%22%20ry%3D%2264%22%20opacity%3D%220.40%22/%3E%3Cellipse%20cx%3D%22230%22%20cy%3D%22200%22%20rx%3D%2296%22%20ry%3D%2288%22%20opacity%3D%220.40%22/%3E%3Cellipse%20cx%3D%22230%22%20cy%3D%22200%22%20rx%3D%2296%22%20ry%3D%2296%22%20opacity%3D%220.75%22/%3E%3Cellipse%20cx%3D%22230%22%20cy%3D%22200%22%20rx%3D%2296%22%20ry%3D%2288%22%20opacity%3D%220.40%22/%3E%3Cellipse%20cx%3D%22230%22%20cy%3D%22200%22%20rx%3D%2296%22%20ry%3D%2264%22%20opacity%3D%220.40%22/%3E%3Cellipse%20cx%3D%22230%22%20cy%3D%22200%22%20rx%3D%22100%22%20ry%3D%2296%22%20opacity%3D%220.35%22/%3E%3Cellipse%20cx%3D%22230%22%20cy%3D%22200%22%20rx%3D%2277%22%20ry%3D%2296%22%20opacity%3D%220.35%22/%3E%3Cellipse%20cx%3D%22230%22%20cy%3D%22200%22%20rx%3D%2220%22%20ry%3D%2296%22%20opacity%3D%220.35%22/%3E%3Cellipse%20cx%3D%22230%22%20cy%3D%22200%22%20rx%3D%2252%22%20ry%3D%2296%22%20opacity%3D%220.35%22/%3E%3Cpath%20d%3D%22M330%20168h72M330%20200h96M330%20232h60%22%20stroke-dasharray%3D%226%206%22%20opacity%3D%220.7%22/%3E%3Crect%20x%3D%22418%22%20y%3D%22150%22%20width%3D%2264%22%20height%3D%2282%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M432%20172h36M432%20190h36M432%20208h22%22/%3E%3Ccircle%20cx%3D%22500%22%20cy%3D%22191%22%20r%3D%225%22%20fill%3D%22%23F0C4AC%22%20stroke%3D%22none%22/%3E%3Cpath%20d%3D%22M340%20164l-8%204%208%204M340%20196l-8%204%208%204%22%20opacity%3D%220.8%22/%3E%0A%3C/g%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23gl%29%22/%3E%3C/svg%3E")}
.img-f{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22600%22%20height%3D%22400%22%20viewBox%3D%220%200%20600%20400%22%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22bg%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23001E34%22/%3E%3Cstop%20offset%3D%220.69%22%20stop-color%3D%22%230A2E48%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235E3A24%22/%3E%3C/linearGradient%3E%0A%3CradialGradient%20id%3D%22gl%22%20cx%3D%220.72%22%20cy%3D%220.2%22%20r%3D%220.85%22%3E%0A%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23D9A188%22%20stop-opacity%3D%220.28%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D9A188%22%20stop-opacity%3D%220%22/%3E%3C/radialGradient%3E%0A%3Cpattern%20id%3D%22gr%22%20width%3D%2230%22%20height%3D%2230%22%20patternUnits%3D%22userSpaceOnUse%22%3E%0A%3Cpath%20d%3D%22M30%200H0V30%22%20fill%3D%22none%22%20stroke%3D%22%23D9A188%22%20stroke-width%3D%220.5%22%20opacity%3D%220.13%22/%3E%3C/pattern%3E%0A%3C/defs%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23bg%29%22/%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23gr%29%22/%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23F0C4AC%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.92%22%3E%0A%3Crect%20x%3D%22248%22%20y%3D%2252%22%20width%3D%22104%22%20height%3D%2246%22%20rx%3D%224%22/%3E%3Cpath%20d%3D%22M300%2098v40M120%20138h360M120%20138v34M300%20138v34M480%20138v34%22/%3E%3Crect%20x%3D%2266%22%20y%3D%22172%22%20width%3D%22108%22%20height%3D%2244%22%20rx%3D%224%22/%3E%3Crect%20x%3D%22246%22%20y%3D%22172%22%20width%3D%22108%22%20height%3D%2244%22%20rx%3D%224%22/%3E%3Crect%20x%3D%22426%22%20y%3D%22172%22%20width%3D%22108%22%20height%3D%2244%22%20rx%3D%224%22/%3E%3Cpath%20d%3D%22M120%20216v30M300%20216v30M480%20216v30%22%20opacity%3D%220.6%22/%3E%3Crect%20x%3D%2272%22%20y%3D%22246%22%20width%3D%2296%22%20height%3D%2236%22%20rx%3D%223%22%20opacity%3D%220.55%22/%3E%3Crect%20x%3D%22252%22%20y%3D%22246%22%20width%3D%2296%22%20height%3D%2236%22%20rx%3D%223%22%20opacity%3D%220.55%22/%3E%3Crect%20x%3D%22432%22%20y%3D%22246%22%20width%3D%2296%22%20height%3D%2236%22%20rx%3D%223%22%20opacity%3D%220.55%22/%3E%3Cpath%20d%3D%22M40%20320h520%22%20stroke-dasharray%3D%229%209%22%20opacity%3D%220.5%22/%3E%3Ctext%20x%3D%2246%22%20y%3D%22344%22%20fill%3D%22%23F0C4AC%22%20font-family%3D%22monospace%22%20font-size%3D%2213%22%20opacity%3D%220.6%22%20stroke%3D%22none%22%3ETR%3C/text%3E%3Ctext%20x%3D%22520%22%20y%3D%22344%22%20fill%3D%22%23F0C4AC%22%20font-family%3D%22monospace%22%20font-size%3D%2213%22%20opacity%3D%220.6%22%20stroke%3D%22none%22%3EYURT%20DI%C5%9EI%3C/text%3E%0A%3C/g%3E%0A%3Crect%20width%3D%22600%22%20height%3D%22400%22%20fill%3D%22url%28%23gl%29%22/%3E%3C/svg%3E")}
/* ---------- görsel yüzeyler ---------- */
[class*="img-"]{background-size:cover;background-position:center;display:block}
.pc-img,.one-img,.uk-img{background-size:cover;background-position:50% 45%}

/* hero görsel bandı */
.hero-img{
  margin-top:56px;height:clamp(260px,34vw,420px);border-radius:4px;position:relative;
  display:flex;align-items:flex-end;overflow:hidden;
}
.hero-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,30,52,.85) 100%)}
.hero-img-in{position:relative;z-index:2;padding:34px 34px 30px;max-width:62ch}
.hero-cat{
  font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--copper-lift);margin-bottom:12px;
}
.hero-cap{color:#fff;font-size:clamp(17px,2.1vw,23px);font-weight:500;line-height:1.35;letter-spacing:-.02em}
.hero-link{
  display:inline-block;margin-top:16px;color:var(--copper-lift);font-size:14px;
  text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;
}

/* çalışma alanı kartlarına görsel başlık */
.pc-img{height:158px;margin:-26px -24px 22px;border-radius:3px 3px 0 0}
a.pc:hover .pc-img{filter:brightness(1.1)}

/* yazı kartları */
.ycards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;border-top:0}
.ycard{
  display:block;border:1px solid var(--rule);border-radius:3px;overflow:hidden;background:var(--paper);
  text-decoration:none;color:inherit;transition:border-color .25s,box-shadow .25s,transform .25s;
}
.ycard:hover{border-color:var(--ink);box-shadow:0 12px 28px rgba(0,30,52,.10);transform:translateY(-3px)}
.ycard-img{height:186px}
.ycard-body{display:block;padding:20px 22px 24px}
.ycard-meta{display:flex;gap:12px;align-items:center;margin-bottom:11px}
.ycard-meta em{
  font-style:normal;font-family:var(--f-mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--copper);border:1px solid var(--copper);border-radius:2px;padding:3px 7px;
}
.ycard-meta i{font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--ink-faint)}
.ycard h3{font-family:var(--f-display);font-weight:700;font-size:19.5px;line-height:1.28;letter-spacing:-.025em;margin-bottom:9px}
.ycard p{font-size:14.5px;color:var(--ink-soft);line-height:1.6}

/* koyu çağrı bandı */
.cta-band{background:var(--ink);color:var(--paper);padding:74px 0;position:relative;overflow:hidden}
.cta-in{position:relative;z-index:2;max-width:52ch}
.cta-band .eyebrow{color:var(--copper-lift)}
.cta-band h2{
  font-family:var(--f-display);font-weight:700;letter-spacing:-.035em;line-height:1.12;
  font-size:clamp(27px,3.8vw,44px);margin-top:16px;
}
.cta-btn{
  display:inline-block;margin-top:28px;background:var(--copper);color:#fff;text-decoration:none;
  padding:15px 30px;border-radius:2px;font-family:var(--f-mono);font-size:12px;
  letter-spacing:.12em;text-transform:uppercase;transition:background .2s;
}
.cta-btn:hover{background:var(--copper-lift);color:var(--ink)}

/* kurumsal tipografi düzeltmeleri */
.hero h1{font-weight:800;letter-spacing:-.045em}
.sec-head h2,.det-title h1,.per-head h1,.mv-head h1{font-weight:700}
.pc h3,.fc h3,.blok-h h2,.det-h2,.adimlar b,.mem-body h3{font-weight:700;letter-spacing:-.028em}
.row h3,.law-body h3,.post h3{font-weight:700;letter-spacing:-.028em}

@media (max-width:860px){
  .pc-img{height:130px;margin:-26px -18px 20px}
  .hero-img-in{padding:22px}
}

/* ---------- koyu tema ---------- */
html[data-tema="koyu"]{
  --paper:#0A1620; --paper-alt:#0E1E2B; --ink:#EAF0F4; --ink-soft:#A9BCC9;
  --ink-faint:#7A8E9C; --rule:#22384A; --copper:#D9A188; --copper-lift:#F0C4AC;
}
html[data-tema="koyu"] .site-head{background:rgba(10,22,32,.93)}
html[data-tema="koyu"] .brand-mark,html[data-tema="koyu"] .brand-word{filter:invert(1) brightness(1.6)}
html[data-tema="koyu"] .foot{background:#050E16}
html[data-tema="koyu"] .cta-band{background:#050E16}
html[data-tema="koyu"] .lang button.on{background:var(--copper);color:#0A1620}
html[data-tema="koyu"] .submit{background:var(--copper);color:#0A1620}
html[data-tema="koyu"] .portrait::after{opacity:.28}
.tema{background:none;border:1px solid var(--rule);border-radius:2px;color:var(--ink-soft);
  padding:6px 8px;cursor:pointer;display:flex;align-items:center;transition:color .2s,border-color .2s}
.tema:hover{color:var(--copper);border-color:var(--copper)}

/* ---------- yeni hero ---------- */
.nhero{padding:76px 0 0}
.nhero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.nhero-txt h1{
  font-family:var(--f-display);font-weight:800;letter-spacing:-.045em;line-height:1.02;
  font-size:clamp(38px,5.4vw,66px);margin-top:20px;max-width:14ch;
}
.nhero-lead{margin-top:26px;font-size:18px;color:var(--ink-soft);line-height:1.7;max-width:52ch}
.nhero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.btn-p,.btn-s{
  display:inline-block;padding:15px 28px;border-radius:2px;text-decoration:none;
  font-family:var(--f-mono);font-size:12px;letter-spacing:.11em;text-transform:uppercase;transition:.2s;
}
.btn-p{background:var(--ink);color:var(--paper)}
.btn-p:hover{background:var(--copper);color:#fff}
.btn-s{border:1px solid var(--rule);color:var(--ink)}
.btn-s:hover{border-color:var(--ink)}
.nhero-img{height:clamp(300px,36vw,460px);border-radius:4px}

/* ---------- öne çıkanlar ---------- */
.one{padding:64px 0 8px}
.one-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.one-c{display:block;text-decoration:none;color:inherit;border:1px solid var(--rule);border-radius:3px;
  overflow:hidden;background:var(--paper);transition:.25s}
.one-c:hover{border-color:var(--ink);box-shadow:0 12px 28px rgba(0,30,52,.10);transform:translateY(-3px)}
.one-img{height:140px}
.one-b{display:block;padding:18px 20px 22px}
.one-b em{font-style:normal;font-family:var(--f-mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--copper);display:block;margin-bottom:10px}
.one-b h3{font-family:var(--f-display);font-weight:700;font-size:17.5px;line-height:1.32;letter-spacing:-.025em}

/* ---------- sektör ızgarası ---------- */
.skg{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.sk{border:1px solid var(--rule);border-radius:3px;background:var(--paper);padding:24px 20px 22px;
  text-align:center;transition:.25s}
.sk:hover{border-color:var(--copper);transform:translateY(-2px)}
.sk svg{width:40px;height:40px;color:var(--copper);margin:0 auto 14px;display:block}
.sk p{font-size:14px;color:var(--ink);line-height:1.45;font-weight:500}

/* ---------- ülke kartları ---------- */
.ukg{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px}
.uk{display:block;text-decoration:none;color:inherit;border:1px solid var(--rule);border-radius:3px;
  overflow:hidden;background:var(--paper);transition:.25s}
.uk:hover{border-color:var(--ink);box-shadow:0 12px 28px rgba(0,30,52,.10);transform:translateY(-3px)}
.uk-img{height:132px}
.uk-b{display:block;padding:17px 18px 20px}
.uk-b em{font-style:normal;font-family:var(--f-mono);font-size:9.5px;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;color:var(--copper);display:block;margin-bottom:8px}
.uk-b h3{font-family:var(--f-display);font-weight:700;font-size:17px;line-height:1.28;letter-spacing:-.025em}

/* ---------- SSS ---------- */
.sssg{border-top:1px solid var(--rule)}
.sss{border-bottom:1px solid var(--rule)}
.sss summary{
  list-style:none;cursor:pointer;padding:22px 40px 22px 0;position:relative;
  font-family:var(--f-display);font-weight:700;font-size:18.5px;letter-spacing:-.022em;line-height:1.35;
  display:flex;gap:16px;align-items:baseline;
}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:'+';position:absolute;right:4px;top:21px;font-family:var(--f-mono);
  font-size:20px;color:var(--copper);font-weight:400;transition:transform .2s}
.sss[open] summary::after{content:'−'}
.sss-n{font-family:var(--f-mono);font-size:11px;font-weight:600;color:var(--copper);flex:none;padding-top:4px}
.sss p{padding:0 40px 24px 34px;font-size:16px;color:var(--ink-soft);line-height:1.72;max-width:76ch}
.sss:hover summary{color:var(--copper)}

@media (max-width:860px){
  .nhero-grid{grid-template-columns:1fr;gap:30px}
  .nhero-img{height:220px;order:-1}
  .skg{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px}
  .sk{padding:18px 12px 16px}
  .sk p{font-size:12.5px}
  .sss summary{font-size:16px;padding-right:32px}
  .sss p{padding-left:0}
}

/* ---------- resmî metin okuma tipografisi ---------- */
.mv-main{max-width:78ch}
.md{padding:38px 0 34px;border-bottom:1px solid var(--rule)}
.md-head{display:block;margin-bottom:22px}
.md-no{display:inline-block;margin-bottom:10px}
.md-head h3{font-size:23px;line-height:1.3;letter-spacing:-.028em;max-width:44ch}


.bent{
  display:block;padding-left:30px;text-indent:-30px;margin-top:12px;
  font-size:16.5px;line-height:1.8;color:var(--ink-soft);
}
.bent-d{text-indent:0;padding-left:0;color:var(--ink)}
.deg{font-style:italic;font-size:.86em;color:var(--copper);opacity:.85}

.serh{margin:22px 0 6px;padding:20px 24px;max-width:78ch}
.serh p:last-child{font-size:16.5px;line-height:1.78}

/* ---------- açıklama metinleri (konu ve ülke sayfaları) ---------- */
.blok{padding:0 30px 10px}
.blok .det-list li{
  padding:20px 0;font-size:16.5px;line-height:1.8;color:var(--ink);max-width:74ch;
}
.blok .det-list li b:first-child{color:var(--ink);font-weight:700}
.det-lead{font-size:19px;line-height:1.72;max-width:60ch}
.adimlar span{font-size:15.5px;line-height:1.72}
.buro-list li,.side-list li{font-size:14.5px;line-height:1.62}

@media (max-width:860px){
  .bent{padding-left:24px;text-indent:-24px;font-size:16px}
  .md-head h3{font-size:20px}
  .blok{padding:0 20px 8px}
  .blok .det-list li{font-size:16px}
}

/* ==== fıkra düzeni (tek yetkili kural) ==== */
.fk{
  display:block !important; position:relative;
  padding-left:48px; margin:0 0 22px;
  font-size:17px; line-height:1.85; color:var(--ink);
  max-width:78ch; scroll-margin-top:100px;
}
.fk > .fk-n{
  position:absolute; left:0; top:2px; padding:0; min-width:0;
  font-family:var(--f-mono); font-size:13.5px; font-weight:600;
  color:var(--copper); text-align:left;
}
.fk .fk-t{display:block; font-size:inherit; line-height:inherit; color:inherit}
.fk .fk-t b{color:var(--ink); font-weight:700}
.fk.fk-p{padding-left:0}
.fk .bent{
  display:block; padding-left:30px; text-indent:-30px;
  margin-top:12px; font-size:16.5px; line-height:1.8; color:var(--ink-soft);
}
.fk .bent-d{text-indent:0; padding-left:0; color:var(--ink)}
.fk .deg{font-style:italic; font-size:.85em; color:var(--copper); opacity:.8}
.fk.flash{animation:flash 1.9s ease}
@media (max-width:860px){
  .fk{padding-left:36px; font-size:16.5px; line-height:1.8}
  .fk .bent{padding-left:24px; text-indent:-24px; font-size:16px}
}

/* ---------- portre yerlesimi ---------- */

/* ---------- hakkinda: portre sag ustte ---------- */
.about{grid-template-columns:1fr 220px;gap:56px;align-items:start}
.about-body .eyebrow{margin-bottom:18px}
.portrait-about{width:220px;height:275px}
.about-more{display:inline-block;margin-top:10px;font-family:var(--f-mono);font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--copper);text-decoration:none;
  border-bottom:1px solid var(--copper);padding-bottom:3px}
.about-more:hover{color:var(--ink);border-color:var(--ink)}

.hk-head{display:grid;grid-template-columns:1fr 260px;gap:56px;align-items:start;margin-top:30px}
.hk-head h1{font-family:var(--f-display);font-weight:700;
  font-size:clamp(31px,4.6vw,50px);line-height:1.04;letter-spacing:-.035em}
.portrait-hk{width:260px;height:325px}

@media (max-width:860px){
  .about{grid-template-columns:1fr;gap:26px}
  .about .portrait-about{order:-1;width:150px;height:188px}
  .hk-head{grid-template-columns:1fr;gap:24px}
  .hk-head .portrait-hk{order:-1;width:160px;height:200px}
}

/* ---------- portreler (tek sefer gomulu) ---------- */
:root{
  --portre-genis:url("gorseller/gulsah-portre.jpg");
  --portre-yakin:url("gorseller/gulsah-portre-yakin.jpg");
}
/* goruntu ::before'da: boylece bakir ::after katmani gri filtreden etkilenmiyor */
.foto-a::before,.foto-b::before{content:'';position:absolute;inset:0;
  background-size:cover;background-position:50% 18%;background-repeat:no-repeat;
  filter:grayscale(1) contrast(1.05)}
.foto-a::before{background-image:var(--portre-genis)}
.foto-b::before{background-image:var(--portre-yakin)}

/* ---------- kunye modu ---------- */
.kunye-kapsam{font-size:16.5px;line-height:1.8;color:var(--ink);max-width:70ch;margin-top:18px}
.kunye-teyit{border-left:3px solid var(--copper);background:var(--paper-alt);
  padding:14px 18px;margin-bottom:30px;font-size:14px;color:var(--ink-soft);max-width:70ch}
.kunye-not{margin-top:34px;padding-top:20px;border-top:1px solid var(--rule);
  font-size:13px;color:var(--ink-faint);max-width:62ch}

/* ---------- iletisim formu ---------- */
.consent-wrap{grid-column:1/-1}
.f-err{margin-top:7px;font-size:12.5px;color:#B3261E;line-height:1.5}
html[data-tema="koyu"] .f-err{color:#F2B8B5}
.f-say{margin-top:6px;font-family:var(--f-mono);font-size:10.5px;
  letter-spacing:.1em;color:var(--ink-faint);text-align:right}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-bottom-color:#B3261E}
.consent input[aria-invalid="true"]{outline:2px solid #B3261E;outline-offset:2px}
.tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.f-durum{grid-column:1/-1;margin-top:16px;padding:14px 18px;border-radius:2px;
  font-size:14px;line-height:1.6;border-left:3px solid var(--copper);background:var(--paper-alt)}
.f-durum.hata{border-left-color:#B3261E}
.submit[disabled]{opacity:.55;cursor:not-allowed}

/* ================= RİTİM: banner hero, rakam şeridi, mini şema, foto bandı ================= */

/* --- 1. TAM GENİŞLİKTE HERO ---
   Fotoğraf geldiğinde tek satır yeterli:
   :root{ --hero-foto:url("gorseller/istanbul.jpg"); }                                  */
.bhero{
  position:relative;background:var(--ink);color:#EAF0F4;overflow:hidden;
  min-height:clamp(480px,64vh,660px);display:flex;align-items:flex-end;
  padding:150px 0 60px;margin-bottom:0;
}
.bhero::before{                      /* fotoğraf katmanı (şimdilik boş) */
  content:'';position:absolute;inset:0;
  background-image:var(--hero-foto,none);background-size:cover;background-position:50% 42%;
  filter:grayscale(1) contrast(1.06);opacity:.45;
}
.bhero::after{                       /* okunabilirlik + doku */
  content:'';position:absolute;inset:0;
  background:
    repeating-linear-gradient(112deg,rgba(154,92,56,.10) 0 1px,transparent 1px 46px),
    radial-gradient(120% 90% at 82% 8%,rgba(154,92,56,.20) 0%,transparent 58%),
    linear-gradient(102deg,rgba(0,30,52,.97) 0%,rgba(0,30,52,.86) 46%,rgba(0,30,52,.52) 100%);
}
.bhero-in{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:end;width:100%}
.bhero .eyebrow{color:var(--copper-lift)}
.bhero-txt h1{
  font-family:var(--f-display);font-weight:800;letter-spacing:-.045em;line-height:1.0;
  font-size:clamp(40px,6.2vw,76px);margin-top:20px;max-width:14ch;color:#fff;
}
.bhero-lead{margin-top:26px;font-size:18px;line-height:1.72;max-width:54ch;color:rgba(234,240,244,.80)}
.bhero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.bhero-cta .btn-p{background:var(--copper);color:#fff;border-color:var(--copper)}
.bhero-cta .btn-p:hover{background:var(--copper-lift);color:var(--ink)}
.btn-g{
  display:inline-block;padding:14px 26px;border:1px solid rgba(234,240,244,.42);border-radius:2px;
  color:#EAF0F4;text-decoration:none;font-family:var(--f-mono);font-size:12px;
  letter-spacing:.12em;text-transform:uppercase;transition:border-color .2s,background .2s;
}
.btn-g:hover{border-color:var(--copper-lift);background:rgba(217,161,136,.12)}

.bhero-panel{
  background:rgba(255,255,255,.055);border:1px solid rgba(234,240,244,.16);
  border-top:2px solid var(--copper);border-radius:0 0 3px 3px;padding:20px 22px 16px;
  backdrop-filter:blur(3px);
}
.bhero-panel-t{
  font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--copper-lift);margin-bottom:12px;
}
.bhero-panel ul{list-style:none}
.bhero-panel li{
  display:flex;justify-content:space-between;gap:16px;padding:9px 0;
  border-bottom:1px solid rgba(234,240,244,.12);font-size:13.5px;color:rgba(234,240,244,.86);
}
.bhero-panel li:last-child{border-bottom:0}
.bhero-panel li b{font-family:var(--f-mono);font-size:12px;color:var(--copper-lift);font-weight:500;white-space:nowrap}
.bhero-panel-go{
  display:inline-block;margin-top:14px;font-family:var(--f-mono);font-size:10.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--copper-lift);text-decoration:none;
}
.bhero-panel-go:hover{color:#fff}

/* --- 2. RAKAM ŞERİDİ (kütüphaneyi tarif eder, başarı iddiası değildir) --- */
.rakam{background:var(--paper-alt);border-bottom:1px solid var(--rule)}
.rakam-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.rakam-i{padding:26px 22px 24px;border-left:1px solid var(--rule)}
.rakam-i:first-child{border-left:0;padding-left:0}
.rakam-i b{
  display:block;font-family:var(--f-display);font-weight:800;letter-spacing:-.04em;
  font-size:clamp(28px,3.4vw,40px);line-height:1;color:var(--ink);
}
.rakam-i span{
  display:block;margin-top:9px;font-family:var(--f-mono);font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);line-height:1.5;
}

/* --- 3. ÇALIŞMA ALANI KARTLARINDA MİNİ ŞEMA --- */
.pc-dia{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin:-26px -18px 22px;padding:16px 18px;background:var(--ink);border-bottom:2px solid var(--copper);
}
.pc-akis{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.pc-adim{
  font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:#EAF0F4;border:1px solid rgba(234,240,244,.30);border-radius:2px;padding:5px 8px;white-space:nowrap;
}
.pc-ok{color:var(--copper-lift);font-size:12px;line-height:1}
.pc-rozet{
  font-family:var(--f-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--copper-lift);white-space:nowrap;
}
.pc:hover .pc-dia{border-bottom-color:var(--copper-lift)}

/* --- 4. BÖLÜM ARASI FOTOĞRAF BANDI ---
   Fotoğraf geldiğinde: :root{ --band-foto:url("gorseller/ofis.jpg"); }                 */
.foto-band{
  position:relative;overflow:hidden;background:var(--ink);color:#EAF0F4;
  min-height:clamp(200px,26vw,320px);display:flex;align-items:flex-end;padding:44px 0 40px;
}
.foto-band::before{
  content:'';position:absolute;inset:0;
  background-image:var(--band-foto,none);background-size:cover;background-position:50% 45%;
  filter:grayscale(1) contrast(1.05);opacity:.42;
}
.foto-band::after{
  content:'';position:absolute;inset:0;
  background:
    repeating-linear-gradient(68deg,rgba(154,92,56,.09) 0 1px,transparent 1px 38px),
    linear-gradient(90deg,rgba(0,30,52,.95) 0%,rgba(0,30,52,.72) 60%,rgba(0,30,52,.48) 100%);
}
.foto-band .wrap{position:relative;z-index:2}
.foto-band .eyebrow{color:var(--copper-lift)}
.foto-band-c{
  margin-top:14px;font-family:var(--f-display);font-weight:700;letter-spacing:-.035em;
  line-height:1.14;font-size:clamp(24px,3.4vw,40px);max-width:20ch;color:#fff;
}

@media (max-width:860px){
  .bhero{padding:110px 0 44px;min-height:auto}
  .bhero-in{grid-template-columns:1fr;gap:30px;align-items:start}
  .bhero-lead{font-size:16.5px}
  .rakam-i{border-left:0;border-top:1px solid var(--rule);padding:20px 0}
  .rakam-i:first-child{border-top:0}
  .pc-dia{margin:-18px -14px 18px;padding:13px 14px}
}

/* ================= TİPOGRAFİ YÖNÜ B — Fraunces başlık / Archivo gövde =================
   Fraunces değişken eksenli bir serif. Archivo bir grotesk olduğu için eski ağırlık ve
   harf aralığı değerleri onun için ayarlanmıştı; burada Fraunces'e göre yeniden kuruluyor.
   WONK 1 = harflerin bazı uçları kasıtlı eğik. SOFT 0 = köşeler keskin.
   opsz büyük başlıkta yükselir (ince-kalın kontrastı artar), küçük başlıkta düşer.        */

.serif,.brand,.hero h1,.sec-head h2,.row h3,.about-body p:first-child,.post h3,.foot-brand,
.det-title h1,.det-h2,.det-q li,.mem-body h3,.per-head h1,.law-body h3,.pc h3,.fc h3,
.mv-head h1,.md-head h3,.adimlar b,.blok-h h2,#ulke-kartlari .pc-ref b,.ycard h3,
.cta-band h2,.one-b h3,.uk-b h3,.sss summary,.hk-head h1,.bhero-txt h1,.rakam-i b,
.foto-band-c,.y-title{
  font-variation-settings:'SOFT' 0,'WONK' 1;
}

/* --- kademe 1: hero ölçeği --- */
.bhero-txt h1,.hero h1{
  font-weight:600;letter-spacing:-.032em;line-height:1.0;
  font-variation-settings:'SOFT' 0,'WONK' 1,'opsz' 120;
}
.cta-band h2,.foto-band-c{
  font-weight:600;letter-spacing:-.028em;
  font-variation-settings:'SOFT' 0,'WONK' 1,'opsz' 90;
}

/* --- kademe 2: bölüm başlıkları --- */
.sec-head h2,.det-title h1,.per-head h1,.mv-head h1,.hk-head h1{
  font-weight:600;letter-spacing:-.026em;line-height:1.1;
  font-variation-settings:'SOFT' 0,'WONK' 1,'opsz' 72;
}

/* --- kademe 3: kart ve blok başlıkları --- */
.pc h3,.fc h3,.blok-h h2,.det-h2,.adimlar b,.mem-body h3,.row h3,.law-body h3,.post h3,
.ycard h3,.one-b h3,.uk-b h3,.md-head h3,.sss summary{
  font-weight:600;letter-spacing:-.018em;
  font-variation-settings:'SOFT' 0,'WONK' 1,'opsz' 34;
}

/* --- rakam şeridi ve madde numaraları: opsz yüksek, kontrast belirgin --- */
.rakam-i b{
  font-weight:600;letter-spacing:-.03em;
  font-variation-settings:'SOFT' 0,'WONK' 1,'opsz' 110;
}

/* --- marka ve künye --- */
.brand,.foot-brand{
  font-weight:600;letter-spacing:-.02em;
  font-variation-settings:'SOFT' 0,'WONK' 1,'opsz' 40;
}

/* --- gövde artık Archivo: Inter Tight'a göre biraz daha geniş, satır boşluğu ayarlanıyor --- */
body{letter-spacing:-.004em}
.bhero-lead,.det-lead,.nhero-lead{font-weight:400;letter-spacing:-.006em}
.about-body p:first-child{font-weight:400;letter-spacing:-.018em}

/* --- şerhli mevzuat okuma ekranı: madde numarası imza öğesi --- */
.md-no,.mv-no{
  font-family:var(--f-display);font-weight:600;letter-spacing:-.03em;
  font-variation-settings:'SOFT' 0,'WONK' 1,'opsz' 96;
}

/* Fraunces yüklenmezse sayfa Georgia'ya düşer; ölçekler orada da tutarlı kalsın */
@supports not (font-variation-settings:normal){
  .bhero-txt h1,.hero h1{letter-spacing:-.028em}
}

/* ================= DERİNLİK KATMANI =================
   Yükseklik ölçeği, bölümler arası gölgeli geçiş, kartlarda dinlenme yüksekliği. */

:root{
  --e1:0 1px 2px rgba(0,30,52,.04), 0 6px 16px rgba(0,30,52,.05);
  --e2:0 3px 8px rgba(0,30,52,.06), 0 14px 32px rgba(0,30,52,.09);
  --e3:0 8px 18px rgba(0,30,52,.10), 0 30px 64px rgba(0,30,52,.16);
  --gecis:0 22px 44px -16px rgba(0,30,52,.42);
}
html[data-tema="koyu"]{
  --e1:0 1px 2px rgba(0,0,0,.30), 0 6px 16px rgba(0,0,0,.26);
  --e2:0 3px 8px rgba(0,0,0,.34), 0 14px 32px rgba(0,0,0,.34);
  --e3:0 8px 18px rgba(0,0,0,.42), 0 30px 64px rgba(0,0,0,.46);
  --gecis:0 22px 44px -16px rgba(0,0,0,.60);
}

/* --- 1. KOYU BANTLARDAN SONRAKİ BÖLÜME DÜŞEN GÖLGE --- */
.bhero,.foto-band,.cta-band,.det-head{position:relative;z-index:3;box-shadow:var(--gecis)}
.rakam,.sec,.one{position:relative;z-index:1}

/* --- 2. HERO ÖRTÜŞMESİ: öne çıkan kartlar koyu banda biniyor --- */
.one{margin-top:-84px;position:relative;z-index:5;padding-top:0}
.one-c{
  background:var(--paper);border:1px solid var(--rule);border-radius:3px;overflow:hidden;
  box-shadow:var(--e3);transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease;
}
.one-c:hover,.one-c:focus-visible{transform:translateY(-6px);box-shadow:var(--e3),0 40px 70px -30px rgba(0,30,52,.28)}

/* --- 3. KARTLARDA DİNLENME YÜKSEKLİĞİ --- */
.pc,.fc,.mem,.ycard,.uk,.side-box,.adimlar li{box-shadow:var(--e1)}
.pc,.fc,.mem,.ycard,.uk{
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease,border-color .2s;
}
a.pc:hover,a.pc:focus-visible,.mem:hover,.mem:focus-visible,
.ycard:hover,.ycard:focus-visible,.uk:hover,.uk:focus-visible{
  transform:translateY(-5px);box-shadow:var(--e2);
}
.adimlar li:hover{box-shadow:var(--e2)}

/* --- 4. HERO PANELİ VE MADDE KUTULARI KALKIYOR --- */
.bhero-panel{box-shadow:0 18px 44px rgba(0,0,0,.30)}
.serh,.mv-serh{box-shadow:var(--e1)}

/* --- 5. ÜST MENÜ: kaydırınca gölge ve daralma --- */
.site-head{transition:box-shadow .25s ease}
.site-head.kaydi{box-shadow:0 2px 6px rgba(0,30,52,.06), 0 12px 28px rgba(0,30,52,.10)}

/* --- 6. HAREKET: kademeli beliriş, biraz daha belirgin --- */
.rise{opacity:0;transform:translateY(22px);transition:opacity .72s cubic-bezier(.2,.7,.3,1),transform .72s cubic-bezier(.2,.7,.3,1)}
.rise.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .one-c,.pc,.fc,.mem,.ycard,.uk{transition:none}
  .one-c:hover,a.pc:hover,.mem:hover,.ycard:hover,.uk:hover{transform:none}
}
@media (max-width:860px){
  .one{margin-top:-52px}
  .bhero,.foto-band,.cta-band,.det-head{box-shadow:0 14px 28px -12px rgba(0,30,52,.34)}
}

/* ================= SEMBOL SİSTEMİ ================= */
.sim{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;
  stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sim .ac{stroke:var(--copper)}
.sim-l{width:52px;height:52px;color:var(--ink);stroke-width:1.9}
.sim-m{width:30px;height:30px;color:var(--ink-soft);stroke-width:2.2}
.sim-s{width:17px;height:17px;color:var(--ink-faint);stroke-width:2.8}

/* mevzuat dizininde belge türü işareti */
.side-list li a{display:flex;gap:11px;align-items:flex-start}
.side-list .sim{margin-top:2px;color:var(--copper);opacity:.75}
.side-list li a:hover .sim{opacity:1}

/* mevzuat sayfası başlığında tür işareti */
.mv-kind{display:inline-flex;align-items:center;gap:8px}
.mv-kind .sim{width:15px;height:15px;color:var(--copper-lift)}

/* görüş yazısı kartlarında kapak */
.ycard-sim{
  display:flex;align-items:center;justify-content:center;height:150px;
  background:var(--ink);border-bottom:2px solid var(--copper);
}
.ycard-sim .sim{width:46px;height:46px;color:#EAF0F4;stroke-width:1.8;opacity:.9}
.ycard:hover .ycard-sim .sim{color:var(--copper-lift)}

/* ülke kartlarında küre */
#ulke-kartlari .pc-ref{display:flex;align-items:center;gap:9px}
#ulke-kartlari .pc-ref .sim{width:18px;height:18px;color:var(--copper);flex:none}

/* bölüm başlığı işareti */
.sec-head .eyebrow{display:flex;align-items:center;gap:8px}
.sec-head .eyebrow .sim{width:14px;height:14px;color:var(--copper)}

/* künye mührü — altbilgi */
.foot-muhur{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.foot-muhur .sim{width:34px;height:34px;color:var(--copper);opacity:.8;stroke-width:1.9}

/* ================= DERİNLİK: ALT SAYFALAR ================= */
.det-main .blok,.det-q,.mv-toc .toc-box,.per-facts,.mv-meta{position:relative}
.side-box{border-radius:3px}
.mv-toc .toc-box{box-shadow:var(--e1);border-radius:3px}
.det-side .side-box,.det-side .side-cta{box-shadow:var(--e1);transition:box-shadow .3s ease}
.det-side .side-box:hover{box-shadow:var(--e2)}
.det-main .blok{
  background:var(--paper);border:1px solid var(--rule);border-radius:3px;
  padding:26px 28px;margin-bottom:22px;box-shadow:var(--e1);
  transition:box-shadow .3s ease,transform .3s cubic-bezier(.2,.7,.3,1);
}
.det-main .blok:hover{box-shadow:var(--e2)}
.sec-alt .det-main .blok{background:var(--paper)}
.kunye-teyit,.serh,.mv-serh{border-radius:0 3px 3px 0}
.md-row,.mv-madde{transition:background .25s ease}
.md-row:target,.mv-madde:target{background:var(--paper-alt);box-shadow:var(--e1)}

@media (max-width:860px){
  .det-main .blok{padding:20px 18px}
  .ycard-sim{height:120px}
}

/* ================= ALT SAYFALAR: ANA SAYFAYLA HİZALAMA =================
   Tüm alt sayfa başlıkları (.det-head) artık ana sayfadaki hero ile aynı dilde:
   koyu bant, doku, fotoğraf yuvası, alta düşen gölge ve örtüşen içerik paneli.
   Fotoğraf geldiğinde:  :root{ --sayfa-foto:url("gorseller/ic-sayfa.jpg"); }        */

.det-head{
  position:relative;z-index:3;overflow:hidden;
  background:var(--ink);color:#EAF0F4;border-bottom:0;
  padding:104px 0 96px;box-shadow:var(--gecis);
}
.det-head::before{
  content:'';position:absolute;inset:0;
  background-image:var(--sayfa-foto,none);background-size:cover;background-position:50% 40%;
  filter:grayscale(1) contrast(1.06);opacity:.34;
}
.det-head::after{
  content:'';position:absolute;inset:0;
  background:
    repeating-linear-gradient(112deg,rgba(154,92,56,.09) 0 1px,transparent 1px 46px),
    radial-gradient(110% 88% at 88% 4%,rgba(154,92,56,.20) 0%,transparent 56%),
    linear-gradient(102deg,rgba(0,30,52,.97) 0%,rgba(0,30,52,.88) 50%,rgba(0,30,52,.62) 100%);
}
.det-head > .wrap{position:relative;z-index:2}

/* --- koyu zemine göre metin renkleri --- */
.det-head .crumb,.det-head .eyebrow,.det-head .mv-kind{color:var(--copper-lift)}
.det-head .crumb:hover{color:#fff}
.det-head h1{color:#fff}
.det-head .det-lead{color:rgba(234,240,244,.80)}
.det-head .per-role{color:var(--copper-lift)}
.det-head .mv-meta,.det-head .per-facts{border-top-color:rgba(234,240,244,.20)}
.det-head .mv-meta dt,.det-head .per-facts dt{color:rgba(234,240,244,.52)}
.det-head .mv-meta dd,.det-head .per-facts dd{color:#EAF0F4}
.det-head .mv-meta dd.ok{color:var(--copper-lift)}
.det-head .mv-src{color:rgba(234,240,244,.62)}
.det-head .mv-src a{color:var(--copper-lift)}
.det-head .d-uyari,.det-head .uyari{
  background:rgba(255,255,255,.07);border-color:rgba(234,240,244,.22);color:rgba(234,240,244,.82);
}

/* --- köşede soluk sembol filigranı --- */
.det-head .filigran{
  position:absolute;right:-26px;bottom:-38px;z-index:1;
  width:230px;height:230px;color:#fff;opacity:.05;stroke-width:1.1;pointer-events:none;
}

/* --- içerik paneli koyu banda biniyor --- */
.det-head + .sec{margin-top:-56px;position:relative;z-index:5;padding-top:0}
.det-head + .sec > .wrap{
  background:var(--paper);border:1px solid var(--rule);border-radius:4px;
  box-shadow:var(--e3);padding:46px 44px;
}
html[data-tema="koyu"] .det-head + .sec > .wrap{background:var(--paper-alt)}
.det-head + .sec > .wrap > .det-grid{margin-top:0}
.det-head + .sec .det-side{top:104px}

/* panel içindeyken bloklar sade kalsın, kart içinde kart olmasın */
.det-head + .sec .det-main .blok{
  background:transparent;border:0;box-shadow:none;padding:0;margin-bottom:34px;
  border-bottom:1px solid var(--rule);padding-bottom:28px;
}
.det-head + .sec .det-main .blok:last-child{border-bottom:0;padding-bottom:0}
.det-head + .sec .det-main .blok:hover{box-shadow:none}

@media (max-width:860px){
  .det-head{padding:78px 0 70px}
  .det-head .filigran{width:150px;right:-30px;bottom:-30px}
  .det-head + .sec{margin-top:-34px}
  .det-head + .sec > .wrap{padding:26px 20px;border-radius:3px}
}
/* Temaya özel eklemeler — prototipte karşılığı olmayan WordPress parçaları */
.atla{position:absolute;left:-9999px;top:0;z-index:200;background:var(--ink);color:#fff;
  padding:12px 20px;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.atla:focus{left:0}
.mv-grid{display:grid;grid-template-columns:1fr 300px;gap:56px;align-items:start}
.mv-main{min-width:0}
@media (max-width:980px){
  .mv-grid{grid-template-columns:1fr;gap:32px}
  .mv-toc{position:static;order:-1}
}

/* ---------- mevzuat dizini liste satırı ---------- */
.mv-liste{list-style:none;margin-top:16px}
.mv-liste li{border-bottom:1px solid var(--rule)}
.mv-liste li:last-child{border-bottom:0}
.mv-liste a{display:flex;align-items:center;gap:12px;padding:14px 2px;
  text-decoration:none;color:var(--ink);transition:padding-left .2s ease,color .2s ease}
.mv-liste a:hover{padding-left:8px;color:var(--copper)}
.mv-liste .sim{color:var(--copper);opacity:.75;flex:none}
.mv-liste a:hover .sim{opacity:1}
.mv-t{flex:1;font-size:15px;line-height:1.5}
.mv-badge{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-faint);white-space:nowrap;border:1px solid var(--rule);border-radius:2px;padding:4px 8px}
.mv-liste a:hover .mv-badge{border-color:var(--copper);color:var(--copper)}
@media (max-width:640px){
  .mv-liste a{flex-wrap:wrap}
  .mv-t{flex:1 1 100%;order:2}
}