/* herseydenbilgi — genel site — editoryel/magazin */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,900&family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--ink:#1a1611;--paper:#f7f2e8;--card:#fffdf8;--line:#e3d8c2;--gold:#cf7a1e;--gold-2:#a85f12;--teal:#2b6e69;--muted:#7c7164;--display:'Fraunces',serif;--body:'Hanken Grotesk',sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}body{margin:0;font-family:var(--body);background:var(--paper);color:var(--ink);line-height:1.6;background-image:radial-gradient(#0000000a 1px,transparent 1px);background-size:24px 24px}
a{color:var(--teal);text-decoration:none}a:hover{color:var(--gold-2)}
.site-h{border-bottom:1px solid var(--line);background:#fffdf899;backdrop-filter:blur(6px);position:sticky;top:0;z-index:9}
.site-h .in{max-width:1080px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-family:var(--display);font-weight:900;font-size:26px;letter-spacing:-.03em}.logo .dot{color:var(--gold)}
.site-h nav{display:flex;gap:18px;font-weight:600;font-size:14px}
.container{max-width:1080px;margin:0 auto;padding:34px 24px 70px}
.hero{margin-bottom:36px}.hero h1{font-family:var(--display);font-weight:900;font-size:clamp(34px,6vw,58px);line-height:1.02;letter-spacing:-.03em;margin:0 0 10px;max-width:14ch}
.hero p{color:var(--muted);font-size:18px;max-width:52ch;margin:0}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);margin-bottom:22px;display:flex;align-items:center;gap:10px}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--line)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.post{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;transition:.16s;display:block}
.post:hover{transform:translateY(-3px);box-shadow:0 18px 30px -20px #3a2d1a55;border-color:var(--gold)}
.post .t{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--gold-2);margin-bottom:9px}
.post h3{font-family:var(--display);font-weight:600;font-size:20px;line-height:1.2;margin:0 0 6px;color:var(--ink)}
.post p{color:var(--muted);font-size:14px;margin:0}
.tagrow{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.tagrow a{font-family:var(--mono);font-size:12px;padding:6px 13px;border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink)}
.tagrow a:hover{border-color:var(--gold);color:var(--gold-2)}
article.single{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:clamp(26px,5vw,52px);max-width:760px;margin:0 auto}
article.single h1{font-family:var(--display);font-weight:900;font-size:clamp(30px,5vw,46px);line-height:1.05;letter-spacing:-.025em;margin:0 0 14px}
article.single .meta{font-family:var(--mono);font-size:12px;color:var(--muted);margin-bottom:26px;display:flex;gap:10px;align-items:center}
article.single .body{font-size:17.5px;line-height:1.75}
article.single .body h2{font-family:var(--display);font-weight:600;font-size:26px;margin:34px 0 10px}
article.single .body ul{padding-left:20px}article.single .body li{margin:6px 0}
.calc{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px;margin:22px 0}
.calc label{display:block;font-weight:600;font-size:14px;margin:0 0 6px}
.calc input{font-family:var(--mono);font-size:18px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;width:100%;background:#fff}
.calc .out{margin-top:18px;font-family:var(--display);font-weight:900;font-size:34px;color:var(--gold-2)}
.calc .note{font-size:13px;color:var(--muted);margin-top:8px}
.live-tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;color:var(--teal)}
.live-tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal);animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.site-f{border-top:1px solid var(--line);padding:28px 24px;text-align:center;color:var(--muted);font-size:13px;font-family:var(--mono)}
.notfound{text-align:center;padding:80px 20px}.notfound h1{font-family:var(--display);font-size:80px;margin:0;color:var(--gold)}

/* mobil header — uzun site adi tasmasini engelle */
@media(max-width:560px){
  .site-h .in{flex-direction:column;gap:10px;padding:14px 16px;text-align:center}
  .logo{font-size:22px;line-height:1}
  .site-h nav{gap:14px;flex-wrap:wrap;justify-content:center;font-size:13px}
  .hero h1{font-size:32px}
  .container{padding:22px 16px 54px}
  article.single{padding:22px 18px}
  .grid{grid-template-columns:1fr}
}