/* Melanom Triyaj - ortak sayfa stili (project.html + proje.html) */
:root{
    --bg:#fff; --bg-2:#f6f7f9; --bg-3:#eef1f5;
    --ink:#14181d; --ink-2:#48525e; --ink-3:#79838f;
    --line:#e4e8ed; --line-2:#d2d9e0;
    --ak:#1f6feb; --ak-2:#1552b8; --ak-soft:#eff5ff;
    --iyi:#0f7b4f; --uyari:#8a6100; --kotu:#b4232a;
    --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;
    --en:1120px; --dar:700px;
  }
  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
  body{margin:0;background:var(--bg);color:var(--ink);
    font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  a{color:var(--ak)}
  a:focus-visible,button:focus-visible{outline:2px solid var(--ak);outline-offset:3px;border-radius:4px}
  .atla{position:absolute;left:-9999px;background:var(--ak);color:#fff;padding:10px 16px;z-index:100}
  .atla:focus{left:0}
  .sar{max-width:var(--en);margin:0 auto;padding:0 24px}
  .dar{max-width:var(--dar)}
  .sar.dar{max-width:var(--en)}
  .sar.dar>*{max-width:var(--dar)}

  header.ust{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);
    backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
  .ust .sar{display:flex;align-items:center;gap:14px;height:60px}
  .logo{display:flex;align-items:center;gap:9px;font-weight:650;font-size:15px;color:var(--ink);text-decoration:none;letter-spacing:-.01em}
  .logo-im{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--ak)}
  nav.gez{margin-left:auto;display:flex;align-items:center;gap:4px}
  nav.gez a{color:var(--ink-2);text-decoration:none;font-size:14px;padding:7px 12px;border-radius:7px}
  nav.gez a:hover{color:var(--ink);background:var(--bg-2)}
  nav.gez a.cta{color:#fff;background:var(--ak);padding:8px 16px;font-weight:550}
  nav.gez a.cta:hover{background:var(--ak-2)}
  @media(max-width:720px){nav.gez a.gizle{display:none}}

  .hero{padding:84px 0 20px}
  .etiket{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
    color:var(--ak);background:var(--ak-soft);padding:6px 12px;border-radius:100px;margin-bottom:22px}
  h1{font-size:clamp(34px,5.6vw,54px);line-height:1.08;letter-spacing:-.032em;margin:0 0 22px;font-weight:680}
  h1 em{font-style:italic;font-weight:400;color:var(--ink-2)}
  .alt-basrik{font-size:clamp(18px,2.2vw,21px);line-height:1.5;color:var(--ink-2);max-width:660px;margin:0 0 30px}
  .dugmeler{display:flex;flex-wrap:wrap;gap:11px;align-items:center}
  .dg{display:inline-block;text-decoration:none;font-size:15px;font-weight:550;padding:12px 22px;border-radius:9px}
  .dg-1{background:var(--ak);color:#fff}.dg-1:hover{background:var(--ak-2)}
  .dg-2{border:1px solid var(--line-2);color:var(--ink)}.dg-2:hover{background:var(--bg-2)}
  .kurum{margin-top:26px;font-size:14px;color:var(--ink-3)}

  .serit{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2);margin-top:56px}
  .serit .sar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2px 30px;padding-top:34px;padding-bottom:34px}
  .ist b{display:block;font-family:var(--mono);font-size:clamp(24px,3vw,31px);font-weight:600;letter-spacing:-.02em}
  .ist span{display:block;font-size:13.5px;color:var(--ink-3);margin-top:5px;line-height:1.45}

  section{padding:76px 0}
  section.alt{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  h2{font-size:clamp(25px,3.4vw,34px);line-height:1.2;letter-spacing:-.024em;margin:0 0 18px;font-weight:660}
  h2 em{font-style:italic;font-weight:400;color:var(--ink-2)}
  h3{font-size:19px;margin:34px 0 10px;letter-spacing:-.012em;font-weight:620}
  p{margin:0 0 17px;color:var(--ink-2)}
  p.one{font-size:19px;color:var(--ink);line-height:1.55}
  strong{color:var(--ink);font-weight:620}
  .kucuk{font-size:14px;color:var(--ink-3)}
  code{font-family:var(--mono);font-size:.88em;background:var(--bg-3);padding:2px 6px;border-radius:5px;color:var(--ink)}

  .vurgu-kart{background:var(--ak-soft);border:1px solid #cfe0ff;border-radius:14px;padding:26px 28px;margin:30px 0}
  .vurgu-kart p{color:#123a75;margin:0}
  .vurgu-kart .buyuk{font-size:21px;line-height:1.45;color:#0d2f5e;font-weight:560}

  figure{margin:36px 0}
  figure img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:13px;background:#fff}
  figure.koyu img{border-color:#1c232e}
  figcaption{font-size:14px;color:var(--ink-3);margin-top:13px;line-height:1.6;max-width:760px}
  figcaption b{color:var(--ink-2);font-weight:620}

  .kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:30px 0}
  .kart{background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:22px 24px}
  section.alt .kart{background:#fff}
  .kart h4{margin:0 0 8px;font-size:16px;font-weight:620;letter-spacing:-.01em}
  .kart p{margin:0;font-size:15px;line-height:1.6}
  .kart .rakam{font-family:var(--mono);font-size:27px;font-weight:600;letter-spacing:-.02em;display:block;margin-bottom:4px}

  .kaydir{overflow-x:auto;margin:26px 0;border:1px solid var(--line);border-radius:12px;background:#fff}
  table{border-collapse:collapse;width:100%;min-width:480px;font-size:15px}
  caption{text-align:left;padding:16px 20px 0;font-size:13.5px;color:var(--ink-3)}
  th,td{padding:13px 20px;text-align:left;border-bottom:1px solid var(--line)}
  thead th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-weight:600}
  tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}
  td.s{font-family:var(--mono);white-space:nowrap;font-size:14.5px}
  tr.vurgu{background:var(--ak-soft)}

  ul{margin:0 0 17px;padding-left:22px;color:var(--ink-2)}li{margin-bottom:9px}
  .uyari-kutu{border:1px solid var(--line-2);border-left:3px solid var(--uyari);background:#fffdf6;
    border-radius:0 12px 12px 0;padding:20px 24px;margin:26px 0}
  .uyari-kutu p:last-child{margin-bottom:0}
  .sinir-liste li::marker{color:var(--kotu)}

  #kart-canli{font-family:var(--mono);font-size:14px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
  #kart-canli div{padding:13px 20px;border-bottom:1px solid var(--line);color:var(--ink-3)}
  #kart-canli div:last-child{border-bottom:0}
  #kart-canli b{color:var(--ink);font-weight:550}

  footer{border-top:1px solid var(--line);padding:44px 0 60px;font-size:14.5px;color:var(--ink-3)}
  footer strong{color:var(--ink)}
  footer a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line-2)}
  footer a:hover{color:var(--ak);border-bottom-color:var(--ak)}
  footer .kunye{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 22px}

  @media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto}}
  @media print{
    header.ust,nav.gez,.dugmeler{display:none}
    body{font-size:10.5pt}section{padding:22px 0;background:#fff!important;border:0}
    figure,table,.kaydir{page-break-inside:avoid}h2{page-break-after:avoid}
  }