:root{
  --ink:#0b0d12;
  --ink-soft:#14171f;
  --silk:#ede9df;
  --silk-dim:#b9b4a6;
  --paper:#f2eee5;
  --paper-ink:#191a1d;
  --paper-dim:#5e5b53;
  --crimson:#a6301f;
  --line:rgba(237,233,223,.14);
  --line-dark:rgba(11,13,18,.15);
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--silk);font-family:'Manrope',sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
::selection{background:var(--crimson);color:var(--silk)}
a{color:inherit;text-decoration:none}
a:focus-visible,input:focus-visible{outline:2px solid var(--crimson);outline-offset:4px}
.skip-link{position:fixed;left:1rem;top:-4rem;z-index:1000;background:var(--silk);color:var(--ink);padding:.8rem 1rem;transition:top .2s}
.skip-link:focus{top:1rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.eyebrow{display:block;font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.25em;text-transform:uppercase;color:var(--silk-dim)}

.site-nav{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:1.4rem 3rem;border-bottom:1px solid transparent}
.brand{font-family:'Fraunces',serif;font-weight:600;font-size:1.05rem;letter-spacing:.14em}
.brand b{color:#b3402f}
.nav-links{display:flex;align-items:center;gap:2.2rem}
.nav-links a{font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;opacity:.75;transition:opacity .25s}
.nav-links a:hover{opacity:1}

.thread-field{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 70% 35%,rgba(166,48,31,.13),transparent 32%),linear-gradient(115deg,transparent 35%,rgba(237,233,223,.035) 35.2%,transparent 35.5%)}
.thread-field::before,.thread-field::after{content:"";position:absolute;width:125%;height:42%;left:-12%;top:22%;border-top:1px solid rgba(237,233,223,.12);border-radius:50%;transform:rotate(-7deg);box-shadow:0 24px 0 rgba(237,233,223,.07),0 48px 0 rgba(166,48,31,.32),0 72px 0 rgba(237,233,223,.05),0 96px 0 rgba(237,233,223,.09)}
.thread-field::after{top:55%;transform:rotate(4deg);opacity:.55}
.hero-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;width:100%}

.blog-hero{position:relative;min-height:72svh;display:flex;align-items:flex-end;padding:9rem 3rem 5rem;overflow:hidden;border-bottom:1px solid var(--line)}
.blog-hero h1{font-family:'Fraunces',serif;font-size:clamp(4rem,11vw,9rem);font-weight:300;line-height:.82;letter-spacing:-.035em;margin:2rem 0 2.4rem}
.blog-hero h1 em{color:var(--crimson);font-weight:400}
.blog-hero p{max-width:44ch;color:var(--silk-dim);font-size:1.02rem;line-height:1.75}
.blog-main{max-width:1240px;margin:0 auto;padding:8rem 3rem 10rem}
.blog-tools{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;margin-bottom:3rem}
.blog-tools h2{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(2rem,4vw,3.4rem);margin-top:.7rem}
.blog-tools input{width:min(360px,42vw);background:transparent;border:0;border-bottom:1px solid var(--line);padding:.9rem .2rem;color:var(--silk);font:400 .88rem 'Manrope',sans-serif}
.blog-tools input::placeholder{color:var(--silk-dim)}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.blog-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ink);transition:background .35s var(--ease)}
.blog-card:hover{background:var(--ink-soft)}
.blog-card a{min-height:390px;padding:2rem;display:flex;flex-direction:column}
.card-top,.card-bottom{display:flex;justify-content:space-between;gap:1.4rem;font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--silk-dim)}
.card-top span:first-child{color:var(--crimson)}
.blog-card h2{font-family:'Fraunces',serif;font-size:clamp(1.55rem,2.6vw,2.35rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin:3rem 0 1.25rem;max-width:18ch}
.blog-card> a>p{color:var(--silk-dim);line-height:1.7;font-size:.91rem;max-width:56ch}
.card-bottom{margin-top:auto;padding-top:2rem;border-top:1px solid var(--line)}
.card-bottom b{color:var(--silk);font-weight:500;transition:color .2s}
.blog-card:hover .card-bottom b{color:var(--crimson)}
.no-results{padding:4rem 0;color:var(--silk-dim)}

.article-hero{position:relative;padding:12rem 3rem 6rem;min-height:68svh;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--line)}
.breadcrumb{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--crimson);margin-bottom:2.2rem}
.article-hero h1{font-family:'Fraunces',serif;font-size:clamp(2.9rem,7vw,6.2rem);font-weight:300;line-height:.98;letter-spacing:-.035em;max-width:17ch}
.article-hero .hero-inner>p{color:var(--silk-dim);font-size:1.02rem;line-height:1.72;max-width:62ch;margin-top:2rem}
.article-meta{display:flex;gap:2rem;flex-wrap:wrap;margin-top:2.2rem;font-family:'IBM Plex Mono',monospace;font-size:.61rem;letter-spacing:.14em;text-transform:uppercase;color:var(--silk-dim)}

