/* Yazılarımız alternatif 2 — ilk sayfanın (yazilar.css) üzerine: pastel renkler biraz daha belirgin, 3B düğmeler ve kartlar */
body.yazilar.pastel{
  --paper:#EEF4FC; --line:#D3E0F1; --brass:#3F7A22; --brass-l:#8CC965;
  --p-mavi:#DCE9FA; --p-mavi2:#C6DAF5; --p-yesil:#E3F2D8; --p-yesil2:#CBE6B7; --kenar:#00163F;
  background:linear-gradient(180deg,#F1F6FD 0%,#EEF5F0 100%)}
.pastel .rule{width:64px;height:5px;border-radius:5px;background:linear-gradient(90deg,#8CC965,#7DAAE8)}
.pastel .eyebrow{display:inline-block;background:var(--p-yesil);border-radius:999px;padding:4px 14px;letter-spacing:.12em}

/* 3B düğmeler: alt kenar gölgesi + basınca içeri göçme */
.pastel main .btn-a,.pastel main .btn-line{border-radius:14px;transition:transform .15s,box-shadow .15s,background .25s}
.pastel main .btn-a{background:linear-gradient(180deg,#1A4A9C 0%,#002060 100%);box-shadow:0 5px 0 var(--kenar),0 14px 24px -10px rgba(0,32,96,.55),inset 0 1px 0 rgba(255,255,255,.25)}
.pastel main .btn-a:hover{background:linear-gradient(180deg,#2458B0 0%,#0A2C78 100%);transform:translateY(-2px);box-shadow:0 7px 0 var(--kenar),0 20px 30px -12px rgba(0,32,96,.6),inset 0 1px 0 rgba(255,255,255,.25)}
.pastel main .btn-a:active{transform:translateY(4px);box-shadow:0 1px 0 var(--kenar),0 6px 12px -8px rgba(0,32,96,.5)}
.pastel main .btn-line{background:linear-gradient(180deg,#F3FAEE 0%,#DDEFD0 100%);border:1.5px solid #9CCB7C;color:#244F12;box-shadow:0 5px 0 #8CBF6A,0 14px 24px -12px rgba(63,122,34,.45),inset 0 1px 0 #fff}
.pastel main .btn-line:hover{background:linear-gradient(180deg,#F7FCF3 0%,#E5F3DA 100%);color:#244F12;transform:translateY(-2px);box-shadow:0 7px 0 #8CBF6A,0 20px 30px -12px rgba(63,122,34,.5),inset 0 1px 0 #fff}
.pastel main .btn-line:active{transform:translateY(4px);box-shadow:0 1px 0 #8CBF6A}

/* Giriş: pastel zemin, çizim kutusu 3B eğik ve süzülen */
.pastel .y-hero{background:radial-gradient(ellipse 60% 70% at 85% 30%,rgba(125,170,232,.28),transparent 65%),radial-gradient(ellipse 50% 60% at 0% 100%,rgba(140,201,101,.22),transparent 65%),#FFFFFF;border-bottom:1px solid var(--line)}
.pastel .y-hero h1 .vurgu{color:#2F6BC0}
.pastel .y-art,.js .pastel .y-art.rv.on{border:0;border-radius:24px;overflow:hidden;background:var(--paper);transform:perspective(1400px) rotateY(-12deg) rotateX(6deg);box-shadow:-24px 34px 60px -30px rgba(0,32,96,.45),0 0 0 1px rgba(255,255,255,.9) inset,0 0 0 1px var(--line);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pastel .y-art:hover,.js .pastel .y-art.rv.on:hover{transform:perspective(1400px) rotateY(-4deg) rotateX(2deg)}
.js .pastel .y-art.on{animation:suzul 8s ease-in-out infinite alternate}
@keyframes suzul{from{translate:0 -6px}to{translate:0 8px}}

/* Son yazı kartı: yuvarlak, katmanlı gölge, üzerine gelince yükselir */
.pastel .one-cikan{border:0;border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 24px 50px -28px rgba(0,32,96,.4);transform:perspective(1200px) rotateX(0);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.pastel .one-cikan:hover{transform:perspective(1200px) rotateX(3deg) translateY(-8px);box-shadow:0 0 0 1px #A9D18D,0 40px 70px -32px rgba(0,32,96,.5)}
.pastel .one-cikan .kunye{background:linear-gradient(170deg,var(--p-mavi) 0%,#EAF3E2 100%);border-right:0;position:relative}
.pastel .one-cikan .kunye::after{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#8CC965,#7DAAE8)}
.pastel .kunye span{color:var(--navy);font-weight:500}
.pastel .one-cikan .more{align-self:flex-start;background:linear-gradient(180deg,#1A4A9C,#002060);color:#fff;border-radius:12px;padding:10px 20px;box-shadow:0 4px 0 var(--kenar),0 12px 20px -10px rgba(0,32,96,.5)}
.pastel main a.one-cikan .more{color:#fff}

/* Tüm yazılar: pastel zemin, kart satırlar */
.pastel .tum{background:linear-gradient(180deg,#F6FAFF 0%,#EFF7EA 100%);border-color:var(--line)}
.pastel .konular a{border-radius:12px;border:1.5px solid var(--p-mavi2);background:#fff;box-shadow:0 4px 0 var(--p-mavi2);transition:transform .15s,box-shadow .15s,background .2s}
.pastel .konular a:hover{transform:translateY(-1px);box-shadow:0 5px 0 #A9C4EA}
.pastel .konular a:active{transform:translateY(3px);box-shadow:0 1px 0 var(--p-mavi2)}
.pastel .konular a[aria-pressed="true"]{background:linear-gradient(180deg,#1A4A9C,#002060);border-color:#002060;color:#fff;box-shadow:0 4px 0 var(--kenar)}
.pastel .liste{display:flex;flex-direction:column;gap:14px}
.pastel .liste a,.pastel .liste a:last-child{border:0;border-radius:18px;background:#fff;padding:24px 28px;box-shadow:0 0 0 1px var(--line),0 12px 26px -22px rgba(0,32,96,.45);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.pastel .liste a:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #A9D18D,0 22px 40px -24px rgba(0,32,96,.5)}
.pastel .liste .tag{justify-self:start;white-space:nowrap;background:var(--p-yesil);border-radius:999px;padding:4px 12px}
.pastel .liste a.ornek{background:#F8FAFD}
.pastel .liste a.ornek .tag{background:#EEF1F6}
.pastel .liste a{grid-template-columns:180px 1fr auto}
.pastel .sayfalar-a a{border-radius:12px;border:1.5px solid var(--p-mavi2);box-shadow:0 4px 0 var(--p-mavi2)}
.pastel .sayfalar-a a[aria-current="page"]{background:linear-gradient(180deg,#1A4A9C,#002060);border-color:#002060;box-shadow:0 4px 0 var(--kenar)}

@media (prefers-reduced-motion:reduce){.js .pastel .y-art.on{animation:none}}
@media (max-width:900px){
  .pastel .y-art,.js .pastel .y-art.rv.on{transform:none}
  .pastel .one-cikan .kunye::after{left:0;right:0;top:auto;bottom:0;width:auto;height:4px;background:linear-gradient(90deg,#8CC965,#7DAAE8)}
  .pastel .liste a{grid-template-columns:1fr;padding:20px 22px}
}
