@charset "UTF-8";
:root{--bg:#f6f5f1;--paper:#fff;--ink:#202321;--muted:#797d78;--line:#e4e4df;--accent:#b83e32;--accentDark:#992e25;--mint:#e8eee8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#e9c4bd}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #db9e92;outline-offset:3px;border-radius:4px}
.wrap{max-width:860px;margin:auto;padding:0 34px}
.topbar{height:75px;border-bottom:1px solid var(--line);background:rgba(246,245,241,.95)}
.topbar>.wrap{height:100%;display:flex;align-items:center;justify-content:space-between;max-width:1192px}
.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.8px}
.brand-sign{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:var(--accent);color:#fff;font-size:19px;font-weight:800;letter-spacing:-2px;padding-right:2px}
.brand .dot{color:var(--accent)}
.nav{display:flex;gap:29px;align-items:center;font-size:12px;font-weight:700;color:#666b67}
.nav a:hover{color:var(--accent)}.nav .current{color:var(--ink)}
.crumb{font-size:11px;color:#a9aea7;font-weight:600}

.index-hero{padding:76px 0 58px}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2.2px;font-weight:800;color:var(--accent);text-transform:uppercase;margin-bottom:24px}
.eyebrow:before{content:"";height:6px;width:6px;background:var(--accent);border-radius:50%}
h1,h2,h3,p{margin-top:0}
h1{font-family:Manrope,sans-serif;letter-spacing:-3px;line-height:1.12;font-size:clamp(40px,6vw,62px);font-weight:800;margin:0}
.sub{max-width:540px;font-size:15px;line-height:1.85;color:#767b76;margin:20px 0 0}
.empty{color:var(--muted);padding:44px 0;font-size:14px}

.posts{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.posts li{display:grid;grid-template-columns:110px 1fr;gap:28px;align-items:baseline;padding:30px 0;border-bottom:1px solid var(--line)}
.posts time{text-transform:uppercase;color:#a2a79f;font-size:11px;font-weight:700;letter-spacing:1px;white-space:nowrap}
.posts .title{display:block;font-family:Manrope,sans-serif;font-size:clamp(19px,2.6vw,24px);font-weight:800;letter-spacing:-1px;line-height:1.3;transition:color .18s}
.posts .title:hover{color:var(--accent)}
.posts p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.75;max-width:580px}

.post-hero{padding:76px 0 0}
.post-hero h1{font-size:clamp(36px,5.4vw,56px);letter-spacing:-2.6px;max-width:760px}
.lede{max-width:620px;margin:22px 0 0;font-size:16px;line-height:1.85;color:#6b746d}
article .meta{margin-top:30px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px;color:#989d95;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;flex-wrap:wrap}
article .meta .meta-org{color:var(--accent)}
.body{margin-top:0;padding-top:44px;font-size:16px;line-height:1.95;color:#3c403c}
.body>p:first-of-type::first-letter{font-family:Manrope,sans-serif;font-size:3.4em;font-weight:800;float:left;line-height:.86;padding:5px 12px 0 0;color:var(--accent);letter-spacing:-2px}
.endmark{display:inline-block;width:9px;height:9px;background:var(--accent);margin-left:8px;vertical-align:baseline}
.body h2,.body h3{font-family:Manrope,sans-serif;color:var(--ink);font-weight:800;letter-spacing:-1px;line-height:1.3;margin:2.1em 0 .6em}
.body h2{font-size:27px}.body h3{font-size:21px}
.body p{margin:1em 0}
.body a{color:var(--accent);border-bottom:1px solid #e4bab3}
.body a:hover{border-bottom-color:var(--accent)}
.body ul,.body ol{margin:1em 0;padding-left:1.5em}
.body li{margin:.4em 0}
.body img{max-width:100%;height:auto;border-radius:7px;border:1px solid var(--line)}
.body blockquote{margin:1.7em 0;padding:2px 0 2px 20px;border-left:3px solid var(--accent);color:#6b746d;font-style:italic}
.body code{background:#eeeee9;border:1px solid var(--line);padding:.15em .45em;border-radius:5px;font-size:.88em;font-family:ui-monospace,Consolas,monospace}
.body pre{background:#252a26;color:#e3e8e2;padding:20px;border-radius:7px;overflow:auto;line-height:1.65}
.body pre code{background:none;border:0;padding:0;color:inherit}
.body hr{border:0;border-top:1px solid var(--line);margin:2.6em 0}
.post-foot{margin:60px 0 90px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.post-foot a{font-size:12px;font-weight:700;color:#7c827a;transition:color .18s}
.post-foot a:hover{color:var(--accent)}

footer{border-top:1px solid var(--line);padding:24px 0 32px}
.footer{max-width:1192px;display:flex;justify-content:space-between;gap:16px;color:#929791;font-size:11px;line-height:1.7}
.footer a:hover{color:var(--accent)}

@media(max-width:620px){
  .wrap{padding:0 20px}.topbar{height:66px}.brand{font-size:15px}
  .nav{gap:16px;font-size:11px}
  .index-hero{padding:54px 0 42px}
  .post-hero{padding:54px 0 0}
  .post-hero h1{font-size:clamp(32px,8.5vw,42px);letter-spacing:-2px}
  .lede{font-size:14px}
  article .meta{letter-spacing:1px}
  h1{font-size:clamp(34px,9vw,44px);letter-spacing:-2px}
  .sub{font-size:14px}
  .posts li{grid-template-columns:1fr;gap:8px;padding:26px 0}
  .body{font-size:15px;margin-top:34px;padding-top:32px}
  .body h2{font-size:23px}.body h3{font-size:19px}
  .footer{flex-direction:column;gap:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Ortak footer ağı ve breadcrumb blog genişliğinden etkilenmesin */
footer .wrap{max-width:1192px}
.wrap .crumbs{max-width:none;padding:30px 0 0}
.post-hero,.index-hero{padding-top:30px}
@media(max-width:620px){.wrap .crumbs{padding:22px 0 0}}