.article-shell{background:var(--paper);color:var(--paper-ink);display:grid;grid-template-columns:minmax(190px,260px) minmax(0,760px);gap:7rem;justify-content:center;padding:7rem 3rem 9rem}
.toc{position:sticky;top:2.4rem;align-self:start;border-top:1px solid var(--line-dark);padding-top:1.4rem}
.toc .eyebrow{color:var(--crimson)}
.toc ol{list-style:none;margin-top:1.4rem}
.toc li{border-top:1px solid var(--line-dark)}
.toc li:last-child{border-bottom:1px solid var(--line-dark)}
.toc a{display:block;padding:.8rem 0;color:var(--paper-dim);font-size:.72rem;line-height:1.45;transition:color .2s}
.toc a:hover,.toc a.active{color:var(--crimson)}
.prose{min-width:0}
.prose .lead{font-family:'Fraunces',serif;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.5;color:var(--paper-ink);margin:0 0 3.8rem}
.prose h2{font-family:'Fraunces',serif;font-size:clamp(1.85rem,3.5vw,2.75rem);font-weight:400;line-height:1.13;letter-spacing:-.02em;margin:5rem 0 1.35rem;padding-top:.4rem;scroll-margin-top:2rem}
.prose h3{font-family:'Fraunces',serif;font-size:1.45rem;font-weight:600;line-height:1.3;margin:2.8rem 0 1rem;scroll-margin-top:2rem}
.anchor{font:.72rem 'IBM Plex Mono',monospace;color:var(--crimson);opacity:0;margin-left:.6rem;vertical-align:middle;transition:opacity .2s}
.prose h2:hover .anchor,.prose h3:hover .anchor,.anchor:focus{opacity:1}
.prose p{color:#383735;font-size:1rem;line-height:1.9;margin:0 0 1.4rem}
.prose ul,.prose ol{margin:1.2rem 0 2rem 1.2rem;padding-left:.6rem;color:#383735}
.prose li{padding-left:.35rem;margin:.7rem 0;line-height:1.72}
.prose li::marker{color:var(--crimson)}
.prose a{color:#7f261a;text-decoration:underline;text-decoration-color:rgba(127,38,26,.28);text-underline-offset:.18em;transition:text-decoration-color .2s}
.prose a:hover{text-decoration-color:#7f261a}
.prose strong{font-weight:600;color:var(--paper-ink)}
.prose code{font-family:'IBM Plex Mono',monospace;font-size:.88em;background:rgba(11,13,18,.07);padding:.12em .32em;border-radius:2px}
.prose h2[id="guncel-ve-dikkat-cekici-kararlar"]~h3,.prose h2[id="kisa-karar-ozeti"]~h3{border-left:2px solid var(--crimson);padding-left:1.1rem}
.legal-note{border:1px solid var(--line-dark);padding:1.5rem;margin-top:5rem}
.legal-note strong{font-family:'IBM Plex Mono',monospace;font-size:.63rem;letter-spacing:.18em;text-transform:uppercase;color:var(--crimson)}
.legal-note p{margin:.7rem 0 0;font-size:.86rem;line-height:1.65;color:var(--paper-dim)}

.related{padding:8rem 3rem 9rem;max-width:1240px;margin:0 auto}
.related>.eyebrow{margin-bottom:2rem}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.related-card{min-height:280px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.8rem;display:flex;flex-direction:column;transition:background .3s}
.related-card:hover{background:var(--ink-soft)}
.related-card>span{font-family:'IBM Plex Mono',monospace;color:var(--crimson);font-size:.63rem;letter-spacing:.16em}
.related-card h3{font-family:'Fraunces',serif;font-size:1.5rem;font-weight:400;line-height:1.18;margin:2.4rem 0 1rem}
.related-card p{font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--silk-dim);margin-top:auto}

.site-footer{padding:8rem 3rem 3rem;border-top:1px solid var(--line)}
.site-footer .email{font-family:'Fraunces',serif;font-size:clamp(2rem,7vw,6rem);font-weight:300;font-style:italic;display:inline-block;margin-top:1.4rem;border-bottom:1px solid transparent;transition:border-color .25s}
.site-footer .email:hover{border-color:var(--crimson)}
.footer-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;border-top:1px solid var(--line);padding-top:1.7rem;margin-top:5rem;font-family:'IBM Plex Mono',monospace;font-size:.61rem;letter-spacing:.14em;text-transform:uppercase;color:var(--silk-dim)}

@media(max-width:900px){
  .article-shell{grid-template-columns:1fr;gap:2rem;padding-top:4rem}
  .toc{position:relative;top:0;max-width:none}
  .toc ol{columns:2;column-gap:2rem}
  .related-grid{grid-template-columns:1fr}
  .related-card{min-height:220px}
}
@media(max-width:720px){
  .site-nav{padding:1.15rem 1.35rem}.nav-links{gap:1rem}.nav-links a{font-size:.56rem;letter-spacing:.1em}.nav-links a:first-child{display:none}
  .blog-hero,.article-hero{padding-left:1.35rem;padding-right:1.35rem}
  .blog-hero{min-height:65svh}.article-hero{padding-top:9rem;padding-bottom:4rem}
  .blog-main{padding:5rem 1.35rem 7rem}.blog-tools{display:block}.blog-tools label{display:block;margin-top:2rem}.blog-tools input{width:100%}
  .blog-grid{grid-template-columns:1fr}.blog-card a{min-height:350px;padding:1.5rem}
  .article-shell{padding:3.5rem 1.35rem 6rem}.toc ol{columns:1}.toc li:nth-child(n+7){display:none}
  .prose .lead{margin-bottom:2.8rem}.prose h2{margin-top:4rem}.prose p{font-size:.97rem;line-height:1.82}
  .related{padding:5rem 1.35rem 6rem}.site-footer{padding:6rem 1.35rem 2rem}.footer-meta{display:grid}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
