:root{
  --coral:#FF6A46; --coral-dark:#E5502F; --teal:#0EA37E; --teal-dark:#0A7A5F;
  --gold:#C99A4D; --bg-cream:#FBF5EA; --bg-card:#FFFFFF; --bg-raise:#F3EADA;
  --ink:#2B241C; --ink-dim:#5C5346; --ink-faint:#8A8072; --line:#E8DFCC; --line-strong:#D9CCB0;
  --shadow-soft:0 10px 26px -14px rgba(43,36,28,0.18); --radius-card:20px;
}
*{box-sizing:border-box;}
body{margin:0; background:var(--bg-cream); color:var(--ink); font-family:'IBM Plex Sans',sans-serif; line-height:1.6;}
@font-face{font-family:'Fraunces'; src:local('Fraunces');}
h1,h2,h3{font-family:'Fraunces',Georgia,serif; font-weight:700; color:var(--ink); line-height:1.2;}
.wrap{max-width:720px; margin:0 auto; padding:0 24px 80px;}
.topbar{max-width:720px; margin:0 auto; padding:28px 24px 0; display:flex; justify-content:space-between; align-items:center;}
.topbar a.logo{font-family:'Fraunces',serif; font-weight:700; font-size:19px; color:var(--ink); text-decoration:none;}
.topbar a.logo span{color:var(--coral);}
.topbar a.back{color:var(--ink-dim); text-decoration:none; font-size:14px; font-weight:500;}
.topbar a.back:hover{color:var(--coral);}
.hero-tag{display:inline-block; background:var(--bg-raise); color:var(--teal-dark); font-size:12px; font-weight:600;
  letter-spacing:0.06em; text-transform:uppercase; padding:6px 14px; border-radius:20px; margin:32px 0 16px;}
h1.post-title{font-size:clamp(28px,5vw,40px); margin:0 0 14px;}
.post-meta{color:var(--ink-faint); font-size:13.5px; margin-bottom:36px;}
article p{margin:0 0 20px; font-size:16.5px; color:var(--ink-dim);}
article h2{font-size:23px; margin:44px 0 16px;}
article h3{font-size:18px; margin:28px 0 10px;}
article ul, article ol{margin:0 0 20px; padding-left:22px; color:var(--ink-dim);}
article li{margin-bottom:8px; font-size:16px;}
article strong{color:var(--ink); font-weight:600;}
.card-table{width:100%; border-collapse:collapse; margin:24px 0 32px; font-size:14.5px;}
.card-table th{text-align:left; padding:10px 12px; background:var(--bg-raise); color:var(--ink-dim); font-weight:600; font-size:12.5px; text-transform:uppercase; letter-spacing:0.03em;}
.card-table td{padding:12px; border-bottom:1px solid var(--line); color:var(--ink-dim);}
.card-table td:first-child{color:var(--ink); font-weight:600;}
.card-table tr:last-child td{border-bottom:none;}
.callout{background:var(--bg-card); border:1.5px solid var(--line); border-left:4px solid var(--teal); border-radius:12px; padding:18px 20px; margin:28px 0; font-size:15px; color:var(--ink-dim);}
.callout b{color:var(--ink);}
.cta-box{background:linear-gradient(135deg, var(--coral), var(--coral-dark)); border-radius:var(--radius-card); padding:32px 28px; margin:44px 0 20px; text-align:center; box-shadow:var(--shadow-soft);}
.cta-box h3{color:#fff; margin:0 0 10px; font-size:21px;}
.cta-box p{color:rgba(255,255,255,0.9); margin:0 0 20px; font-size:15px;}
.cta-box a{display:inline-block; background:#fff; color:var(--coral-dark); font-weight:700; padding:13px 28px; border-radius:12px; text-decoration:none; font-size:15px;}
.note-source{font-size:12.5px; color:var(--ink-faint); border-top:1px solid var(--line); padding-top:18px; margin-top:40px;}
footer{max-width:720px; margin:0 auto; padding:20px 24px 60px; color:var(--ink-faint); font-size:13px; text-align:center;}
footer a{color:var(--ink-dim);}
/* blog index özel */
.post-card{display:block; background:var(--bg-card); border:1.5px solid var(--line); border-radius:16px; padding:24px; margin-bottom:16px; text-decoration:none; transition:transform .2s, box-shadow .2s;}
.post-card:hover{transform:translateY(-2px); box-shadow:var(--shadow-soft);}
.post-card h2{color:var(--ink); font-size:20px; margin:0 0 8px;}
.post-card p{color:var(--ink-dim); font-size:14.5px; margin:0;}
.post-card .tag{display:inline-block; color:var(--teal-dark); font-size:12px; font-weight:600; margin-bottom:10px;}
@media(max-width:520px){ .wrap,.topbar,footer{padding-left:18px; padding-right:18px;} }